/*：源码地址唯一出处: https://www.17sucai.com*/

a.up_btn {
	position: fixed;
	bottom: 2%;
	right: 2%;
	background: #243EC4;
	color: #fff;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	opacity: 0;
	visibility: hidden
}

.header-area.sticky a.up_btn {
	visibility: visible;
	opacity: 1
}
.ml5{margin-left: 5px;}
a.cbtn {
	background: black;
	padding: 15px 30px;
	color: #fff;
	border-radius: 5px;
	position: relative;
	z-index: 2
}

a.cbtn.startbtn {
	border-radius: 3px
}

a.signupbtn {
	color: #fff
}

.xs-btn {
	overflow: hidden;
	text-transform: capitalize;
	padding: 6px 10px;
	-webkit-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	z-index: 2;
	position: relative;
	display: inline-block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-weight: 700;
	font-size: 14px;
	white-space: nowrap
}

.xs-btn.xs-first:hover,
.xs-btn.xs-first.active {
	color: #fff
}

.xs-btn.pill {
	border-radius: 999px
}

.xs-first {
	background: #018bff;
	color: #fff;
	border-radius: 5px
}

.xs-first span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: #243EC4;
	-webkit-transition: width .4s ease-in-out, height .4s ease-in-out;
	-o-transition: width .4s ease-in-out, height .4s ease-in-out;
	transition: width .4s ease-in-out, height .4s ease-in-out;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1
}

.xs-first.active {
	background: #243EC4
}

.xs-first.active span {
	background: #018bff
}



.xs-firster {
	background: #E0A800;
	color: #fff;
	border-radius: 5px
}

.xs-firster span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: #BF9040;
	-webkit-transition: width .4s ease-in-out, height .4s ease-in-out;
	-o-transition: width .4s ease-in-out, height .4s ease-in-out;
	transition: width .4s ease-in-out, height .4s ease-in-out;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1
}

.xs-firster.active {
	background: #BF9040;
	color: #ffffff;
}

.xs-firster.active span {
	background: #ffffff;
	color: #ffffff;
}






.xs-btn:hover span {
	width: 335%;
	height: 562.5px
}

.xs-btn.xs-second:hover,
.xs-btn.xs-second.active {
	color: #fff
}

.xs-btn.pill {
	border-radius: 999px
}

.xs-second {
	background: #fff;
	color: #2e8eff;
	border: 1px solid #2e8eff;
	border-radius: 5px
}

.xs-second span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: #2e8eff;
	-webkit-transition: width .4s ease-in-out, height .4s ease-in-out;
	-o-transition: width .4s ease-in-out, height .4s ease-in-out;
	transition: width .4s ease-in-out, height .4s ease-in-out;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1
}

.xs-btn.xs-second.active span {
	width: 335%;
	height: 562.5px
}


/*：源码地址唯一出处: https://www.17sucai.com*/

.white {
	color: #ffffff;
}

.black {
	color: #111111;
}

.titer {
	width: 4px;
	height: 18px;
	background-color: #226efa;
	border-radius: 1px;
}

.fl-left {
	background-image: url(../picture/icon-left.png);
	background-repeat: no-repeat;
	padding-left: 10px;
}

.icon-list {
	width: 16%;
	margin-right: 0.6%;
	height: 140px;
	background-color: #e1ebfd;
	border-radius: 6px;
	padding: 30px 26px;
	text-align: center;
}

.icon-list img {
	width: 40%;
}

.icon-list:hover {
	background-color: #0758f1;
}

.icon-list:hover h6 {
	color: #ffffff;
}

.icon-list h6 {
	line-height: 36px;
}

.belike {
	width: 32%;
	height: aotu;
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 0 0 14px #D2D2D2;
	padding-bottom: 30px;
}

.tit {
	background-image: url(../picture/img-chuan.png);
	width: 100%;
	height: 100px;
	border-radius: 6px 6px 0px 0px;
}

.tit h4 {
	text-align: center;
	padding-top: 40px;
}

