@charset "utf-8";
@charset "utf-8";
body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4
{margin:0;padding:0;font-style:normal;}
ol,ul,li{list-style:none;}
img{border:0;vertical-align:middle;}

body {
	overflow-x:hidden;
	font-size:14px;
	line-height:180%;
	background:#fff;
	color:#333;
	font-size:14px;
	font-family: 'Microsoft Yahei';

}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
* {
	outline: none;
}
:focus {
	outline:none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
	border-color: transparent;
	box-shadow:none;
}

a {color:#333;}
a:hover {color:#d4353a;}
.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}

.container-fluid, .container {
	position: relative;
}

.header{
	width:100%;
	background:#f66d1c url(../images/html.jpg) no-repeat center top;
}

.logo{
	height:50px;
	position:absolute;
	top:40px;
}
.logo span{ display:none;}

.banner{
	color:#fff;
	padding:188px 0px 188px 0px;
}

.banner h2 {
	font-size:38px;
}

.banner h3 {
	margin:30px 0px 58px 0px;
	font-size:28px;
}

.banner a {
	display:inline-block;
	clear: both;
	padding:8px 50px;
	border:1px solid #fbfbfb;
	border-radius: 3px;
	color:#fff;
}

.banner a:hover {
	border-color:#d4353a;
	background:#d4353a;
}

.activity h2,
.idc-info h2 {
	margin:88px 0px 5px 0px;
	padding-bottom:88px;
	text-align: center;
	font-size:32px;
	position: relative;
}

.activity h2:before,
.idc-info h2:before {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: 0px;
	transform: translate(-50%, -50%);
	width:88px;
	height:3px;
	background:#d4353a;
	content: "";
}

.idc-info h2 span {font-size:48px;color:#d4353a;}
@media (max-width: 768px) {
	.idc-info h2 span {font-size:32px;color:#d4353a;}
}

.host-recommend {

}

@media (min-width: 992px) {
	.host-recommend {
		width:65%;
		margin:30px auto 88px auto;
	}
}

.host-recommend .item {
	padding:3.5rem;
	border-radius: 3px;
	box-shadow: 0 0 35px rgba(140, 152, 164, 0.125) !important;
	transition: all 0.2s ease-in-out;
}

.host-recommend .item:hover {
	margin-top:-5px;
	margin-bottom:5px;
}

.host-recommend .item-left {
	background-color: #d4353a;
	box-shadow: 0 0 50px rgba(55, 125, 255, 0.4) !important;
	color:#fff;
}

.host-recommend .item span {
	display:block;
	width:88px;
	height:88px;
	position: relative;
	text-align:center;
	padding:15px;
	color: #d4353a;
	background: rgba(55, 125, 255, 0.1);
	border-radius: 50%;
	margin-bottom:55px;
}

.host-recommend .item span i {
	position: absolute;
	bottom:-15px;
	left:0;
	right:0;
	font-size:5.8rem;
	transition: all 0.2s ease-in-out;
}
.host-recommend .item:hover span i {
	bottom:-5px;
}

.host-recommend .item-left span {
	color:#fff;
	background: rgba(248, 249, 250, 0.1);
}

.host-recommend .item small {
	color:#d4353a;
	font-size:1.4rem;
}

.host-recommend .item-left small {
	color:#fff;
}


.host-recommend .item h4 {
	margin:0px 0px 15px 0px !important;
	font-size:1.6rem;
}

.host-recommend .item-left h4 {
	color:#fff;
}

.host-recommend .item h5 {
	font-size:1.8rem;
}

.host-recommend .item p {
	font-size:1.4rem;
	margin-bottom:0px;
}

.host-recommend .item .btn {
	margin-top:30px;
	padding: 8px 25px;
	line-height: 1.5;
	color: #d4353a;
	background: rgba(55, 125, 255, 0.1);
	font-size:1.6rem;
	border:none;
	transition: all 0.2s ease-in-out;
	border-radius: 30px;
}

.host-recommend .item:hover .btn {
	background:#d4353a;
	color:#fff;
}

.host-recommend .item-left .btn {
	background: rgba(255, 255, 255, 0.1);
	color:#fff;
}

.host-recommend .item-left:hover .btn {
	background:#fff;
	color:#333;
}

.host-recommend .item p strong {
	display: inline-block;
	background:rgba(255,255,255,.3);
	border-radius: 3px;
	padding:2px 8px
}

#down-bg-left,
#buy-bg-left,
#index-section4-bg-left {
	position: absolute;
	left:0px;
	top:75px;
	width:20%;
	z-index: 1;
}
#down-bg-right,
#buy-bg-right,
#index-section4-bg-right {
	position: absolute;
	top:0px;
	bottom:0px;
	right:0px;
	width:20%;
	z-index: 1;
	overflow: hidden;
}

.down-bg-left,
.down-bg-right,
.buy-bg-left,
.buy-bg-right {
	display:none;
}
#down-bg-left .down-bg-left,
#down-bg-right .down-bg-right,
#buy-bg-left .buy-bg-left,
#buy-bg-right .buy-bg-right,
#index-section4-bg-left .buy-bg-left,
#index-section4-bg-right .buy-bg-right
{
	display:block;
}


.footer { position: relative; padding:0px 0px 50px 0px;  color:#999; border-top:1px solid #eee; font-size:12px;}
.footer a {color:#999;}
.footer p { line-height:1.8; margin:0px; text-align:center;}
.footer .container {z-index:2;}
.footer .foot-logo {max-width:128px;}
.nav_footer { padding-top:30px; }
#footer-bg {
	height:50px;
}
.footer-bg {
	max-height: 128px;
	width: 50%;
	overflow: hidden;
}
.footer p center a img { margin: 15px auto;}
@media (max-width: 768px) {
	.footer p {padding:0px 15px;}
	.footer img { margin: 0px auto;}
	.footer-bg {width:100%;}
}


.nav_footer dt{ font-size:1.8rem; color:#333; padding-bottom:10px; font-weight:normal;}
.nav_footer dd { line-height:200%; font-size:1.2em; color:#999;}
.nav_footer dd a {color:#999;}
.nav_footer a,.nav_footer a:visited,.nav_footer a:link{
	font-size: 14px;
	line-height: 2;
	text-decoration: none;
}
.nav_footer a:hover{color:#333;}

.foot-right-certificate-box {margin:5px 10px 5px 0px; padding:15px 0px; border:1px solid #eee;text-align:center;  }
.nav_footer .foot-right-certificate dd a {position: relative; display:block; width:70%; margin:0px auto; font-size:12px; }

.foot-right-certificate dd a:after{
	content: "";
	width: 100%;
	height: 1px;
	background: #eee;
	position: absolute;
	top: 100%;
	left: 0%;
	transition: all .8s;
}

.foot-right-certificate-box:hover {
	background:#fff;
	color:#333;
}

.foot-right-certificate-box:hover a {
	color:#333;
}

.friendlink {text-align:center;}

@media (max-width: 486px) {
	.footer p span {
		display:block;
		clear:both;
		text-align:left;
	}
	.footer p,
	.friendlink {
		text-align:left;
	}
}

#section1-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: none;
	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23215de6' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23111315' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%230069e8' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%2317212c' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%230074e8' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%231d3044' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23007ee7' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23243e5e' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%230787e5' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%232f4d79' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%232890e2' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%233f5b95' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");*/
	background-image: url("https://www.cmseasy.cn/skin/images/2021/section1-bg.png") ;
	background-position: center bottom;
	background-attachment: scroll;
	background-size: cover;
	opacity: 0.5;
	z-index: 1;

}



#accordion .panel{
	border: none;
	border-top: 1px solid #f5f5f5;
	box-shadow: none;
	border-radius: 0;
	margin: 0;
}
#accordion .panel:last-child{
	border-bottom: 1px solid #f5f5f5;
}
#accordion .panel-heading{
	padding: 0;
}
#accordion .panel-title a{
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #635858;
	background: #fff;
	padding: 15px 20px 15px 47px;
	position: relative;
	transition: all 0.5s ease 0s;
}
#accordion .panel-title a:before{
	content: "\2212";

	display: block;
	width: 30px;
	height: 30px;
	line-height: 32px;
	border-radius: 50%;
	background: #f5f5f5;
	font-size: 14px;
	color: #d4353a;
	text-align: center;
	position: absolute;
	top: 25%;
	left: 0;
	transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before{
	content: "\002b";
}
#accordion .panel-body{
	font-size: 15px;
	color: #635858;
	line-height: 25px;
	border: none;
	padding: 14px 20px 14px 47px;
}


.modal-body {padding:0px;}
.modal-header {border-bottom:none;}
.system_down {padding: 0px 0px 30px 0px;text-align: center;border-top:none;}
.system_down h1 { margin:15px 0px;font-size: 28px;}
.system_down h2.desc {
	line-height: 180%;
	font-size: 18px;
	color: #77838f;
}
a.btn-b {clear: both;
	display: inline-block;
	margin: 50px auto 20px auto;
	font-size: 18px;
	padding: 18px 60px;
	background: #f4222f;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
	background-image: linear-gradient(0deg, #FF512F, #F4202F);
	color: #fff;
	border: 1px solid -moz-linear-gradient(0deg, #FF512F, #F4202F);
	border-radius: 30px;
	transition: all 0.2s ease-in-out;}

a.btn-b:hover {
	background:#d4353a !important;
	-webkit-box-shadow: 0 0 18px 0px #FF8690;
	box-shadow: 0 0 18px 0px #FF8690;
}


#tempalte-demo .modal-content {border-top: 5px solid #d4353a !important; ;
	background-size: 60px auto;}


.content-right-pic-list .extend-item {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}

.activity h2 {

}
.activity ul li { position: relative;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 10px 25px;

	font-size: 1.6rem;
}
.activity ul li:nth-child(2n+1){
	background:#f5f5f5;
	border-radius: 3px;
}
.activity ul li:before {
	content: "";
	position: absolute;
	left: 5px;
	top: 20px;
	width: 5px;
	height: 5px;
	background: #26c79d;
	border-radius: 10px;
}



.advantage {
	margin-top: 45px;
}

.advantage .list-item {
	width: 100%;

	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f6f7fa;
	-webkit-transition: all .3s;
	transition: all .3s;
	height: 479px;
	border: 1px solid #e5e5e5;
	cursor: pointer;
}

.advantage .list-item .content-top {
	text-align: center;
	color: #030303;
	background: #fff;
}

.advantage .list-item .content-top .img {
	padding-top: 27px;
	text-align: center;
}

.advantage .list-item .content-top .img .hover_status {
	display: none;
}

.advantage .list-item .content-top .a {
	font-size: 18px;
	line-height: 30px;
	font-weight: 700;
	padding-top: 20px;
}

.advantage .list-item .content-top .b {
	font-size: 14px;
	line-height: 30px;
	padding-bottom: 20px;
}

.advantage .list-item .content-bottom {
	background: #f6f7fa;
	text-align: center;
	padding-bottom: 25px;
}

.advantage .list-item .content-bottom h3 {
	color: #ff0000;
	font-size: 18px;
	line-height: 30px;
	padding-top: 30px;
}

.advantage .list-item .content-bottom p {
	color: #030303;
	line-height: 30px;
	font-size: 14px;
}

.advantage .list-item:hover {
	margin-top: -8px;
	height: 487px;
	-webkit-box-shadow: 0 0 18px 0px #FF8690;
	box-shadow: 0 0 18px 0px #FF8690;
	border: 1px solid #FF8690;
}

.advantage .list-item:hover .content-top {
	margin-top: 0px;
	background: #f4222f;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
	background-image: linear-gradient(0deg, #FF512F, #F4202F);
	color: #fff;
	border: 1px solid -moz-linear-gradient(0deg, #FF512F, #F4202F);
}

.advantage .list-item:hover .content-top .img .hover_status {
	display: inline-block;
}

.advantage .list-item:hover .content-top .img .default_status {
	display: none;
}

.advantage .last-item {
	margin-right: 0;
}

.star-case-list {
	margin-top: 40px;
	cursor: pointer;
}

.star-case-list .case-con {
	width: 20%;
}