.titss {
	background-image: url(../picture/bg-fuwu.png);
	background-size: contain;
	width: 100%;
	height: 100px;
	border-radius: 6px 6px 0px 0px;
}

.titss h4 {
	text-align: center;
	padding-top: 40px;
}

.lh30 {
	line-height: 30px;
}

.bgp {
	background-image: url(../picture/bg-bgp.png);
	background-repeat: no-repeat;
}

.padding-left-40 {
	padding-left: 80px;
}

.form {
	background-color: #ffffff;
	padding: 40px 30px;
	border-radius: 8px;
}

.footer {
	background-color: #182654;
}

.fonter {
	height: aotu;
	border-radius: 18px;
	overflow: hidden;
}

.ml10 {
	margin-left: 10px;
}

.line-bom {
	border-bottom: 1px dashed #ffffff;
}

.reder {
	width: 100%;
	height: aotu;
	overflow: hidden;
	border-radius: 14px;
	background-color: #ffffff;
	border: 2px #eeeeee solid;
	padding: 10px;
}

.blue {
	color: #007BFF;
}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:100px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#005CBF;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../picture/001001.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../picture/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../picture/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../picture/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../picture/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../picture/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../picture/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}






.newsCenterPanel{width: 100%; height: auto; background: #fff; overflow: hidden; *padding-bottom: 50px;padding: 30px;}
.newsCenterPanel .title{  height: 55px; line-height: 55px;  font-size: 20px; font-weight: normal; padding-top: 0px;margin-bottom: 30px;}
.newsCenterPanel .title a{display: block; width: 100%; color: #2e2e30; text-align:left;}
.newsCenterPanel_inner{width: 1200px; margin: 0 auto}
.newsCenterPanel_inner .newContentBox{ width:64%; height: 138px; text-align: left; vertical-align: top; position: relative}
.newsCenterPanel_inner .newContentBox.odd{margin-right: 100px}
.newsCenterPanel_inner .newContentBox a{cursor: pointer}
.newsCenterPanel_inner .newContentBox .newTitle{float: left; line-height: 44px; height: 50px; font-size: 16px; color: #333; white-space: nowrap; word-break: normal; overflow: hidden; text-overflow: ellipsis}
.newsCenterPanel_inner .newContentBox .newTitle:hover{color: #007BFF;font-weight: bold;}
.newsCenterPanel_inner .newContentBox a:hover .newTitleIcon{background-color: #007BFF}
.newsCenterPanel_inner .newContentBox .newTitleIcon{width: 19px; height: 19px; background: url(../images/plus.png) center no-repeat; background-color: #a6a6a6; position: absolute; right: 0; top: 14px}
.newsCenterPanel_inner .newContentBox .border{position: absolute; left: 87px; top: 44px; width: 21px; border-top: 1px solid #007BFF}
.newsCenterPanel_inner .newContentBox .borderss{position: absolute; left: 151px; top: 44px; width: 21px; border-top: 1px solid #007BFF}

.newsCenterPanel_inner .newContentBox .newContent{ height: 50px; font-size: 14px; line-height: 28px; color: #b0b0b0; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box;}
.newContentBox .time{width: 54px; height: 54px; border: 1px solid #007BFF; background: #fff; text-align: center; margin-right: 30px; margin-top: 14px; float: left}
.newContentBox .time .day{font-size: 20px; color: #007BFF; padding: 14px 0 0 0;line-height: 10px;}
.newContentBox .time .ym{font-size: 12px; color: #b3b9f5;margin-top: -12px;}
.newContentBox a:hover .time{background: #007BFF}
.newContentBox a:hover .day{color: #fff}
.newContentBox a:hover .ym{color: #b5bcf3}
.newContentBox .timeer{width: 120px; height: 90px; border: 1px solid #007BFF;  margin-right: 30px; margin-top: 14px; float: left;}
.newContentBox .timeer img{background-size: cover;width: 120px; height: 90px;}