/*
KISSY CSS Reset
*/

body,
h1,
h2,
h3,
h4,.navp
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
fieldset,
lengend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td {
	/* table elements 表格元素 */
	margin: 0;
	padding: 0;
	font-size: 14px;
	
}


body,
button,
input,
select,
textarea {
	/* for ie */
	/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
	font:400 14px/1 'Microsoft Yahei','PingFang SC',Avenir,'Segoe UI','Hiragino Sans GB',STHeiti,'Microsoft Sans Serif','WenQuanYi Micro Hei',sans-serif
	/* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
body{
    background-color: #f5f7fa;
}
h1 {
	font-size: 18px;
	/* 18px / 12px = 1.5 */
}

img {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	vertical-align: middle;
}

h2 {
	font-size: 16px;
	color: #333333;
}

h3 {
	font-size: 14px;
}

h4,
h5,
h6 {
	font-size: 100%;
}

address,
cite,
dfn,
em,
var,
i {
	font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp,
tt {
	font-family: "Courier New", Courier, monospace;
}

/* 统一等宽字体 */
small {
	font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */
img {
	max-width: 100%;
}

/* 重置列表元素 */
ul,
ol {
	list-style: none;
}

/* 重置文本格式元素 */
a {
	text-decoration: none;
	color: #333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

a:hover {
	text-decoration: none;
}

/* 重置表单元素 */
input,
select,
textarea,
button {
	outline: medium;
}

legend {
	color: #000;
}

/* for ie6 */
fieldset,
img {
	border: none;
}

/* img 搭车：让链接里的 img 无边框 */
input {
	vertical-align: middle;
	border: none;
	background: none;
	outline: none;
}

/* 注：optgroup 无法扶正 */
button,
input,
select,
textarea {
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	border: none;
	height: 1px;
}

* {
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
	min-width: 320px;
	color: #333;
}
html,body{
	overflow-x: hidden;
}

/*设置左右浮动*/
.fl {
	float: left;
}

.fr {
	float: right;
}

		#loading {
		  position: fixed;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  
		  z-index: 9999;
		  display: flex;
		  flex-direction: column;
		  justify-content: center;
		  align-items: center;
		}
		
		.spinner {
		  width: 60px;
		  height: 60px;
		  animation: spin 1s infinite linear;
		}
		.home-legalize {
    text-align: center;
}
.space2x {
    padding-top: 20px;
    padding-bottom: 20px;
}
		.loading-text {
		  margin-top: 20px;
		  font-size: 24px;
		  font-weight: bold;
		  animation: jump 1s ease-in-out infinite;
		}
		
		@keyframes jump {
		  0% { transform: translateY(0); }
		  50% { transform: translateY(-10px); }
		  100% { transform: translateY(0); }
		}
		@keyframes spin {
		  from { transform: rotate(0deg); }
		  to { transform: rotate(360deg); }
		}

/*清楚浮动*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.fz48{font-size: 48px;}
.fw500{font-weight: 500;}
.fz18{font-size: 18px;}
.mainbox-shadow{
	box-shadow: 0 0 15px rgba(0,0,0,.15);
}


.w1280{
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 10px;
}
.title-h2{
    font-weight: 600;
    font-size: 30px;
    line-height: 39px;
    color: #252b3a;
    text-align: center;
}
.title-h2>span{
    color: #035DED;
}
.desc{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 14px;
    color: #575d6c;
    text-align: center;
}
.logo-container {
  overflow: hidden; /* 隐藏溢出的内容 */
}

.logo-marquee-left {
  display: inline-flex; /* 设置为一行显示 */
  animation: logo-marquee-left 30s linear infinite; /* 动画设置 */
  white-space: nowrap; /* 不换行 */
}
.logo-marquee-left>img{width: 100rem;}
@keyframes logo-marquee-left {
  0% {
    transform: translateX(0); /* 初始位置 */
  }
  100% {
    transform: translateX(-100%); /* 向左移动一行 */
  }
}
.logo-marquee-right {
  display: inline-flex;
  animation: logo-marquee-right 30s linear infinite;
  white-space: nowrap;
}

@keyframes logo-marquee-right {
  0% {
    transform: translateX(-100%); /* 从右侧开始移动 */
  }
  100% {
    transform: translateX(0); /* 移动到最左侧 */
  }
}
.ucvvbvc {
    display: flex;
    width: 1200px;
    height: 327.714px;
    color: rgb(48, 49, 51);
    text-align: start;
    margin-left: auto;
    margin-right: auto;
}

.ucwkatt {
    display: block;
    width: 33rem;
    height: 327.714px;
    color: rgb(48, 49, 51);
    text-align: center;
    background-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
      box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}

.uc4lbsx {
    display: inline;
    width: 240px;
    /* height: 160px; */
    position: relative;
    color: rgb(48, 49, 51);
    text-align: center;
    /*left: 5%;*/
    top: 40%;
    /* right: 0px; */
     /*bottom: 50%;*/
}

.uc326l7 {
    display: flex;
    width: 728px;
    height: 327.714px;
    color: rgb(48, 49, 51);
    text-align: start;
    /*background-color: rgb(255, 255, 255);*/
    /*background-color: rgb(255, 255, 255);*/
    justify-content: center;
    align-items: center;
    /*border-bottom-style: solid;*/
    border-bottom-color: rgb(227, 228, 229);
    border-bottom-width: 1px;
    /*border-top-style: solid;*/
    border-top-color: rgb(227, 228, 229);
    border-top-width: 1px;
    /*border-right-style: solid;*/
    border-right-color: rgb(227, 228, 229);
    border-right-width: 1px;
}

.ucd5c44 {
    display: block;
    width: 631px;
    height: 325.714px;
    color: rgb(48, 49, 51);
    text-align: start;
    background-color: rgb(250, 251, 252);
    background-color: rgb(250, 251, 252);
    margin-left: 48px;
    margin-right: 48px;
    padding-left: 24px;
    padding-top: 40px;
    padding-right: 24px;
    padding-bottom: 40px;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}

.ucq55c9 {
    display: block;
    width: 583px;
    height: 35.4286px;
    position: relative;
    font-weight: 600;
    font-size: 24px;
    color: rgb(41, 45, 51);
    text-align: start;
    margin-bottom: 32px;
    padding-top: 2px;
    padding-bottom: 2px;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
}

.ucsvm7u {
    display: block;
    width: 583px;
    height: 178.286px;
    font-size: 16px;
    color: rgb(82, 90, 102);
    text-align: start;
    line-height: 30px;
}

.ucmjmvj {
    display: block;
    /*width: 1432.57px;*/
    /*height: 455.714px;*/
    color: rgb(48, 49, 51);
    text-align: start;
    background-image: url("/skin/newcloud/img/company.png");
    /*background-repeat: no-repeat;*/
    padding-top: 3%;
    padding-bottom: 64px;
}
.yunwei .content{text-align:left;padding-top:40px;overflow:hidden}
.yunwei .content .left{width:580px;float:left;color:#797979;font-size:16px;line-height:40px}
.yunwei .content .left img{border:0;margin-bottom:30px;width:580px}
.yunwei .content .right{float:right;width:700px;overflow:hidden}
.yunwei .content .right a{display:block;width:310px;padding-top:90px;float:right;border:4px solid #F4F6F9;margin-left:20px;margin-bottom:20px;border-radius:5px;color:#474747;text-align:center;font-size:16px;height:auto}
.yunwei .content .right a i{display:block;width:250px;margin:auto;font-size:14px;color:#999;font-style:normal;padding:20px 0;line-height:25px}
.yunwei .content .right a.zdh{background-image:url(../img/yunweiico55.png);background-repeat:no-repeat;background-position:126px 25px}
.yunwei .content .right a.beifen{background-image:url(../img/yunweiico55.png);background-repeat:no-repeat;background-position:126px -175px}
.yunwei .content .right a.anquan{background-image:url(../img/yunweiico55.png);background-repeat:no-repeat;background-position:126px -375px}
.yunwei .content .right a.tongzhi{background-image:url(../img/yunweiico55.png);background-repeat:no-repeat;background-position:126px -575px}

.product{ background-color:#F6F6F6;text-align:center; overflow:hidden}
.product h1{text-align:center;font-size:22px;color:#222}
.product .content{width:1240px;margin:auto;overflow:hidden;padding-top:10px}
.product .content div{padding-left:50px;padding-right:45px;height:300px;padding-top:40px;display:inline-block;margin-top:40px;border:1px solid #fff;border-radius:5px;background-color:#fff;-webkit-box-shadow:#e5e5e5 0px 0px 10px;-moz-box-shadow:#e5e5e5 0px 0px 10px;box-shadow:#e5e5e5 1px 0px 10px;overflow:hidden;width:calc((100% - 37px) / 2);vertical-align:text-top;margin-left:30px}
.product .content div:hover{-webkit-box-shadow:#035DED 0px 0px 10px;-moz-box-shadow:#035DED 0px 0px 10px;box-shadow:#035DED 1px 0px 10px;transform:translateY(-10px)}
.product .content div.hot{-webkit-box-shadow:#035DED 0px 0px 10px;-moz-box-shadow:#035DED 0px 0px 10px;box-shadow:#035DED 1px 0px 10px}
.product .content div:hover p.name{font-size:18px;border-bottom:1px dotted #035DED}
.product .content div.hot p.name{font-size:18px;border-bottom:1px dotted #035DED}
.product .content div.left{margin-left:0}
.product .content div.right{margin-right:0}
.product .content div p.name{height:40px;line-height:40px;padding-left:45px;padding-bottom:15px;text-align:left;font-size:16px;border-bottom:1px dotted #ccc;font-weight:bold}
.product .content div p.name a{color:#000}
.product .content div:hover p.name a{font-weight:bold}
.product .content div p.name a:hover{color:#035DED}
.product .content div a.about{display:block;margin-top:10px;height:145px;padding-bottom:10px;padding-top:10px;border-bottom:1px dotted #ccc;color:#999;line-height:35px;text-align:left;overflow:hidden;font-size:12px}
.product .content div:hover a.about{text-decoration:none}

.product .content div a.about span{display:block;background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -1577px;padding-left:15px}
.product .content div p.more{margin-top:10px;height:35px;line-height:35px;overflow:hidden;color:#999}
.product .content div p.more a{float:right;display:block;margin-left:10px;color:#999}
.product .content div p.more a.price{float:left;margin-left:0;font-size:12px}
.product .content div p.more a.price i{font-weight:bold;color:darkorange;margin-right:3px;font-size:14px;font-style:normal}
.product .content div p.more a.price b{font-weight:bold;color:#035DED;margin-right:3px;font-size:14px}
.product .content div p.more a.buy{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -800px;width:35px;height:35px}
.product .content div p.more a.buy:hover{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -1240px;width:35px;height:35px}
.product .content div p.more a.downw{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -900px;width:35px;height:35px}
.product .content div p.more a.downw:hover{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -1300px;width:35px;height:35px}
.product .content div p.more a.downl{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -1000px;width:35px;height:35px}
.product .content div p.more a.downl:hover{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -1400px;width:35px;height:35px}
.product .content div.daiwei p.name{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 6px}
.product .content div.security p.name{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -94px}
.product .content div.wss p.name{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:-3px -1702px}
.product .content div.ssl p.name{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -295px}
.product .content div.host p.name{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 6px}
.product .content div.sec p.name{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -496px}
.product .content div.fcg p.name{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -596px}
.product .content div.hbf{background-image:url(../picture/bt-new.png);background-repeat:no-repeat;background-position:190px  50px}
.product .content div.hbf p.name{background-image:url(https://cdn-1300413531.cos.ap-chengdu.myqcloud.com/www/picture/product.png);background-repeat:no-repeat;background-position:0 -696px}
.down-linux{text-align:center;}
.down-linux .title{width:150px;padding-left:20px;margin:auto;font-size:28px;line-height:50px;background-image:url(../picture/special.png);background-repeat:no-repeat;background-position:0 -890px}
.down-linux .content{width:1240px;padding:49px;background-color:#fff;border-radius:5px;margin:auto;text-align:left;overflow:hidden}
.down-linux .content .c2{padding-top:0px;font-size:14px;color:#666;line-height:30px;margin-bottom:20px}
.down-linux .content .c2 p{padding-left:25px;background-image:url(../img/special.png);background-repeat:no-repeat;background-position:0 -2793px}
.down-linux .content .c2 div{border:1px solid #ebf0fc;margin-top:10px;line-height:50px;height:50px;background-color:#FFFDF5;padding:0}
.down-linux .content .c2 div a{display:block;float:left;background-color:#035DED;width:60px;height:49px;text-align:center;color:#ffffff;overflow:hidden}
.down-linux .content .c2 div a:hover{cursor:pointer}
.down-linux.bg4{background-color:#f6f6f6}
.down-linux .content .c2 div textarea{height:48px;line-height:49px;padding-left:10px;width:1080px;overflow:hidden;resize:none;float:left;border-radius:4px;font-size:16px;box-shadow:none;outline:0;border:2px solid #ffffff !important;background:linear-gradient(#ebeffd 10%,15%,#fff) !important;color:#2c3e50 !important}
.down-linux .content .c2 p.ubuntu{background-image:url(../img/special.png);background-repeat:no-repeat;background-position:0 -2893px}
.down-linux .content .c3{padding-top:30px;font-size:14px;color:#999;border-bottom:1px dotted #eee;padding-bottom:20px;line-height:30px}
.down-linux .content .c3 span{color:red}


.d-flex {
	display: flex;
}

/* 垂直水平居中 */
.d-flex-center-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 垂直居中 */
.d-flex-center {
	display: flex;
	align-items: center;
}

.d-flex-start {
	display: flex;
	align-items: flex-start;
}

/* 两端对齐 */
.d-flex-between {
	display: flex;
	justify-content: space-between;
}

/* 水平居中 */
.d-flex-justify-center {
	display: flex;
	justify-content: center;
}

.align-items{
	align-items: center;
}
/* 垂直居中两端对齐 */
.d-flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.d-flex-center-between-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.flex-1 {
	flex: 1;
}

.flex-column {
 
	flex-direction: column;
    position: relative;
 
}

/*.icon-pro-hot {*/
/*    width: 49px;*/
/*    height: 20px;*/
/*    height: 20px;*/
/*    line-height: 21px;*/
/*    background: url(https://www.shutianyun.com/skin/cloud/img/icon-pro-hot.png) no-repeat center;*/
/*    color: #035DED;*/
/*    font-style: normal;*/
/*    text-indent: 1.2em;*/
/*    font-size: 12px;*/
/*}*/
.vam {
    vertical-align: middle;
}
.inline-block {
    display: inline-block;
}
.flex-wrap {
	flex-wrap: wrap;
}

.flex-shrink {
	flex-shrink: 0;
}
.transition{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.dx {
	text-transform: uppercase
}







#index-swiper .swiper-slide img {
	display: block;
	margin: 0 auto;
}

#index-swiper .swiper-slide {
	position: relative;
}

#index-swiper {
	max-width: 1920px;
	margin: 0 auto;
}

#index-swiper .swiper-button-prev {
	left: 20px;
}

#index-swiper .swiper-button-next {
	right: 20px;
}

#index-swiper .sbtn {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	background: #fff;
	box-shadow: 0 0 15px rgba(43, 23, 126, .15);
}

#index-swiper .sbtn::after,
#index-swiper .sbtn::before {
	font-size: 20px;
}
#index-swiper .w1280{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	
}
#index-swiper .swiper-abs {
	position: absolute;
	left: 0;
	top: 35%;
	width: 468px;
	color: #333;
	line-height: 2.2;
	 
	z-index: 30;
}

.swiperaBtn {
	margin-top: 3%;
	font-size: 16px;
	width: 116px;
	height: 36px;
	border-radius: 1px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	border: 1px #035DED solid;
	display: block; 
	background: #035DED;
}

.swiperaBtn:hover {
 
	color: #fff;
	box-shadow: 0 0 15px rgba(43, 23, 126, .15);
}

#index-swiper .swiper-pagination {
	max-width: 1280px;
	left: 50%;
	bottom: 21%;
	margin-left: -25%;
	text-align: left;
	display: flex;
	align-items: center;
}

#index-swiper .swiper-pagination span {
	width: 30px;
	height: 4px;
	border-radius: 1px;
	background: #FA8072;
	opacity: .4;
}

#index-swiper .swiper-pagination span.swiper-pagination-bullet-active {
	height: 6px;
	background: #035DED;
	opacity: 1;
	border-radius: 1px;
}

.header {
	position: fixed;
	z-index: 1000;
	background: hsla(0,0%,100%,.34);
	/*background: #2B3033;*/
	left: 0;
	right: 0;
	top: 0;
	height: 78px;
border-bottom: 1px solid rgba(255,255,255,.12);
box-shadow: 0 2px 8px rgb(8 20 49 / 10%);
white-space: nowrap;
}
.jiafooter{
    height: 80px;
    background: #F7F8FA;
}
.header .w1280 {
	height: 78px;
}
.wrapAll{
    height: 100%;
    z-index: 1000;
}
.nav a {
	color: #000000;
	font-size: 16px;
	margin: 0 22px;
	height: 78px;
	line-height: 78px;
	display: block;
	position: relative;
	cursor: pointer;
}
.support a{
	color: #7d87a5;
	padding: 5px 15px;
}
.nav a:hover,
.nav li.active a,
.nav li a.active,.support a:hover {
	color: #035DED;
}

.nav a::after {
	content: "";
	position: absolute;
	left: 50%;
	right: 50%;
	background: #035DED;
	height: 3px;
	width: 0;
	bottom: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	opacity: 0;
	transition: all .3s;
}

.nav a:hover::after,
.nav li.active a:after,
.nav a.active:after {
	width: 100%;
	left: 0;
	right: 0;
	opacity: 1;
}

.subnav {
	position: fixed;
	top: 78px;
	left: 0;
	right: 0;
	background: #f7f8fa;
	z-index: 1000;
}
.header.fixed{
    backdrop-filter: blur(4px);
}
.sub-nav {
	background:#F5F6F8;
	height: 430px;
}
.navp{
 
	padding-bottom: 30px;
}
.top-menu-header {
	background: #ffffff;
}

.topr {
	color: #fff;
	margin-right: 20px;
}

.topr:hover {
	color: #fff;
	opacity: .6;
}

.topzc {
	height: 34px;
	padding: 0 18px;
	color: #fff;
	border: 1px #035DED solid;
	border-radius: 1px;
	margin-right: 20px;
	background-color: #035DED;
}

.icon-act-hot {
    position: absolute;
    top: 14px;
    right: -25px;
    width: 30px;
    height: 14px;
    background: url(../img/act-hot.png) no-repeat center;
}

.topdh {
	height: 34px;
	padding: 0 0px;
	color: #333;
 	margin-right: 20px;
}

.topzc img {
	margin-right: 5px;
}


.toprdl {
	background: #035DED;
	height: 34px;
    padding: 0 18px;
	line-height: 34px;
border: 1px solid #035DED; 
	color: #fff;
}

.toprdl img {
	margin-right: 5px;
}

.toprdl:hover {
	color: #fff;
	opacity: 1;

}

.prodNav {
	width: 23%;
}

.toph3 {
	color: #035DED;
	font-size: 14px;
	font-weight: 500;
}

.prodNav a {
	margin-top: 20px;
	background: #fff;
	border-radius: 1px;
	padding: 15px 20px;
	border: 1px transparent solid;
	  
}
.prodNav a h4 {
	color:#333333;
	font-size: 14px;
	font-weight: 500;
}

.prodNav a p {
    font-size: 12px;
	line-height: 26px;
	color: 999;
}

.prodNav a:hover,.ffsub a:hover {
        border: 1px solid  #035DED;
		color: #035DED;
}
.prodNav a:hover p,
.prodNav a:hover h4 {
	color: #035DED;
}
.ffsub {
	margin-left: -2%;
}
.ffsub a{
	width: 23%;
	margin-left: 2%;
	margin-top: 20px;
	background:  #ffffff;
	border-radius: 1px;
	padding: 15px 20px;
	border: 1px transparent solid;
	font-size: 16px;
	color: #333333;
	display: flex;
}
.ffsub a i{
	display: inline-block;margin-right: 8px;
	font-size: 20px;
}
.box1-ff{
	margin:1.5% 0;
	position:relative;
	z-index: 900;
	margin-left: -1.5%;
}
.box1-ff .item {
	width: 23.5%;
	margin-left: 1.5%;
	background: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
	border-radius: 10px;
}

 

.box1-ff .item img{
	margin-right: 15px;

}


.box1-ff .item{
	position: relative;
}
 
.box1-2Left{
	width: 220px;
	margin-right: 100px;
}
.box1-2Left h2{
	line-height: 40px;
	font-size: 24px;
	font-weight: 500;
}
.box1-2Left a{
	margin-top: 20px;
	color: #035DED;
	display: block;
}

.box1-2Left a:hover{
	color: #035DED;
	
}
.box1-2Left a:hover i{
	margin-left: 8px;
}

.box1-2Right h2{
	font-size: 44px;
	color: #035DED;
	line-height: 1.1;
}
.box1-2Right .xt{
	width: 40px;
	height: 4px;
	background: #FA8072;
	margin-top: 18px;
	margin-left: 6px;
	position: relative !important;
}

.box1-2Right p{
	margin-top: 18px;
}
.box2{
	background: #f7f8fa;
}
.p55{
	padding-top: 1px;
	padding-bottom: 55px;
	box-shadow: 0 0 10px #ddd;
}
.box1{
	/*padding-bottom: 55px;*/
}
.box1-ff .item h3{
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 7px;
	color:#333;
}
.box-shadow1{
	box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.box-shadow2{
	box-shadow: 0 0 15px rgba(0,186,255,.15);
}
.box1-ff .item:hover{
	transform: translate(0,-5px);
	box-shadow: 0 0 15px rgba(43,63,126,.15);
}
.title{
	margin-bottom: 5px;
}
.title h2{
	font-size: 26px;
	font-weight: bold;
	color: #035DED;
	padding-right: 15px;
	position: relative;
}
.title h2::after{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	background: #ff9000;
	border-radius: 100%;
	right: 0;
	top: 10px;
}
.title p{
	color: #818181;
}
.box2Ul{
	margin-left: -2%;
}
.box2Ul li{
	width: 31.3333%;
	margin-left: 2%;
	margin-top: 25px;
	box-shadow: 0 0 10px #ddd;
}
.radius{
	border-radius: 1px;
	overflow: hidden;
}

.radius4 a{
    display: inline-block;
	width: 110px;
	height: 36px;
	line-height: 36px;
    color: #fff;
	border: 1px #035DED solid;
	text-align: center;
	margin-right: 50px;
	padding: 0 18px;
	color: #035DED;
	border: 1px #035DED solid;
	border-radius: 1px;
	margin-right: 20px;
	margin-bottom: 5px;
}
.radius4{
    display: inline-block;
	width: 110px;
	height: 36px;
	line-height: 36px;
    color: #fff;
	border: 1px #fff solid;
	text-align: center;
	margin-right: 50px;
	padding: 0 18px;
	color: #fff;
	border-radius: 1px;
	margin-right: 20px;
	margin-bottom: 5px;
}

.radius4:hover {

    
}
.radius6:hover {

}
.radius6{
    display: inline-block;
	width: 110px;
	height: 36px;
	line-height: 36px;
    color: #fff;
    background: #035DED;
	text-align: center;
	margin-right: 50px;
	padding: 0 18px;
    margin-bottom: 5px;
	border-radius: 1px;
	margin-right: 20px;
}
.pageTopa .a{
	display: inline-block;
	width: 110px;
	height: 36px;
	line-height: 36px;
	background: #035DED;
	color: #fff;
	border: 1px #035DED solid;
	text-align: center;
	margin-right: 50px;
}
.box2Ul li a{
	padding: 25px;
	position: relative;
}
.bgfff{
	background: #fff;
}
.box2Ul li a img{
	margin-right: 25px;
	width: 70px;
	height: 70px;
}
.box2Ul li h2{font-size: 18px;color: #333;font-weight: 500; margin-bottom: 15px;}
.box2Ul li h2:hover  {
    color: #035DED;
}
.box2Ul li p{
	line-height: 1.6;
}
.txt-818181{
	color: #818181;
	margin-bottom: 10px;
}
.box2Ul li p.jg{
	color: #333;
	margin-top: 5px;
}
.box2Ul li p.jg span{
	font-size: 28px;
	color: #035DED;
	font-weight: bold;
}
.box2Ul li a:hover{
	transform: translate(0,0px);
 
	
}
 .c-pro-new{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(../img/c-pro-new.png) no-repeat center;
 
 
}
.box2Ul .hot{
    width: 49px;
    height: 20px; 
    padding: 7px 14px;

    line-height: 21px;
    background: url(../img/icon-pro-hot.png) no-repeat center;
    color: #035DED;
    font-style: normal;
    text-indent: 1.2em;
    font-size: 12px;
}
.titleP{
	margin-top: 15px;
}
.slideTxtBox{
	position: relative;
}

.slideTxtBox .bd{
	/* height: 310px; */
	position: relative;
	top: 0;
	width: 100%;
}

.map{
	position: absolute;
	right: 0;
	top: 0;
}
.mapigm{
	
	text-align: right;
}
.mapigm img{
	margin-top: -100px;
}
.slideTxtBox .hd{
	position: relative;
	z-index: 200;
	width: 100%;
	
}
.mapigm{
	position: relative;
}
.slideTxtBox .hd ul{
	margin-top: 60px;
}
.map-service-wrapper{
    display: none;
}
.slideTxtBox .hd li{
	float: left;
	color: #373737;
	width: 100px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	
}
.slideTxtBox .hd li.on{
	background: #035DED;
	color: #fff;
	border-radius: 1px;
}
.ema{
	color: #035DED;
}
.item-abs1{
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 1.8;
}
.item-abs1>p{
    color: #035DED;
}
.radius4{
    color: #035DED;
    border:1px solid #035DED;
}
.item-abs1 h2{
	font-size: 20px;
	color: #035DED;
}
.item-abs1 h2 img{
	margin-right: 8px;
}
.item-abs1 a.ema{
	color: #035DED;
}
.mt20{
	margin-top: 20px;
}
.item-abs02{
	background: url(../img/abs.png) no-repeat;
	width: 110px;
	height: 39px;
	position: absolute;
}
.item-abs02 span{
	width: 86px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
}

.map-01{
	right: 5%;
	top: 31%;
}
.map-02{
	right: 6%;
	top: 32%;
}
.map-03{
	right: 4%;
	    top: 22%;
}

.box4{
	background: #f7f8fa;
}
.ffTab{
	margin-top: 40px;
	overflow: hidden;
}
.ffTab .hd{
	width: 220px;
	border-left: 1px #d8dbe4 solid;
}
.ffTab .hd li{
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: 16px;
	color: #333;
	cursor: pointer;
	position: relative;
}
.ffTab .hd li+li{
	border-top: 1px #d8dbe4 solid;
}
.ffTab .hd li.on::after{
	position: absolute;
	  content: '';
	 border-top:10px solid transparent;
	 border-bottom: 10px solid transparent;
	 border-right: 10px solid #035DED;
	 left: -10px;
	 top: 50%;
	 margin-top: -6px;

}
.ffTab .hd li.on{
	background: #035DED;
	color: #fff;
}
.ffTab .hd li a{
	color: #035DED;
	
}
.ffTab .hd li.ffa::after{
	display: none;
}
.ffTab .hd li.ffa.on a{
	background: #035DED;
	color: #fff;
}
.ffTab .bd{
	margin-right: 230px;
	height: 390px;
}
.ffTab .bd .item{
	height: 390px;
	max-width: 960px;
	margin: 0 auto;
}

.ffTab .bd .item img{
	margin-right: 50px;
	width: 370px;
	height: 260px;
}
a.tab-a{
	color: #035DED;
	border: 1px #035DED solid;
	width: 126px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 1px;
	margin-top: 20px;
	display: block;
}
.ttrbox{
	line-height: 1.8;
}
a.tab-a:hover{
	background: #035DED;
	color: #fff;
	border-color:#035DED ;
	box-shadow: 0 0 15px rgba(43,63,126,.15);
}
.ttrbox h2{
	font-size: 20px;
	color: #035DED;
	margin-bottom: 20px;
}

.newsLt{
	width: 300px;
	height: 250px;
	padding: 35px;
	margin-right: 25px;
	overflow: hidden;
}
.main-sty1 {
  background-image: url("../img/av-bg5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.main-sty2 {
  background-image: url("../img/av-bg4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.main-sty3 {
  background-image: url("../img/av-bg3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.main-sty4 {
  background-image: url("../img/av-bg2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.main-sty5 {
  background-image: url("../img/av-bg1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.mt40{
	margin-top: 40px;
border-bottom: 1px solid rgba(153,153,153,.3);
}

.ntt{
	line-height: 2;
}

.newsRigh{
	margin-left: -2%;
}
.newsRigh .item{
	width: 48%;
	margin-left: 2%;
	height: 250px;
	padding: 28px;
}
.newsRigh .item h2{
	font-size: 18px;
	color: #035DED;
}
.newsRigh .item h2 img{
	margin-right: 8px;
}
.nttitle{
	padding-bottom: 18px;
	border-bottom: 1px #ebedf0 solid;
}
.nttitle a{
	color: #818181;
}
.nttitle a:hover{
	color: #035DED;
}

.text-hide {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m-b-15 {
    margin-bottom: 15px;
    color: #818181;
}

.indexUl li a{
	display: block;
	position: relative;
	height: 36px;
	line-height: 36px;
	padding-right: 44px;
	padding-left: 10px;
}
.indexUl{
	padding-top: 15px;
}
.indexUl li a span{
	position: absolute;
	right: 0;
}
.indexUl li a::after{
	content: "";
	width: 3px;
	height: 3px;
	background: #818181;
	left: 0;
	top: 16px;
	position: absolute;
}
.indexUl li a:hover::after{
	background:#035DED;
}

.footer{
	background:#141B1E;
	padding: 30px 0;
	position:relative;bottom:0;
}
.foot-copyright{
    /*border-top: 1px solid rgba(255,255,255,.1);*/
    padding:  1.25rem 0 2rem 0;
    text-align: center;
    color: #fff;
    overflow: hidden;
     font-size: 12px;
}

.footer_2>span,.footer_2>span>a{
    color:#fff ;
    font-size: 12px;
    display: inline-block;
    margin: 2px 0;
}
.footer_2>span:hover, .footer_2>span>a:hover{
    color: #00bfff;
}
.fttop{
border-bottom: 1px solid rgba(153,153,153,.3);
	padding-bottom: 25px;
	font-size: 18px;
	color: #333;
}
.fttop img{
	margin-right: 8px;
}
.footLogo{
	color: #666;
	margin-top: -38px;
}
.footL01{
	line-height: 1.8;
	color: #666;
	margin-top: 20px;
}
.footL01 a{
	color: #666;
}
.footLogo h3{
	font-size: 24px;
	margin-top: 20px;
}
.tab-txt h2{
    color: #333;
}
.footRul h3{
	font-size: 16px;
	color: #333;
	font-weight: 500;
	margin-bottom: 15px;
}
.footRul>li>h3{
    color: #fff;
}
.footRul li a{
	display: block;
	height: 34px;
	line-height: 34px;
	color: #666;
}
.footRul li {
	margin-right:100px;
	    margin-bottom: 30px;
}
.footRul li a:hover{
	color: #ffffff;
}
.copy,.copy a{
	color: #666;
}
.copy a:hover{
	color: #035DED;
}
.copy{
	margin-top: 25px;
}

.pageTop{
	text-align: center;
	position: relative;
}
.pageTop .w1280{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.radius5 a{
	display: inline-block;
	width: 110px;
	height: 36px;
	line-height: 36px;
	background: #035DED;
	color: #fff;
	border: 1px #035DED solid;
	text-align: center;
	/*margin-right: 50px;*/
}
.pageTopTxt{
	position: absolute;
	width: 470px;
	text-align: left;
	top: 25%;
	left: 0;
	z-index: 20;
	line-height: 1.7;
}

.bignav{
    width: 100%;
}
.list_title{
    position: fixed;
    left: 0;

    z-index: 1000;
    width: 30%;
    overflow: hidden;
    height: 100%;
}
.list_title>ul{
    height: 100%;
    background-color: #fff;
    padding: .45rem 0 0;
    
}
.list_title>ul>li{
display: block;
background-color: #FFFFFF;
text-align: center;
}
.list_title>ul>li>a{
    color: black;
}
.list_title>ul>.list_current>a{
    color: #035DED;
}
.list_title>ul>.list_current:before {
    background-color: #035DED;
    width: .086rem;
    height: .684rem;
    margin: .086rem 0;
    position: absolute;
}
.list_title>ul>.list_current{
    background-color: #F7F8FA;
}
.list_show{
position: fixed;
left: 30%;
background-color: #F7F8FA;
}

.pageTopTxt h2{
	font-size: 34px;
	font-weight: 500;
	color: #333333;
}
.toptxt{
	margin: 20px 0 25px;
}
.toptxta{
	margin: 20px 0 25px;
	color: #333333;
}
.pageTopa a:hover{
	color: #fff;
	border-color: #035DED;
}

.jsabs{
	text-align: center;
	width: auto !important;
	max-width: 1200px;
	position: absolute;
	top: 60% !important;
	left: 50% !important;
	transform:translate(-50%,-50%);
}

.cp-nav{

}
.cp-nav li{
	height: 70px;
	display: flex;
	align-items: center;
	font-size: 16px;
	margin: 0 30px;
	cursor: pointer;
	position: relative;
}
.cp-nav li:hover::after,.cp-nav li.on::after{
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	background: #035DED;
	top: 50px;
}
.cp-nav > li:hover,.cp-nav li.on{
	color: #035DED;
}

.cp-nav .active {
	height: 34px;
    padding: 0 18px;
    line-height: 34px;
    background: #035DED;
    color: #fff;
}
.fz26{font-size: 26px;}
.tc{
	text-align: center;
	margin-top: 20px;
}
.txt-main{color: #035DED;margin-top:1.875rem}

.ysUl{
	margin-left: -2%;
	margin-top: 15px;
}
.ysUl li{
	width: 48%;
	margin-left: 2%;
	margin-top: 25px;
 
}
.ysUl .sqlbg{
    background-image: url(../img/sql_bg.png);
}
.ysUl .hostbg{
    background-image: url(../img/host_bg.png);
}
.ysUl .cdnbg{
    background-image: url(../img/cdn_bg.png);
}
.ysUl .serverbg{
    background-image: url(../img/server_bg.png);
}
.ysUl .lxcbg{
    background-image: url(../img/lxc_bg.png);
}
.ysUl .sslbg{
    background-image: url(../img/ssl_bg.png);
}
.ysUl .vhostbg{
    background-image: url(../img/vhost_bg.png);
}
.ysUl li a{
	padding: 25px;
	line-height: 1.8;
	min-height: 165px;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	border: 1px #e1e6f0 solid;
}
.ysUl li a img{
	margin-right: 20px;
}
.ysUl li a h3{
	margin-bottom: 8px;
}
.ysUl li a:hover{
	box-shadow: 0 0 15px rgba(43,63,126,.2);
	border-color: #fff;
	/*transform: translate(0, -5px);*/
}

.cpbox2{
	background: #f7f8fa;
	text-align: center;
	padding-bottom: 100px;
}
.cpbox2 .item{
	margin-top: 90px;
}
.cpbox2 .item  h2{
	height: 83px;
	line-height: 83px;
	font-size: 16px;
	background: #e0e9f8;
	color: #035DED;
}
.cpbox2 .item:nth-child(1)  li{
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.cpbox2 .item li{
	height: 60px;
	line-height: 60px;
	color: #035DED;
	background: #f8f9ff;
}
.cpbox2 .item li:nth-child(odd){
	background: #fff;
}
.cpbox2 .item:nth-child(2){
	transform: scale(1.08);
	overflow: hidden;
	color: #035DED;
}
.cpbox2 .item:nth-child(2) h2{
	background: #035DED url(../img/h2j.png) right top no-repeat;
	font-size: 24px;
	color: #fff;
	height: 100px;
	line-height: 100px;
}
.border-main{
	border: 1px #e1e6f0 solid;
}
.tcBox{
	margin-top: 1.5%;
	margin-left: -2%;
	flex-wrap: wrap;
}
.tcBox .item{
	width: 23%;
	margin-left: 2%;
	overflow: hidden;
	position: relative;
	/*padding:0 0 30px;*/
	margin-bottom: 10px;
}
.tcBox .item h2{
	font-size: 22px;
	padding-top: 4%;
	margin-top: -1px;
	color: #818181;
	text-align: center;
}
.tcBox .item .abs{
	font-size: 60px;
	font-weight: bold;
	font-family: arial;
	color: #f7f8fa;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: -1;
}
.tc-txt{
	margin-top: 10px;
	/*line-height: .1rem;*/
	/*height: .1rem;*/
	text-align: center;
	border-bottom: 1px #e1e6f0 solid;
	padding-bottom: 0.625rem;;
}
.tabBoxs{
    text-align: center;
    display: inline-block;
    width: 100%;
}
.tabBoxs>a{
    display: inline-block;
    padding:1% 0.2%;
    margin: 1% 0.2%;
    border-radius: 50px;
    background-color: #035DED;
}
.tabBoxs>a:hover{
    background-color: #00bfff;
}
.module-title p {
    font-size: 14px;
    margin: 13px 0 0;
    color: #666;
}
.tx-pz{
	/*padding: 20px 0;*/
	border-bottom: 1px #e1e6f0 solid;
}
.tx-pz li{
	height: 16px;
	line-height: 16px;
}
.tx-pz li strong{
	color: #333;
}

.tc-btn{
	padding-top: 20px;
}
.tc-btn strong{
	font-weight: bold;
	font-size: 30px;
	color: #035DED;
	display: inline-block;
	margin-bottom: 5px;
}
.tc-btn a{
	width: 88px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	overflow: hidden;
	background: #035DED;
	color:#fff;
}
.tc-btn a:hover{
 color: #fff;
    border-color: #035DED;
}

.tcBox .item:hover{
	box-shadow:0 0 15px rgba(0,0,0,.15);
}
.tcBox .item:hover .tc-btn a{
    color: #fff;
    border-color: #035DED;
}
.tcBox .item:hover strong,.tcBox .item:hover h2{
	color: #035DED;
}
.cptab{
	margin-top: 30px;
	overflow: hidden;
	background: #fff;
}
.tjtc{
    background-color: #035DED ;
}

.cptab .hd li{
	text-align: center;
	height: 62px;
	line-height: 62px;
	font-size: 16px;
	cursor: pointer;
}
.cptab .hd li +li{
	border-left: 1px #e1e6f0 solid;	
}

.cptab .hd li i{
	font-size: 18px;
	color: #035DED;
	padding-right: 5px;
}
.cptab .hd li:hover,.cptab .hd li:hover i,.cptab .hd li.on{
	background: #035DED;
	color: #fff;
	box-shadow: 0 0 15px rgba(43,63,126,.2);
}
.cptab .bd{
	padding: 35px;
	border-top: 1px #e1e6f0 solid;	
}
.cptab .bd .item{
	
}
.cpbox4{
	background: #f7f8fa;
}
.tab-txt{
	margin-left: 40px;
	line-height: 1.8;
}
.tab-txt h2{
	font-size: 20px;
	margin-bottom: 8px;
}
.ttra{
	color: #818181;
}
.ttra:hover{
	color: #035DED;
}
.wt-ul{
	margin-left: -2%;
}
.pageR{
	padding-bottom: 20px;
}
.pageR .wt-ul{
	margin-left: 0;
	margin-top: 25px;
}

.pageR .wt-ul li{
	width: 100%;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0;
}
.pageR .wt-ul li a{
	border: none;
	border-bottom: 1px #e1e6f0 solid;
}


.wt-ul li{
	width: 48%;
	margin-left: 2%;
}
.wt-ul li{
	margin-top: 30px;
}
.wt-ul li a{
	padding: 25px;
}
.wt-ul li a.wt-abox h2{
	position: relative;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 500;
	padding-left: 50px;
	margin-bottom: 12px;
}
.wt-ul li a.wt-abox h2 span,.wt-a span{
	width: 30px;
	height: 30px;
	display: inline-block;
	background: #035DED;
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-family: arial;
	position: absolute;
	left: 0;top: 0;
	border-radius: 1px;
}
.text-hide2{
    line-height: 1.5;
    margin: 15px 0;
    font-size: 12px;
    color: #666;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.wt-a{
	position: relative;
	padding-left: 50px;
	line-height: 1.8;
}
.wt-ul li a.wt-abox:hover{
	box-shadow:0 0 15px rgba(0,0,0,.15);
	border-color: #fff;
	/*transform: translate(0,-5px);*/
}
.pageR .wt-ul li a.wt-abox:hover{
	transform: translate(0,0);
	z-index: 20;
	position: relative;
}


.wt-ul li a.wt-abox:hover h2{
	font-weight: bold;
}
.wt-ul li a.wt-abox:hover .wt-a span{
	background: #ffb933;
}

.cpbuy{
	background: url(../img/cp1.jpg) center ;
	height: 160px;
}
.cpbuy a {
    display: inline-block;
    width: 110px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border: 1px #fff solid;
    text-align: center;
}
.cpbuy a:hover{
	color: #035DED;
	background: #fff;
	border-color: #fff;
}

.cpbuy h2{
	font-size: 24px;
	margin-bottom: 25px;
	color: #fff;
	font-weight: 500;
}
.fatop{
	margin-left: -2%;
	padding-top: 10px;
}
.fatop li{
	width: 23%;
	margin-left: 2%;
	margin-top: 25px;
}
.fatop li a{
	display: block;
	padding: 30px;
	padding-top: 0;
}
.fatop1{
	position: relative;
	padding-top: 38px;
}
.xt{
	position: absolute;
	width: 64px;
	height: 5px;
	background: #035DED;
	top: 0;
	left: 0;
}
.fatop1 .spa1{
	font-size: 60px;
	color: #f7f8fa;
	font-family: arial;
	font-weight: bold;
}
.fatop1 h2{
	font-size: 18px;
	margin-top: 8px;
}

.fa-txt1{
	margin-top: 20px;
	padding-top: 20px;
	border-top:1px #e1e6f0 solid ;
	line-height: 1.8;
	height: 178px;
	overflow: hidden;
}
.fatop li a:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	/*transform: translate(0,-5px);*/
	border-color: #fff;
}
.fatop li a:hover h2{
	color: #035DED;
}
.astyle{
	display: block;
	width: 110px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #035DED;
	margin: 30px auto 0;
}
.astyle:hover{
	background: #035DED;
	color: #fff;
	border-color: #035DED;
	border-radius: 1px;
}



.fabox2{
	background: url(../img/jg.jpg) no-repeat center;
	background-size: cover;
}
.txt-fff{
	color: #035DED;
}

.fajgbox{
	background: #fff;
	margin-top: 35px;
}
.fajgbox img{
	width: 830px;
	height:546px;
}
.fajgr{
	padding: 20px 40px;
}
.fajgr h2{
	color: #324581;
	font-size: 16px;
	font-weight: 500;
}
.fajgr .xt2{
	margin-top: 15px;
	background: #324581;
	width: 32px;
	height: 4px;
}
.fajgrtxt{
	line-height: 1.8;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px #e1e6f0 solid;
	margin-bottom: 20px;
}
.fajgrtxt:last-child{
	border: none;
}
.faysul{
	margin-left: -2%;
	padding-top: 10px;
}

.faysul li{
	width: 48%;
	margin-left: 2%;
	margin-top: 30px;
}
.faysul li a{
	padding: 30px;
	line-height: 1.8;
	padding-right: 100px;
	position: relative;
}
.faysul li a img{
	margin-right: 25px;
}
.faysul li a h2{
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 6px;
}

.faysul li a .abs{
	position: absolute;
	right: 20px;
	font-size: 60px;
	color: #f7f8fa;
	font-weight: bold;
	font-family: arial;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}
.faysul li a:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	border-color: #fff;
		/*transform: translate(0,-5px);*/
}
.faysul li a:hover h2{
	color: #324581;
	font-weight: bold;
}
.alUl{
	padding-top: 10px;
	margin-left: -2%;
}
.fabox4{
	background: #f7f8fa;
}
.alUl li{
	width: 23%;
	margin-left: 2%;
	padding: 10px;
	margin-top: 30px;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.alUl li img{
	height: 56px;
	max-width: 100%;
}
.alUl li:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.15);
		/*transform: translate(0,-5px);*/
}

.gdfa{
	margin-left: -2%;
	padding-top: 10px;
}

.gdfa a{
	width: 23%;
	margin-left: 2%;
	padding: 25px;
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}
.gdfa a i{
	margin-right: 6px;
	color: #035DED;
	font-size: 20px;
}
.gdfa a:hover{
	color: #035DED;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	border-color: #fff;
		/*transform: translate(0,-5px);*/
}
.topso{
	padding: 22px;
	background: #f7f8fa;
	border-radius: 1px;
	position: relative;
	z-index: 200;
	margin-top: -56px;
}
.select{
	height: 60px;
	line-height: 60px;
	background: #fff;
	border: none;
	border-radius: 1px;
	width: 220px;
	padding: 0 15px;
	font-size: 16px;
	margin-right: 28px;
}
.sorigth{
	border-radius: 1px;
	overflow: hidden;
	height: 60px;
}
.sorigth input{
	background: #fff;
	height: 60px;
	padding-left: 20px;
}
.sorigth button{
	height: 60px;
	width: 118px;
	background: #035DED url(../img/sobtn.png) no-repeat center;
	border: none;
	cursor: pointer;
}
.mbx{
	line-height: 1.8;
	color: #818181;
}
.mbx span{
	display: inline-block;
	padding-left: 20px;
	background: url(../img/h.png) no-repeat left center;
}
.mbx a{
	color: #818181;
}
.mbx a:hover,.mbx i{
	color: #035DED;
}

.pageL{
	width: 254px;
	overflow: hidden;
	margin-right: 30px;
	padding-bottom: 30px;
}
.leftSub{
	background: #f7f8fa;
}
h2.lefth2{
	height: 80px;
	line-height: 80px;
	font-size: 20px;
	padding-left: 35px;
	border-bottom: 1px #e5e5e5 solid;
}
.leftAbox{
	padding: 8px 0;
}
.leftAbox a{
	height: 40px;
	line-height: 40px;
	padding-left: 38px;
	display: block;
	position: relative;
	background: url(../img/abg2.png) 220px center no-repeat;
	
}
.leftAbox a:hover,.leftAbox a.on{
    background: #035DED;
    color: #fff;
}
.leftSub2{
	margin-top: 25px;
	background: #f7f8fa;
	overflow: hidden;
}
.lffabox{
	margin: -1px;
	margin-top: 0;
}
.lffabox a{
	float: left;
	width: 50%;
	text-align: center;
	border: 1px #e5e5e5 solid;
	border-left: none;
	margin-top: -1px;
	padding: 20px 0;
	color: #818181;
}
.lffabox a i{
	font-size: 28px;
	color: #035DED;
}

.lffabox a:hover{
	color: #035DED;
}
.lffabox a p{
	padding-top: 7px;
}
.mt35{
	margin-top: 35px;
}
.mt25{
	margin-top: 25px;
}
.pagertitle{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px #e1e6f0 solid;
}
.pagertitle h2{
	color: #035DED;
	border-bottom: 2px #035DED solid;
}



.page {
	margin-top: 40px;
	text-align: center;
	margin-bottom: 40px;
}

.page a {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	border: 1px #e5e5e5 solid;
	border-radius: 1px;
	padding: 0 12px;
	color: #818181;
	margin: 0 5px 15px;
}

.page a.on,
.page a:hover {
	background: #035DED;
	border-color: #035DED;
	color: #fff;
}

.news-t{
	padding-top: 30px;
	padding-bottom: 10px;
	border-bottom: 1px #e1e6f0 solid;
	line-height: 1.8;
}
.news-t h1{
	font-size: 20px;
	margin-bottom: 5px;
	text-align: center;
}
.atricle{
	margin-top: 20px;
	line-height: 1.8;
	color: #818181;
}
.atricle p {
	margin-bottom: 15px;
}
.atricle img{
	display: block;
	margin: 15px auto;
	max-width: 100%;
	height: auto;
}
.isarticle{
	margin-top: 35px;
	padding: 25px;
}
.isarticle span{
	margin-left: 20px;
	width: 80px;
	height: 30px;
	color: #035DED;
    border: 1px #035DED solid;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
}

.isarticle span:hover,.isarticle span.on{
	background: #035DED;
	color: #fff;
}
.newsList a{
	padding: 25px 0;
padding: 22px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
    margin-top: -1px;
    position: relative;
    z-index: 20;
    background: #fff;
    margin-bottom: 10px;
}
.newsList a img.newimg{
	width: 160px;
	line-height: 146px;
	margin-right: 0px;
}
.newsList{
	margin-top: 15px;
}

.newsList .time {
    padding-left: 24px;
    font-size: 12px;
    color: #999;
    background: url(../img/time-icon.png) no-repeat left center;
} 
.newsList .links {
    float: right;
    font-size: 12px;
    color: #035DED;
}
.newsList .news-space {
    float: left;
    width: 1px;
    height: 110px;
    margin: 0 20px;
    background-color: #e6e6e6;
}

.itemtime{
text-align: right;
	width: 160px;
	text-align: center;
}
.itemtime p{
	font-size: 34px;
}
.newsList a .itemtime img{
	/*opacity: 0;*/
	width: 40px;
	height: 40px;
	margin-top: 8px;
}
.newsList a:hover{
	padding: 22px;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	margin-top: -1px;
	position: relative;
	z-index: 20;
	background: #fff;
}/*
.newsList a:hover .itemtime img{
	opacity: 1;
}
.newsList a:hover img.newimg{
	margin-right: 30px;
}
*/
.newsList .item .newsinfo{
	line-height: 1.5;
	margin-top: 15px;
}/*
.newsList a:hover .itemtime p{
	color: #333;
}
.newsList a:hover+a{
	border: none;
}

*/
.newsRbox{
	width: 300px;
	margin-left: 40px;
}

.pb20{padding-bottom: 20px;}
.news-xg{
	padding:5px 25px;
}
.news-xg a{
	display: block;
	height: 38px;
	line-height: 38px;
	position: relative;
	padding-left: 10px;
}

.news-xg a::after{
	content: "";
	width: 3px;
	height: 3px;
	background: #818181;
	position: absolute;
	left: 0;
	top: 17px;
}
.news-xg a:hover::after{
	background: #035DED;
}

.page-fy{
	border-top: 1px #e1e6f0 solid;
	margin-top: 25px;
	padding-top: 25px;
}
.page-fy a{
	max-width: 48%;
}

.about01 .abl{
	width: 532px;
	height: 209px;
	margin-right: 50px;
}
.about01 h2{
	font-size: 18px;
	color: #035DED;
}
.about01 .xt3{
	width: 54px;
	height: 3px;
	background: #035DED;
	margin-top: 15px;
}

.about-txt{
	margin-top: 15px;
	line-height: 1.8;
}

.about02{
	background: #035DED;
}

#indexCases{
	margin-top: 35px;
	margin-left: -100px;
	margin-right: -100px;
	position: relative;
}
#indexCases .cp-swiper{
	max-width: 1280px;
	margin: 0 auto;
	padding-bottom: 36px;
}
.fz16{
	font-size: 16px;
}

#indexCases .cp-swiper .swiper-slide img{
	border: 5px transparent solid;
}
#indexCases .cp-swiper .swiper-slide{
	text-align: center;
}

#indexCases .cp-swiper .swiper-slide img:hover{
	border-color:#4e6dcd;
	box-shadow: 0 0 15 rgba(0,0,0,.15);
}
#indexCases .swbtn{
	width: 46px;
	height: 46px;
	border-radius: 100%;
	background: #fff;
	color: #035DED;
	border: 0;
	outline: none;
}
#indexCases .cp-swiper  .swiper-pagination{
	display: flex;
	justify-content: center;
	align-items: center;
}
#indexCases .cp-swiper  .swiper-pagination span{
	width: 30px;
	height: 4px;
	border-radius: 1px;
	background: #fff;
	opacity: .5;
}
#indexCases .cp-swiper .swiper-pagination-bullet-active{
	height: 6px !important;
	background: #fff !important;
	opacity: 1 !important;
}

 .bg-color-f5f7fa {
    background-color: #f7f8fa;
}
.p-b-70 {
    padding-bottom: 70px;
}
.tac {
    text-align: center;
}
.tac {
    text-align: center;
}
.color-333 {
    color: #333;
}
.font-weight-normal {
    font-weight: normal;
}
.font-size-28 {
    font-size: 28px;
}
.p-b-50 {
    padding-bottom: 50px;
}
.p-t-70 {
    padding-top: 70px;
}
.cert-list-wrap li {
    position: relative;
    text-align: center;
    width: 20%;
}
 .cert-list-wrap {
    margin-top: 40px;
    height: 156px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 6px 0px #d4d5d9;
    box-shadow: 0px 0px 6px 0px #d4d5d9;
    border-radius: 2px;
}
[layout-align="start center"] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
[layout-align] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.cert-list-wrap h3 {
    font-weight: normal;
    margin: 25px 0 5px;
    font-size: 16px;
}
.cert-list-wrap p {
    color: #999;
}
.cert-list-wrap .cert-item-photo1 {
    background: #fff url(../img/icon-cert-photo1.png) no-repeat center;
}
.cert-list-wrap .cert-item-photo2 {
    background: #fff url(../img/icon-cert-photo2.png) no-repeat center;
}
.cert-list-wrap .cert-item-photo3 {
    background: #fff url(../img/icon-cert-photo3.png) no-repeat center;
}
.cert-list-wrap .cert-item-photo4 {
    background: #fff url(../img/icon-cert-photo4.png) no-repeat center;
}

.cert-list-wrap .cert-item-photo5 {
    background: #fff url(../img/icon-cert-photo5.png) no-repeat center;
}
.cert-list-wrap .cert-item-photo {
    left: 0;
    right: 0;
    margin: auto;
    top: -70px;
    width: 70px;
    height: 70px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 6px 0px #d4d5d9;
    box-shadow: 0px 0px 6px 0px #d4d5d9;
    position: absolute;
    border-radius: 50px;
}

.imgshow{display:none;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:2019521}
.swiperbox{height:100vh;z-index:3;background:rgba(0,0,0,.6)}
.swiperbox img{width:initial;position:relative;z-index:2}
.swiper-zoom-container:before{width:100%;height:100%;content:' ';position:absolute;z-index:1;display:block;top:0;left:0;cursor:pointer}
.closebtn{position:absolute;z-index:22;width:60px;height:60px;right:20px;top:20px; cursor: pointer;}
.imgshow .swiper-slide{background:0 0}
a.aitems{
	text-align: center;
}
a.aitems i{
	width: 100px;
	height: 100px;
	background: #eeeeee;
	border-radius: 100%;
	text-align: center;
	line-height: 100px;
	font-size: 40px;
	color: #035DED;
}
a.aitems  h3{
	font-size: 16px;
	margin-top: 16px;
}
.mt10{margin-top: 10px;}
a.aitems:hover i{
	background: #035DED;
	color: #FFF;
}
.mbtns{
	margin-left: auto;
	margin-right: auto;
	display: none !important;
	margin-top: 35px !important;
}
.m-title{
	display: none;
}

.mnavBtn{
	display: none;
}
.mnavBtna{
	display: none;
}
.mnavBtnb{
	display: none;
}

.mNavPop .list_item {margin-top:1rem;}
}
.mNavPop a  .span{
    overflow-wrap: break-word;
    color: #035DED;
    font-size: .427rem;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin-top: .129rem;
}

.mNavPop{
	background:#F7F8FA;
	position: fixed;
	top: 0;
	padding-top: 60px;
	left: 0;
	right: 0;
	bottom: 0;
	/*overflow: auto;*/
	z-index: 990;
	transform: translate(100%, 0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.mNavPop.show{
	transform: translate(0, 0);
}
.mNavPop a{
	display: block;
	height: 44px;
	line-height: 44px;
	color: #333;
	padding-left: 20px;
	font-size: 15px;
}

.mNavUser{
   
    position: fixed;
    top: 0;
    padding-top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    /* overflow: auto; */
    z-index: 990;
    transform: translate(100%, 0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.mNavKefu.show {
    transform: translate(0, 0);
}

.mNavKefu{
   
    position: fixed;
    top: 0;
    padding-top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    /* overflow: auto; */
    z-index: 990;
    transform: translate(100%, 0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.mNavUser.show {
    transform: translate(0, 0);
}




.pagekefu{
    position: fixed;
    left: 0;
    background: #FFF;
    z-index: 1000;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.pagekefu .block_2{
	background-color: #fff;
	padding: .812rem .642rem 12.137rem
}

.pagekefu .block_2 .text-group_8{
	margin-right: .556rem;
	border-bottom: 1px solid #e6ebf2;
	padding-bottom: .87rem
}

.pagekefu .block_2 .text-group_8 .text_1{
	overflow-wrap: break-word;
	color: #2b2929;
	font-size: 14px;
	text-align: left;
	font-weight: 700;
	white-space: nowrap;
	line-height: 24px;
	margin-right: 11.795rem
}

.pagekefu .block_2 .text-group_8 .text_2{
	color: #333;
	margin-top: .428rem
}

.pagekefu .block_2 .text-group_8 .text_2,.pagekefu .block_2 .text_3{
	overflow-wrap: break-word;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	line-height: .855rem
}

.pagekefu .block_2 .text_3{
	color: #2b2929;
	font-weight: 700;
	margin: .83rem 12.351rem 0 0
}

.pagekefu .block_2 .text-group_9{
	border-bottom: 1px solid #e6ebf2;
	padding-bottom: .87rem
}

.pagekefu .block_2 .text-group_9 .text_4{
	overflow-wrap: break-word;
	color: #333;
	font-size: 13px;
	text-align: left;
	white-space: nowrap;
	line-height: 24px;
	margin-right: 1.026rem
}

.pagekefu .block_2 .text-group_9 .text_5{
	    overflow-wrap: break-word;
    color: #035DED;
    font-size: 16px;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
}

.pagekefu .block_2 .text_6{
	overflow-wrap: break-word;
	color: #2b2929;
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
	line-height: 24px;
	margin: .83rem 12.18rem 0 .171rem
}

.pagekefu .block_2 .text_7{
	overflow-wrap: break-word;
	color: #333;
	font-size: 13px;
	text-align: left;
	white-space: nowrap;
	line-height: 24px;
	margin: 0 9.445rem 0 .171rem
}

.pagekefu .block_2 .list_1{
	width: 100%;
	margin: .428rem 5.385rem 0 .171rem;
	border-bottom: 1px solid #e6ebf2;
	padding-bottom: .87rem
}

.pagekefu .block_2 .list_1 .image-text_5{
     margin-left: 3.269rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.pagekefu .block_2 .list_1 .image-text_5 .group_1{
	background-size: cover;
	width: 6.274rem;
	height: 6.274rem
}

.pagekefu .block_2 .list_1 .image-text_5 .text-group_4{
	overflow-wrap: break-word;
	color: #333;
	font-size: 13px;
	text-align: left;
	white-space: nowrap;
	line-height: 24px;
	-webkit-align-self: center;
	align-self: center;
	margin-top: .214rem
}

.pagekefu .block_2 .group_2{
	background-color: #f7f8fa;
	border-radius: 3px;
	margin-top: .83rem;
	padding: .471rem 1.325rem .428rem 1.795rem;
	position: relative
}

.pagekefu .block_2 .group_2:after {
	content: "";
	position: absolute;
	left: 50%;
	display: block;
	width: 1px;
	height: 1.74rem;
	background: #e6ebf2;
	top: .4rem
}

.pagekefu .block_2 .group_2.group_2_1{
	padding: .471rem 0 .428rem
}

.pagekefu .block_2 .group_2.group_2_1 .block_7_1>.flex-col{
	width: 50%
}

.pagekefu .block_2 .group_2.group_2_1 .block_7_1 .icon_2{
	margin-left: 0
}

.pagekefu .block_2 .group_2.group_2_1 .block_7_1 .text-wrapper_1{
	width: auto;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.pagekefu .block_2 .group_2 .block_7{
	margin: 0 .727rem 0 .3rem
}

.pagekefu .block_2 .group_2 .block_7 .icon_1{
	width: .684rem;
	height: .684rem;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAhhJREFUWEfFljGLE0EUx/9vNkNAL2ghXGHhWdjEIGQfYmnjeeLBdYJYW2grWCpo6Qc4BMHKzo+got3dkIyDIDZaCnLYeHoIhjArK7vHuMluZi+zSdpk9/d7/5c3bwhL/tCS+WhUoNvtrnQ6neNKqb2yQhsT6Pf7Z4QQbwGsCiG2BoPBm2kSjQg48LMZ9HeZRHCBAnwXwEcAtwFMlQgq4MKJaCeKomtKqV/MvA3gzjSJYALF2Ino6nA4fJW1gFwJa+1FY8yn9LsgAgX4DwAnAewD2NBaqxTEzI8BPAAwBnBJa/0+iECx56PR6LqUcpuIbuYSADYd+C2t9ct8IuZKoAhvtVobSqmfAKI4jl+kEkmS/CGidlb5f/C5EqiA58VFzPwBwPky+JEFPODFnk9UfuQWhITXTiA0vJaAJ/wRgIdVPS/uA68paArulUCT8JkCvV5vtd1u7wBIt9quM+eHSTJz7djdNlS2II7j+0T0JEmSgZTySnbIBIPPTICZn2Wr9K7W+qlrPm/lXudAHMfviOiytXbdGPM6fygU3CeBrwBOW2vXpJQH4/H4HBHdAHCvzqhVXXxL/wPMfAzAQbay09V6wnlRulJLj9c6N+0qgVMAvgFoZS/cJ6LP1tovQojnzmWjDm/it7Om4IK1diUFG2O+z0UqedjrJGwC7DUFTYInBJg5WQQwZ2it/6V/2IKlCyyyeu9dsAipvzAZEzBHV6LPAAAAAElFTkSuQmCC) 100% no-repeat;background-size: 100% 100%;
	margin: .086rem 0
}

.pagekefu .block_2 .group_2 .block_7 .text_12{
	overflow-wrap: break-word;
	color: #2b2929;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	line-height: 24px;
	margin-left: 44px
}

.pagekefu .block_2 .group_2 .block_7 .icon_2{
	width: .684rem;
	height: .684rem;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAANVJREFUWEftlzEOwjAMRe0MSBkZuULGJFvvwxVYmJgQp+AwiCXxPRADF2Aw6lCUIaRCaTFSk7Vp/Px+XKkIwgvT+s45/gUPEb3r/idASpgzNOXzrIFPBay1D0RcK6W6EMI1hfPed8x8AYAbEW1yUQ4Rj0ZQ6PAIALvSPUHEU4wxu6cawBiz0lofmHnbm0hBmPkOAGdE3BPRcxYDtRNSbaABLNvAt5/p3ChXXUJxgNr8+/erDDSAZkDcgPgYigOIR9AAmoFlGZii29IZoz8mYgBzF86d/wIJJxcweX/jpAAAAABJRU5ErkJggg==) 100% no-repeat;background-size: 100% 100%;
	margin: .086rem 0 .086rem 4.103rem
}

.pagekefu .block_2 .group_2 .block_7 .text_13{
	overflow-wrap: break-word;
	color: #2b2929;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	line-height: 24px;
	margin-left: 44px
}

.pagekefu .block_2 .group_2 .text-wrapper_1{
	width: 11.624rem;
	margin-top: .214rem
}

.pagekefu .block_2 .group_2 .text-wrapper_1 .text_14,.pagekefu .block_2 .group_2 .text-wrapper_1 .text_15{
	overflow-wrap: break-word;
	color: #333;
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
	line-height: 11px
}



.pageuser{
	position: fixed;
	left: 0;
    background: #FFF;
	z-index: 1000;
	width: 100%;
	overflow: hidden;
	height: 100%
}

.pageuser .group_5{
	background-color: #fff;
	left: 0;
	top: 2.137rem;
	width: 100%;
	height: 32.565rem
}

.pageuser .group_5 .nav-bar_1{
	height: 2.137rem;
	background-size: 16.71rem 2.821rem;
	margin-top: -2.136rem
}

.pageuser .group_5 .box_1{
	padding: 24px .642rem 15.257rem
}

.pageuser .group_5 .box_1 .block_0{
	margin-bottom: .87rem
}

.pageuser .group_5 .box_1 .block_0 .image-text_1{
	width: 9.573rem
}

.pageuser .group_5 .box_1 .block_0 .image-text_1 .single-avatar_1{
	width: 2.137rem;
	height: 2.137rem;
	background: url(/template/Home/Niaoyun/Mobile/Static/img/user_avart@2x.ac7dd05.png) 100% no-repeat;
	background-size: 100% 100%;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	flex: none;
	margin-right: .65rem
}

.pageuser .group_5 .box_1 .block_0 .image-text_1 .text-group_1{
	margin: .257rem 0
}

.pageuser .group_5 .box_1 .block_0 .image-text_1 .text-group_1 .text_2{
	overflow-wrap: break-word;
	color: #2b2929;
	font-size: .683rem;
	text-align: left;
	white-space: nowrap;
	line-height: .941rem;
	margin-right: 3.59rem
}

.pageuser .group_5 .box_1 .block_0 .image-text_1 .text-group_1 .text_3{
	overflow-wrap: break-word;
	color: #999;
	font-size: .427rem;
	text-align: left;
	white-space: nowrap;
	line-height: 24px;
	margin-top: .086rem
}

.pageuser .group_5 .box_1 .block_0 .image-text_2{
	width: 2.693rem;
	margin: .556rem 0 .3rem
}

.pageuser .group_5 .box_1 .block_0 .image-text_2.user-identity .icon_1{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAx1JREFUWEftl01IVFEUx//nMk9TUhOFIg1sUYqg4ntv1E3WohYVlRVEtKqFtWrhJrBaVkIbF62qRW2CKLIvqoUuyjbqvPtEBclcJH1RoJhjaM4b7ok7zEjEjO+NJQZ5F7O4c+7//O455557H2GVB2Xjv6amptgwjENEdBBANYDNyfWfAYwy8xPP8x6PjIxMB9UNBFBRUbGupKSkDcA5ABt8xL8BuDo1NdU5MTHxww/EF6Curq7MMIxHzGxrMWbuAXBPCNE7Nzf3Sc/l5+eXKaWaARwjot16jogcz/NahoaGEjaZxpIA2nkoFOoDUA5gXAjRGolEXi0lGA6HdyqlbgLYBuBjPB5vWgoiI4AOe2lp6Wu9cyLqXVhYaAmaW10rubm5OmrNOhKTk5M7MqUjI4BlWe0Aruidx2KxxqDOU9HREDk5Of3JSJyXUnaki1xagOTidwCKhBC7/MKeKSXJdLwEMBOLxbam20RaANM0TxLRLV1wruvu8avkpf43TbNbFyYzn3Jd9/bvtmkBLMvqAnCYmU+7rqsLatnDNM1WIroB4KGU8khQgDcAKomoynGcsWV7B2DbdiUza70xKWVVUIAogIL5+fmC0dHR738CUF1dvT4vL28WwKyUsjAoAGtDKaVvowoCZ1lWRr1MNbAGsBaB/zACDQ0N25VSHcys7/PEef3bx1D3AiLqZuY2KeX7xLtB/2jn8Xi8j4iKfz3XKwCQkp8CYGqIBIBt2w+YWffp557nnRkeHv4YpMFka1NbW1tuGMZ1APuIqMtxnKMJAMuyZnTYPc/bslLOU7BJiA+p1ryaAFEpZdG/kYJMRZhtjoPaM/N0KBRqGhgYeLt4GaU7hkEFs7CLElGPEKJdO188hn4C4XB4k1JKP0wKieii4ziX062xbfsCM18CEBVCVEYikS9+2oHve9M09UfHHQAhAM+UUp1CCEc7UErZQgj95bQfQBzACSnlfT/ngSOQEqqvr98rhLib6pRpHESVUscHBwdfBHGeNYBe0NjYuNHzvLNEdCD55tfT48z81DCMa/39/V+DOl8WQDbiQWx/As3MlTAcPv1xAAAAAElFTkSuQmCC) 100% no-repeat;background-size: 100% 100%
}

.pageuser .group_5 .box_1 .block_0 .image-text_2.user-identity .text-group_2{
	color: #999
}

.pageuser .group_5 .box_1 .block_0 .image-text_2 .icon_1{
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA15JREFUWEfFl11oHFUUx3//7e5GKK0fFasFaaA7d0JfFCI+aIVaIYLog1TUPkjxpYhWWyFYMMaPthaKFIumiggiIkrFQkFBLPgBog9iwL6EzOkG2hdrSyuaUjDZzV6ZyWxMms3OZPOw92mYmXPub+75n48RXV7Ku7/v7y8xOfkg0gDQD1SA61P7f4AqMIr3p1i79luNjtby+M4E8L29N1Au7wWeA27O4xS4BBxjevqozp79u51NWwBfqTyGNIK0PnVyGukEMzM/UatFrF59Obl/9eo6SqWQVavuw/vtwB3Jfe8v4P1uVatfLgXREsCDCMMDeP8y8TX8hrRPUfR9nhPwYbgN7w8Dd8UYSIeIomHF19esRQDJ5s59DjwBxHF8EbP3Whm3g0n9PAu8DZSA45jtuNbPYoAwPIj3Q8BfFArbNT7+Y56vXuod39e3lUbjBHAT0puKolfmv7sAIIl5ofAFUKdQGFjp5s2NUohTQJFG4/H5mpgDSNReKo2ngtsts2NZX+43bbqdYvFG6vU/NTFxsW1InIuzaCQRZq3W18yO/wGcex14LRGc2d15Yu6D4COkp4EhmR3KoYlfU2G+IbN4v0ThJEXmypU/kjyXHsit9iB4H+kZYFBmRzJPbDY7vkvqxJo1G+JiNQsQBA8jfQWcltmdWY7mYhsER5H2AM/LbCSPnXfu96ROeP+Izpz5ehbAuXdiJ0ivKooO5HGUgh9GegnYJbMP89j5MBzG+/3AuzJ7oQnwM3APjcb9qlZzp50Pgv1Iw8BOmX2SC6BS2Uqh8APwi8zubQJcAG5hamqDzp07n8dRegJDSAeBJ2V2PI+d37jxNnp6Yr1dlNn6JsC/QA/FYo/GxqbzOEoBBpHeAh6V2ck8dn7z5jL1+hQwJbPrVgoQ6ybWz0My+2YlAJ2GYBfSB8tK3SVC0JkIndsJfIy0RVEU+8hcfgkRdpaGzm1JuuXMzD5NTMQTUeZqnYYdFqLM3Vq80LoQdVqKe3tvpVweoNE4qWp1MgsoHVQWl+K0Gi6/GTkXO9sGfCqzpzpuRglAJ+3Yuc+AHcARmQ22BchqxwnEMgcSHw8YlUpItTrWrn3nGkjmOlw3R7LkFLo9lM5BdGssny+krv2YLIDo5q/ZApBu/ZxmVbeVPv8PjxfyMJ/8HzsAAAAASUVORK5CYII=) 100% no-repeat;background-size: 100% 100%;
	margin: .342rem 0 .257rem;
	padding: .129rem .257rem .043rem .3rem
}

.pageuser .group_5 .box_1 .block_0 .image-text_2 .icon_1 .text_4{
	overflow-wrap: break-word;
	color: #035DED;
	font-size: .427rem;
	text-align: left;
	white-space: nowrap;
	line-height: .513rem
}

.pageuser .group_5 .box_1 .block_0 .image-text_2 .text-group_2{
	overflow-wrap: break-word;
	color: #035DED;
	font-size: 14px;
	text-align: right;
	line-height: 1.283rem
}

.pageuser .group_5 .box_1 .box_2{
background-color: #fff7f7;
	border-radius: 3px;
	padding: 14px 0 14px;
	position: relative
}

.pageuser .group_5 .box_1 .box_2 .text-group_1,.pageuser .group_5 .box_1 .box_2 .text-group_2{
	width: 50%
}

.pageuser .group_5 .box_1 .box_2 .text-group_1_1{
	position: absolute;
	width: 1px;
	height: 1.71rem;
	background: #000;
	opacity: .1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.pageuser .group_5 .box_1 .box_2 .text-group_1 .text_2{
	overflow-wrap: break-word;
	color: #2b2929;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	line-height: .941rem;
	margin: 0 .983rem 0 1.026rem
}

.pageuser .group_5 .box_1 .box_2 .text-group_1 .text_3{
	overflow-wrap: break-word;
	color: #333;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	    line-height: 34px;
	margin-top: .12px
}

.pageuser .group_5 .box_1 .box_2 .text-group_2 .text_4{
	overflow-wrap: break-word;
	color: #2b2929;
	font-size: .683rem;
	text-align: center;
	white-space: nowrap;
	line-height: .941rem;
	margin: 0 14px 0 14px
}

.pageuser .group_5 .box_1 .box_2 .text-group_2 .text_5{
	overflow-wrap: break-word;
	color: #333;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
    line-height: 34px;
    margin-top: .12px;
}

.pageuser .group_5 .box_1 .box_3{
	margin-top: 1.026rem
}

.pageuser .group_5 .box_1 .box_3 .image-text_1{
	width: 3.291rem
}

.pageuser .group_5 .box_1 .box_3 .image-text_1 .icon_1{
	width: .684rem;
	height: .684rem;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAx1JREFUWEftl01IVFEUx//nMk9TUhOFIg1sUYqg4ntv1E3WohYVlRVEtKqFtWrhJrBaVkIbF62qRW2CKLIvqoUuyjbqvPtEBclcJH1RoJhjaM4b7ok7zEjEjO+NJQZ5F7O4c+7//O455557H2GVB2Xjv6amptgwjENEdBBANYDNyfWfAYwy8xPP8x6PjIxMB9UNBFBRUbGupKSkDcA5ABt8xL8BuDo1NdU5MTHxww/EF6Curq7MMIxHzGxrMWbuAXBPCNE7Nzf3Sc/l5+eXKaWaARwjot16jogcz/NahoaGEjaZxpIA2nkoFOoDUA5gXAjRGolEXi0lGA6HdyqlbgLYBuBjPB5vWgoiI4AOe2lp6Wu9cyLqXVhYaAmaW10rubm5OmrNOhKTk5M7MqUjI4BlWe0Aruidx2KxxqDOU9HREDk5Of3JSJyXUnaki1xagOTidwCKhBC7/MKeKSXJdLwEMBOLxbam20RaANM0TxLRLV1wruvu8avkpf43TbNbFyYzn3Jd9/bvtmkBLMvqAnCYmU+7rqsLatnDNM1WIroB4KGU8khQgDcAKomoynGcsWV7B2DbdiUza70xKWVVUIAogIL5+fmC0dHR738CUF1dvT4vL28WwKyUsjAoAGtDKaVvowoCZ1lWRr1MNbAGsBaB/zACDQ0N25VSHcys7/PEef3bx1D3AiLqZuY2KeX7xLtB/2jn8Xi8j4iKfz3XKwCQkp8CYGqIBIBt2w+YWffp557nnRkeHv4YpMFka1NbW1tuGMZ1APuIqMtxnKMJAMuyZnTYPc/bslLOU7BJiA+p1ryaAFEpZdG/kYJMRZhtjoPaM/N0KBRqGhgYeLt4GaU7hkEFs7CLElGPEKJdO188hn4C4XB4k1JKP0wKieii4ziX062xbfsCM18CEBVCVEYikS9+2oHve9M09UfHHQAhAM+UUp1CCEc7UErZQgj95bQfQBzACSnlfT/ngSOQEqqvr98rhLib6pRpHESVUscHBwdfBHGeNYBe0NjYuNHzvLNEdCD55tfT48z81DCMa/39/V+DOl8WQDbiQWx/As3MlTAcPv1xAAAAAElFTkSuQmCC) 100% no-repeat;background-size: 100% 100%;
	margin: .086rem 0
}

.pageuser .group_5 .box_1 .box_3 .image-text_1 .text-group_3{
	overflow-wrap: break-word;
	color: #333;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	line-height: 24px
}

.pageuser .group_5 .box_1 .box_3 .box_4{
	width: .684rem;
	height: .684rem;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAcNJREFUWEfd1z+o01AUx/Hv6Z9FEBfBRXBScHNwdXB4Kvo2nR4oFNLclix2cBKhLm46OPUk1Dqqg/BweKI4uggODm6CLhYXwaUONeRIJIgK+pIm9KrZQobz4ebkd04Ez5d4rs+/A5hMJhudTicLguBZk6dW6gTiOD5iZi+BrpltDQaDh00hSgEAUdVbwGUgFREXhuGdJhBlAd9qqeo1EbluZvntFefczbqISoACEQG3gRZwwzl3tQ6iMqBAbAF3854Qkcl8Po/G43G2CmQlQIE4BzwA9ojIPTO75Jz7UhWxMiAvlCTJiSzLHgH7RGTHzC445z5XQdQC5IXiOD5mZo+BAyLyfLFYbI5Go09lEbUBeaHZbHZ4uVw+BQ4Br9I0PRNF0YcyiEYAxes4aGZPzOwo8CbLso3hcPhuN0RjgKIx9wM7wHHgvYicDsPw9Z8QjQLyQtPpdG+aptvASeBju90+GwTBi98h/i+Aqvp7BUmS/NSErVbrVL/ff7uWJvT6Gf4aRN1ud7PX660niH6MYiBPw/Nri2JV/T6MgPvAxbUNI1X1N45V1d9C4nMl87uU/g1rOV5/THaL0zrPG5+GVTHeAV8BvHXiIQe57nwAAAAASUVORK5CYII=) 100% no-repeat;background-size: 100% 100%;
	margin: .086rem 0
}

.pageuser .group_5 .box_1 .box_3 .box_system_msg{
	background-color: #035DED;
	border-radius: 8px;
	margin: .086rem 0;
	padding: .086rem .257rem
}

.pageuser .group_5 .box_1 .box_3 .box_system_msg .text_msg{
	overflow-wrap: break-word;
	color: #fff;
	font-size: .427rem;
	text-align: center;
	white-space: nowrap;
	line-height: .513rem
}

.pageuser .group_5 .box_1 .box_5{
	margin-top: 1.026rem;
	border-bottom: 1px solid #e6ebf2;
	padding-bottom: .9rem
}

.pageuser .group_5 .box_1 .box_5 .box_voucher{
	overflow-wrap: break-word;
	color: #035DED;
	font-size: 14px;
	text-align: right;
	white-space: nowrap;
	line-height: .513rem;
	margin-top: .171rem
}

.pageuser .group_5 .box_1 .box_5 .image-text_2{
	width: 3.889rem
}

.pageuser .group_5 .box_1 .box_5 .image-text_2 .icon_2{
	width: .684rem;
	height: .684rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAcNJREFUWEfd1z+o01AUx/Hv6Z9FEBfBRXBScHNwdXB4Kvo2nR4oFNLclix2cBKhLm46OPUk1Dqqg/BweKI4uggODm6CLhYXwaUONeRIJIgK+pIm9KrZQobz4ebkd04Ez5d4rs+/A5hMJhudTicLguBZk6dW6gTiOD5iZi+BrpltDQaDh00hSgEAUdVbwGUgFREXhuGdJhBlAd9qqeo1EbluZvntFefczbqISoACEQG3gRZwwzl3tQ6iMqBAbAF3854Qkcl8Po/G43G2CmQlQIE4BzwA9ojIPTO75Jz7UhWxMiAvlCTJiSzLHgH7RGTHzC445z5XQdQC5IXiOD5mZo+BAyLyfLFYbI5Go09lEbUBeaHZbHZ4uVw+BQ4Br9I0PRNF0YcyiEYAxes4aGZPzOwo8CbLso3hcPhuN0RjgKIx9wM7wHHgvYicDsPw9Z8QjQLyQtPpdG+aptvASeBju90+GwTBi98h/i+Aqvp7BUmS/NSErVbrVL/ff7uWJvT6Gf4aRN1ud7PX660niH6MYiBPw/Nri2JV/T6MgPvAxbUNI1X1N45V1d9C4nMl87uU/g1rOV5/THaL0zrPG5+GVTHeAV8BvHXiIQe57nwAAAAASUVORK5CYII=) 100% no-repeat;background-size: 100% 100%;
	margin: .086rem 0
}

.pageuser .group_5 .box_1 .box_5 .image-text_2 .text-group_4{
	overflow-wrap: break-word;
	color: #333;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	line-height: 24px
}

.pageuser .group_5 .box_1 .box_5 .group_6{
	width: .684rem;
	height: .684rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAcNJREFUWEfd1z+o01AUx/Hv6Z9FEBfBRXBScHNwdXB4Kvo2nR4oFNLclix2cBKhLm46OPUk1Dqqg/BweKI4uggODm6CLhYXwaUONeRIJIgK+pIm9KrZQobz4ebkd04Ez5d4rs+/A5hMJhudTicLguBZk6dW6gTiOD5iZi+BrpltDQaDh00hSgEAUdVbwGUgFREXhuGdJhBlAd9qqeo1EbluZvntFefczbqISoACEQG3gRZwwzl3tQ6iMqBAbAF3854Qkcl8Po/G43G2CmQlQIE4BzwA9ojIPTO75Jz7UhWxMiAvlCTJiSzLHgH7RGTHzC445z5XQdQC5IXiOD5mZo+BAyLyfLFYbI5Go09lEbUBeaHZbHZ4uVw+BQ4Br9I0PRNF0YcyiEYAxes4aGZPzOwo8CbLso3hcPhuN0RjgKIx9wM7wHHgvYicDsPw9Z8QjQLyQtPpdG+aptvASeBju90+GwTBi98h/i+Aqvp7BUmS/NSErVbrVL/ff7uWJvT6Gf4aRN1ud7PX660niH6MYiBPw/Nri2JV/T6MgPvAxbUNI1X1N45V1d9C4nMl87uU/g1rOV5/THaL0zrPG5+GVTHeAV8BvHXiIQe57nwAAAAASUVORK5CYII=) 100% no-repeat;background-size: 100% 100%;
	margin: .086rem 0
}

.pageuser .group_5 .box_1 .box_6{
	margin-top: .9rem
}

.pageuser .group_5 .box_1 .box_6 .text_6{
 
	color: #333;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	height: 24px;
	line-height: 24px
}
.pageuser .group_5 .box_1 .box_5 .group_2 {
    width: .684rem;
    height: .684rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAcNJREFUWEfd1z+o01AUx/Hv6Z9FEBfBRXBScHNwdXB4Kvo2nR4oFNLclix2cBKhLm46OPUk1Dqqg/BweKI4uggODm6CLhYXwaUONeRIJIgK+pIm9KrZQobz4ebkd04Ez5d4rs+/A5hMJhudTicLguBZk6dW6gTiOD5iZi+BrpltDQaDh00hSgEAUdVbwGUgFREXhuGdJhBlAd9qqeo1EbluZvntFefczbqISoACEQG3gRZwwzl3tQ6iMqBAbAF3854Qkcl8Po/G43G2CmQlQIE4BzwA9ojIPTO75Jz7UhWxMiAvlCTJiSzLHgH7RGTHzC445z5XQdQC5IXiOD5mZo+BAyLyfLFYbI5Go09lEbUBeaHZbHZ4uVw+BQ4Br9I0PRNF0YcyiEYAxes4aGZPzOwo8CbLso3hcPhuN0RjgKIx9wM7wHHgvYicDsPw9Z8QjQLyQtPpdG+aptvASeBju90+GwTBi98h/i+Aqvp7BUmS/NSErVbrVL/ff7uWJvT6Gf4aRN1ud7PX660niH6MYiBPw/Nri2JV/T6MgPvAxbUNI1X1N45V1d9C4nMl87uU/g1rOV5/THaL0zrPG5+GVTHeAV8BvHXiIQe57nwAAAAASUVORK5CYII=) 100% no-repeat;
    background-size: 100% 100%;
    margin: .086rem 0;
}

.pageuser .group_5 .box_1 .box_6 .group_7{
	width: .684rem;
	height: .684rem;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAcNJREFUWEfd1z+o01AUx/Hv6Z9FEBfBRXBScHNwdXB4Kvo2nR4oFNLclix2cBKhLm46OPUk1Dqqg/BweKI4uggODm6CLhYXwaUONeRIJIgK+pIm9KrZQobz4ebkd04Ez5d4rs+/A5hMJhudTicLguBZk6dW6gTiOD5iZi+BrpltDQaDh00hSgEAUdVbwGUgFREXhuGdJhBlAd9qqeo1EbluZvntFefczbqISoACEQG3gRZwwzl3tQ6iMqBAbAF3854Qkcl8Po/G43G2CmQlQIE4BzwA9ojIPTO75Jz7UhWxMiAvlCTJiSzLHgH7RGTHzC445z5XQdQC5IXiOD5mZo+BAyLyfLFYbI5Go09lEbUBeaHZbHZ4uVw+BQ4Br9I0PRNF0YcyiEYAxes4aGZPzOwo8CbLso3hcPhuN0RjgKIx9wM7wHHgvYicDsPw9Z8QjQLyQtPpdG+aptvASeBju90+GwTBi98h/i+Aqvp7BUmS/NSErVbrVL/ff7uWJvT6Gf4aRN1ud7PX660niH6MYiBPw/Nri2JV/T6MgPvAxbUNI1X1N45V1d9C4nMl87uU/g1rOV5/THaL0zrPG5+GVTHeAV8BvHXiIQe57nwAAAAASUVORK5CYII=) 100% no-repeat;background-size: 100% 100%;
	margin: .086rem 0
}

.pageuser .group_5 .box_1 .box_7{
	margin-top: 1.026rem
}

.pageuser .group_5 .box_1 .box_7 .text_7{
	overflow-wrap: break-word;
	color: #333;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	line-height: 24px
}

.pageuser .group_5 .box_1 .box_7 .box_8{
	width: .684rem;
	height: .684rem;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAcNJREFUWEfd1z+o01AUx/Hv6Z9FEBfBRXBScHNwdXB4Kvo2nR4oFNLclix2cBKhLm46OPUk1Dqqg/BweKI4uggODm6CLhYXwaUONeRIJIgK+pIm9KrZQobz4ebkd04Ez5d4rs+/A5hMJhudTicLguBZk6dW6gTiOD5iZi+BrpltDQaDh00hSgEAUdVbwGUgFREXhuGdJhBlAd9qqeo1EbluZvntFefczbqISoACEQG3gRZwwzl3tQ6iMqBAbAF3854Qkcl8Po/G43G2CmQlQIE4BzwA9ojIPTO75Jz7UhWxMiAvlCTJiSzLHgH7RGTHzC445z5XQdQC5IXiOD5mZo+BAyLyfLFYbI5Go09lEbUBeaHZbHZ4uVw+BQ4Br9I0PRNF0YcyiEYAxes4aGZPzOwo8CbLso3hcPhuN0RjgKIx9wM7wHHgvYicDsPw9Z8QjQLyQtPpdG+aptvASeBju90+GwTBi98h/i+Aqvp7BUmS/NSErVbrVL/ff7uWJvT6Gf4aRN1ud7PX660niH6MYiBPw/Nri2JV/T6MgPvAxbUNI1X1N45V1d9C4nMl87uU/g1rOV5/THaL0zrPG5+GVTHeAV8BvHXiIQe57nwAAAAASUVORK5CYII=) 100% no-repeat;background-size: 100% 100%;
	margin: .086rem 0
}

.pageuser .group_5 .box_1 .box_9{
	position: relative;
	    padding-bottom: .9rem;
	margin-top: 1.026rem
}

.pageuser .group_5 .box_1 .box_9 .text_8{
	overflow-wrap: break-word;
	color: #333;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	line-height: 24px
}

.pageuser .group_5 .box_1 .box_9 .block_1{
	background-size: 100% 100%;
	margin: .086rem 0
}

.pageuser .group_5 .box_1 .box_9 .block_1 .box_10{
	width: .684rem;
	height: .684rem;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAcNJREFUWEfd1z+o01AUx/Hv6Z9FEBfBRXBScHNwdXB4Kvo2nR4oFNLclix2cBKhLm46OPUk1Dqqg/BweKI4uggODm6CLhYXwaUONeRIJIgK+pIm9KrZQobz4ebkd04Ez5d4rs+/A5hMJhudTicLguBZk6dW6gTiOD5iZi+BrpltDQaDh00hSgEAUdVbwGUgFREXhuGdJhBlAd9qqeo1EbluZvntFefczbqISoACEQG3gRZwwzl3tQ6iMqBAbAF3854Qkcl8Po/G43G2CmQlQIE4BzwA9ojIPTO75Jz7UhWxMiAvlCTJiSzLHgH7RGTHzC445z5XQdQC5IXiOD5mZo+BAyLyfLFYbI5Go09lEbUBeaHZbHZ4uVw+BQ4Br9I0PRNF0YcyiEYAxes4aGZPzOwo8CbLso3hcPhuN0RjgKIx9wM7wHHgvYicDsPw9Z8QjQLyQtPpdG+aptvASeBju90+GwTBi98h/i+Aqvp7BUmS/NSErVbrVL/ff7uWJvT6Gf4aRN1ud7PX660niH6MYiBPw/Nri2JV/T6MgPvAxbUNI1X1N45V1d9C4nMl87uU/g1rOV5/THaL0zrPG5+GVTHeAV8BvHXiIQe57nwAAAAASUVORK5CYII=) 100% no-repeat;background-size: 100% 100%
}

.pageuser .group_5 .box_1 .box_9 .text_9{
	position: absolute;
 
	overflow-wrap: break-word;
	color: #333;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	line-height: 24px
}

.pageuser .group_5 .box_1 .box_11{
	margin-top: 2.223rem
}

.pageuser .group_5 .box_1 .box_11 .button_1{
	background-color: #035DED;
	border-radius: 2px;
	padding: .471rem 3.193rem
}

.pageuser .group_5 .box_1 .box_11 .button_1 .text_10{
	overflow-wrap: break-word;
	color: #fff;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	line-height: 24px
}

.pageuser .group_5 .box_1 .box_11 .button_2{
	background-color: #fff;
	border-radius: 2px;
	border: 1px solid #035DED;
	padding: .471rem 3.193rem
}

.pageuser .group_5 .box_1 .box_11 .button_2 .text_11{
	overflow-wrap: break-word;
	color: #035DED;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	line-height: 24px
}

.pageuser .group_5 .box_1 .text_12{
	overflow-wrap: break-word;
	color: #333;
	font-size: 14px;
	text-align: left;
	white-space: nowrap;
	line-height: 24px;
	-webkit-align-self: center;
	align-self: center;
	display: block;
	width: 100%;
	text-align: center;
	padding: 1rem 0
}
.flex-col, .flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
}
.flex-col {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.justify-around, .justify-between {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.pageuser .group_5 .box_1 .box_9 .block_1 .box_10{
    width: .684rem;
    height: .684rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAcNJREFUWEfd1z+o01AUx/Hv6Z9FEBfBRXBScHNwdXB4Kvo2nR4oFNLclix2cBKhLm46OPUk1Dqqg/BweKI4uggODm6CLhYXwaUONeRIJIgK+pIm9KrZQobz4ebkd04Ez5d4rs+/A5hMJhudTicLguBZk6dW6gTiOD5iZi+BrpltDQaDh00hSgEAUdVbwGUgFREXhuGdJhBlAd9qqeo1EbluZvntFefczbqISoACEQG3gRZwwzl3tQ6iMqBAbAF3854Qkcl8Po/G43G2CmQlQIE4BzwA9ojIPTO75Jz7UhWxMiAvlCTJiSzLHgH7RGTHzC445z5XQdQC5IXiOD5mZo+BAyLyfLFYbI5Go09lEbUBeaHZbHZ4uVw+BQ4Br9I0PRNF0YcyiEYAxes4aGZPzOwo8CbLso3hcPhuN0RjgKIx9wM7wHHgvYicDsPw9Z8QjQLyQtPpdG+aptvASeBju90+GwTBi98h/i+Aqvp7BUmS/NSErVbrVL/ff7uWJvT6Gf4aRN1ud7PX660niH6MYiBPw/Nri2JV/T6MgPvAxbUNI1X1N45V1d9C4nMl87uU/g1rOV5/THaL0zrPG5+GVTHeAV8BvHXiIQe57nwAAAAASUVORK5CYII=) 100% no-repeat;
    background-size: 100% 100%;
}

.pageuser .group_5 .box_1 .box_5 .image-text_2 .icon_2{
    width: .684rem;
    height: .684rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAcNJREFUWEftlrFKA0EQhmc24SRoYXyMQCDZ3TRqoYhY6WP4AApGkCgqghH0AfIYWomIFmqT3U2qPIaxUIIh2ZEVL8TLoYJ3nkXSXVj++eaff+8GIeEfJlwfxgD/w4FcLudlMpkDIlpHxGycuSCiNiLWOp3ObqvV6r47IIQ4BoBynIVDtKta6+13AM75o+scEeeVUvdxgpRKpVlr7b1zwhgz4ztArqjW+k8yIYQY1BsDfHIAAK6I6NQYcxlHDjjnq4i4AQAL/siDAO5/N589rfXhMIQ/t5+CBfMkpdwhIqc5yJk7M3goFArT6XR63Vp7gIietXa50Whc+wV/A/DR+TkRvTLGdnu9Xq3ZbD457ZHUSym3iKgKALda68WfdvzVOSHEjbMdEctKqZPhsyMAzolUKtUGgBet9VREAM8AMNnv97N+577uCEA+n896nveYGEBiIwiEcIKI1owxF1GEsFgsLjHG3BXvhoYwkHBCxIpS6ijKayiEqADAfug1HAK4JaKz4c6jCKGvwTlfQcRNAFgOfRGNP0aJOeAvJIyxuXq9/hDl3INaUso5IroLLiTJrmSJL6VxWv6d9p/sgF9BjAESd+AN1LkfMFDXRDQAAAAASUVORK5CYII=) 100% no-repeat;
    background-size: 100% 100%;
    margin: .086rem 0;
}
.msub{
	background: #f7f8fa;
	padding: 5px ;
	/* border-bottom: 3px rgba(0, 186, 255,.2) solid; */
}
.msub a{
	float: left;
	width: 33.3333%;
	font-size: 14px;
	color: #7d87a5;
	padding-left: 0;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border: none;
	overflow: hidden;
}

.chat_box{ position:fixed; top:30%; right:10px;width:40px; z-index:1000;font-size:12px;border-radius:10px; }
.chat_box ul,.chat_box li{ list-style:none; }
.chat_box li{ text-align:center; color:#fff; background:transparent; position:relative; }
.chat_box li a.link{ display:block; color:#035DED; background:#fff; text-decoration:none;cursor:pointer; }
.chat_box li:first-child a{ }
.chat_box li:last-child a{ border:0; }
.chat_box li i{ display:inline-block; font-size:28px; margin-bottom:10px; }
.chat_box li a.link:hover{ background:#fff; }
.chat_box .wxkf_qrcode{ display:none; position:absolute; right:50px; bottom:0; background:#fff; padding:7px 7px 3px; text-align:center; color:#666; line-height:1.4; box-shadow: 0 1px 20px 0 rgba(62,62,62,.25); }
.chat_box .wxkf_qrcode img{ width:160px; display:inline-block; max-width: 160px;}
.chat_box .wxkf_qrcode .heading{ margin-bottom:2px; }
.chat_box .wxkf_qrcode:after{ content: ""; position: absolute; bottom:15px; right:-10px; display:inline-block; width:0px; height:0px; border-left:10px solid #fff; border-top:6px solid transparent; border-bottom:3px solid transparent; }
.chat_box .telkf{ display:none; position:absolute; right:50px; top:15px; background:#fff; padding:0 10px; color:#333; font-size:20px; line-height:40px; box-shadow: 0 1px 20px 0 rgba(62,62,62,.25); }
.chat_box .telkf:after{ content: ""; position: absolute; top:12px; right:-10px; display:inline-block; width:0px; height:0px; border-left:10px solid #fff; border-top:6px solid transparent; border-bottom:3px solid transparent; }
.chat_box .kf_tit{
	font-size: 14px;
	width:180px;
}
.chat_box li.item{
	line-height: 24px;
	background: url('/home/img/icon_suspension_consult.png') no-repeat 25px center;
	padding-left: 30px;
	margin-bottom: 5px;
}
.transparent-header .header-container,.transparent-header .banner-box {
	width: 100%;
	height: 0px
}
#back-to-top {
  border-radius: 50%;
  width:40px;
  height: 40px;
  margin-top: 5px;
}
.transparent-header .banner-text,.transparent-header .banner-point,.transparent-header .news-casting,.transparent-header .banner-ul {
	display: none !important
}

.suspension {
	width: 46px;
	height: 210px;
	position: fixed;
	right: 30px;
	bottom: 60px;
	z-index: 51
}

.suspension li {
	position: relative;
	width: 46px;
	height: 46px;
	margin-top: 10px;
	cursor: pointer
}

.suspension li:first-child {
	margin-top: 0
}

.pop-tel,.pop-qrcode,.to-top,.buy-car {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #bcbcbc;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/wx-qrcode.png)
}

.voice-service {
	background-image: url("")
}

.pop-tel {
	border-color: #0af;
	background-color: #0af;
	background-position: -1px 0
}

.pop-qrcode {
	background-position: -1px -51px
}

.to-top {
	background-position: 0 -100px;
	cursor: pointer
}

.suspension-redpacket {
	position: relative
}

.suspension-redpacket .redpacket-wrap {
	cursor: pointer;
	position: absolute;
	top: -83px;
	left: -35px;
	width: 107px;
	height: 122px;
	background-image: url("../img/red-packet.png")
}

.suspension-redpacket .redpacket-content {
	position: absolute;
	top: 62px;
	left: 30px
}

.suspension-redpacket .redpacket-num {
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #fff000
}

.suspension-redpacket .redpacket-font {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #fff000
}

.buy-car {
	background-image: url(../img/side_icon_04.png)
}

.connect-us {
	position: absolute;
	width: 195px;
	right: 54px;
	top: 0;
	z-index: 30;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
	box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
	display: none
}
.auto {
    margin: 0 auto;
    min-width: 1300px;
    max-width: 1300px;
    _width: 1300px;
}

 .system-data-box {
    height: 170px;
    background: #035DED url(../img/system-data-bg.jpg) no-repeat center;
}

.system-data-box ul {
    padding: 40px 0 0;
}
[layout-align="space-between start"] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
[layout-align] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.system-data-box h3 {
    position: relative;
    font-weight: nrmal;
    color: #fff;
    margin-bottom: 30px;
}
.font-size-16 {
    font-size: 16px;
}

.system-data-box h3::after {
    position: absolute;
    bottom: -5px;
    display: block;
    content: "";
    width: 32px;
    height: 2px;
    background-color:#fff;
    opacity: .6;
}

.system-data-box span {
    font-family: Akrobat-Regular;
    font-size: 38px;
    letter-spacing: 2px;
    color: #fff;
}
.connect-us li {
	display: list-item;
	width: 100%;
	height: 50px;
	margin-top: 0;
	border-top: 1px solid #f4f4f4
}

.connect-us li:hover {
	background-color: #dce9f5
}

.connect-us li:first-child {
	padding-top: 0;
	border-top: none
}

.connect-us li.feedback-item {
	padding-bottom: 0
}

.connect-us li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	line-height: 53px;
	background-repeat: no-repeat;
	background-position: 20px center
}

.service-online {
	background-image: url(../img/suspend_icon_v1_05.png)
}

.service-record {
	background-image: url(../img/suspend_icon_v1_02.png)
}

.connect-us li a.service-weixin {
	background-image: url(../img/suspend_icon_v1_05.png)
}

.service-weixin .qrcode-wexin,.service-online .qrcode-wexin {
	right: 203px;
	bottom: 0px;
	background: #fff url(https://www.niaoyun.com/template/Home/Niaoyun/PC/Static/css/common/common/img/qrcode_wexin1.png) no-repeat center 15px;
	background-size: 82% 70%;
	line-height: initial
}

.service-online .qrcode-wexin {
	bottom: -110px;
	background: #fff url(../img/wx-contact1.png?v=1) no-repeat center 15px;
	background-size: 82% 70%
}

.service-weixin .qrcode-wexin {
	bottom: -56px
}

.service-weixin:hover .qrcode-wexin,.service-online:hover .qrcode-wexin {
	display: block
}

.service-feedback:hover .info-name,.service-online:hover .info-name {
	color: #0af
}

 
.connect-us .info-name {
	padding-left: 40px;
	color: #0af;
	height: auto
}

.info-name,.info-value {
	display: block;
	padding-left: 52px
}

.info-name {
	height: 14px;
	font-size: 14px;
	color: #333
}

.info-value {
	margin-top: 8px;
	height: 18px;
	font-size: 18px;
	font-weight: bold;
	color: #f90
}

.service-feedback .info-value {
	font-size: 12px;
	font-weight: inherit;
	color: #999
}

.qrcode {
	position: absolute;
	width: 139px;
	height: 163px;
	right: 55px;
	bottom: 0;
	z-index: 30;
	-webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
	box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
	background: #fff url(../img/qrcode.jpg) no-repeat center 14px;
	display: none;
	text-align: center;
	padding-top: 137px;
	font-size: 12px;
	color: #333
}

 

.suspension {
	bottom: 40%
}

.suspension li {
	height: auto
}

.connect-us {
	right: 50px
}

.connect-us .qrcode {
	-webkit-box-shadow: 0px 4px 20px 0px rgba(0,53,128,.1);
	box-shadow: 0px 4px 20px 0px rgba(0,53,128,.1)
}

.service-weixin .qrcode-wexin,.service-online .qrcode-wexin {
	right: 150px
}

.pop-detail {
	border: none;
	background-color: #fff;
	border-radius: 2px;
	text-align: center
}

.pop-detail.connect-us {
	width: 130px
}

.pop-detail .info-name {
	color: #333;
	padding-left: 0
}

.pop-detail li:not(:first-child) {
	border-top: 1px solid #e6ebf2
}

.pop-detail li:hover {
	background-color: #f20000
}

.pop-detail li:hover .info-name {
	color: #fff
}

.pop-detail a,.pop-detail li a.service-weixin {
	background-image: none
}

.suspension-qrcode {
	display: none
}

.pop-tel,.to-top {
	border: none
}

.pop-tel {
	height: 158px;
	padding: 53px 6px 0;
	font-size: 14px;
	background-color: #fff;
	-webkit-box-shadow: 0px 4px 20px 0px rgba(0,53,128,.1);
	box-shadow: 0px 4px 20px 0px rgba(0,53,128,.1);
	border-radius: 2px;
	border: solid 1px #035DED;
	line-height: 1.6;
	text-align: center;
	color: #035DED;
	background-image: url("../img/contact.png");
	background-position: center 20px
}

.to-top {
	background-image: url("../img/to-top.png");
	background-position: center;
	height: 46px;
	width: 46px;
	background-color: rgba(0,0,0,0);
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 6px 0px #d4d5d9;
	box-shadow: 0px 0px 6px 0px #d4d5d9;
	border-radius: 4px
}
 
.foot_link a{color:#7a7d80;}
.foot_link{
    margin: 5px 0;
}
.pagination{
	margin-top: 40px;
	text-align: center;
	margin-bottom: 40px;
}

.pagination li {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	border: 1px #e5e5e5 solid;
	border-radius: 1px;
	padding: 0 12px;
	color: #818181;
	margin: 0 5px 15px;
}
.pagination li.active, .pagination li:hover {
	background: #035DED;
	border-color: #035DED;
	color: #fff;
}
.pagination li:hover a,.pagination li.active a{
	color: #fff;
}
.pagination .icon-angle-left:after{
	content:'上一页';
}
.pagination .icon-angle-right:after{
	content:'下一页';
}
.pagination .icon-double-angle-left:after{
	content:'首页';
}
.pagination .icon-double-angle-right:after{
 content:'末页';
}
.tab-bar{
	padding-top: 1.5rem;
}
.tab-bar .tab{
	font-size: 16px;
	background: #f7f8fa;
	text-align: center;
	line-height:3em;
	margin:0 3rem;
	border-radius: 1px;
}
.tab-bar .tab:hover,.tab-bar .tab.hover{
	background: #035DED;
	color: #fff;
}
.tabBox{
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top: 1.875rem;
}
.tabTitle{
	text-align: center;
	color: #818181;
	min-width: 150px;
}
.tabTitle.active{
	color: #035DED;
}

.footer-qrcode {
    margin: 10px 0 10px;
}
.footer-qrcode img {
    width: 100px;
    height: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,53,127,.1);
    box-shadow: 0px 4px 10px 0px rgba(0,53,127,.1);
    border-radius: 2px;
    border: 5px solid #fff;
}
.vam {
    vertical-align: middle;
}
.footer-copyright p {
    color: #666;
    font-size:.427rem;
    line-height: 2.2;
}

.official-plat {
    margin-top: 13px;
    width: auto;
}
.official-plat {
    width: 20%;
    height: 100%;
    margin-top: 20px;
    position: relative;
}

 
 .tip_bottom {
    width: 100%;
    height: 70px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.tip_bottom_icon {
    width: 155px;
    height: 70px;
    background: url(../image/i_bottom.png) no-repeat;
    position: absolute;
    left: -150px;
    top: -86px;
    display: none;
}

.tip_bottom_cont {
    width: 100%;
    height: 70px;
    position: relative;
}

.tip_bottom_bg {
    width: 100%;
    height: 70px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    box-shadow: 0px 0px 6px 0px #d4d5d9;
    background-color: #fff;
    opacity: 0.8;
    filter: Alpha(opacity=50);
}

.tip_bottom_cont_c {
    width: 100%;
    height: 70px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10
}

.tip_bottom_main {
    width: 1200px;
    height: 70px;
    position: relative;
    margin: 0 auto
}

.tip_bottom_left {
    width: 1200px;
    height: 70px;
    position: relative;
}

.tip_bottom_ewm {
    width: 187px;
    height: 140px;
    text-align: center;
    position: absolute;
    right: -30px;
    bottom: 0px;
    background: url(../img/foot_erm.png) no-repeat
}
.row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col {
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.home-legalize img {
    max-height: 100px;
}
.title-head {
    font-size: 2.5em;
    font-weight: 500;
    margin-bottom: 25px;
}
.sub-head {
    margin: 10px 0 40px;
    font-size: 1.2rem;
    color: #808080; 
}
.section {
    padding: 60px 0 20px 0;
    background-position: center center;
    background-size: auto 100%;
    overflow: hidden;
    background-color: #f6f8fb;
}
.wrapper {
    /*width: 1240px;*/
    margin: 0 auto;
    /* position: relative; */
}
.sbcx_icon01 {
    width: 30px;
    height: 30px;
    background: url(../picture/sbcx_icon01.png) no-repeat center;
    background-size: 30px auto;
    left: 9.6%;
    top: 20.6%;
}

.sbcx_icons {
    position: absolute;
}
.reason-box-item {
    box-shadow: 0 2px 10px rgba(64,66,67,0.16);
    padding: 36px 28px 36px 130px;
    cursor: pointer;
    border: 1px solid #fff;
    position: relative;
    box-sizing: border-box;
    height: 100%;
}
.reason-box-item-01:before {
    background-image: url("/skin/newcloud/img/F5d0UIIRhgWzGzWzDwFJf.png");
}
.reason-box-item-02:before {
    background-image: url("/skin/newcloud/img/qaagxLeAKs31tIiylVbnH.png");
}
.reason-box-item-03:before {
    background-image: url("/skin/newcloud/img/MUKPZoQqbjDtoFNnxebP6.png");
}
.reason-box-item-04:before {
    background-image: url("/skin/newcloud/img/F0E8XtBLzoJO_5QCtVFNA.png");
}


.reason-box-item:before {
    content: '';
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    left: 34px;
    top: 30%;
    background-size: 100%;
}
.reason-item-title {
    font-size: 16px;
    margin-bottom: 15px;
        text-align: initial;
}
.reason-item-text {
    color: #666;
    line-height: 1.8em;
    text-align: justify;
    font-size: 13px;
}
.reason-box-item:hover{
    border: 1px solid blue;
}

.col-space20>* {
    padding: 10px;
    box-sizing: border-box;
}
img{
    border: 0;
    vertical-align: middle;
}
.home-legalize .text {
    margin-top: 10px;
    color: #808080;
}
.tip_bottom_ewm_p {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #333;
    font-size: 12px;
    position: relative
}

.tip_bottom_ewm_bg {
    width: 85px;
    height: 85px;
    background: #fff;
    position: relative;
    margin: 30px auto 2px;
    border: 1px solid #fff;
    background: #fff
}

.tip_bottom_ewm_bg img {
    width: 83px;
    height: 83px;
}

.tip_fot_user {
    width: 180px;
    height: 114px;
    background: url(../img/foot_ren.png) no-repeat;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.tip_bottom_close {
    display: block;
    width: 11px;
    height: 11px;
    background: url({asset_url('@skin@img/i_bottom_close.png')}) no-repeat;
    position: absolute;
    top: 10px;
    right: -37px;
    z-index: 10
}

.tip_bottom_leftbox {
    padding-left: 150px;
    color: #333;
    padding-top: 15px;
}

.tip_bottom_logo {
    color: #333;
    font-size: 15px;
}

.tip_bottom_logo h1 {
    font-weight: bolder;
    line-height: 25px;
    font-size: 18px;
    font-weight: normal
}

.tip_bottom_leftbox h2 {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    padding-left:180px;
}

.tip_bottom_time {
    color: #fcff00;
    font-weight: bold;
    font-size: 28px;
}

.tip_bottom_num {
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin-left: 20px;
}

.tip_bottom_num span {
    font-size: 31px;
    font-family: Arial;
    padding-right: 5px;
        color: #035DED;
}

.tip_bottom_member {
    position: absolute;
    right: 160px;
    top: 15px;
}

.tip_bottom_login {
     width: 100px;
    text-align: center;
      display: inline-block;
    color: #fff;
    background: #035DED;
    border: 1px #035DED solid;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
        font-size: 16px;
}

.tip_bottom_reg:hover {
    background: #035DED;
    color: #fff;
    text-decoration: none;
}
 
.tip_bottom_login:hover {
    background: #035DED;
    color: #fff;
    text-decoration: none;
}
 
 		.wsyoption {
		display: flex;
		justify-content: center;
		margin-top: 40px;
		}
		
		.wsyoption li {
		padding: 10px 20px;
		margin-right: 20px;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
		transition: all 0.3s ease-in-out;
		}
		
		.wsyoption li:hover {
		color: #fff;
		background-color: #00bfff;
		}
		
		.wsyoption li.active {
		color: #fff;
		background-color: #00bfff;
		}
		
		
		.wsy-main-sty {
		margin-top: 40px;
		}
		
		.main-sty {
        height: 315px;
        margin: 0 auto;
		display: none;
		padding: 40px;
		text-align: center;
		}
		
		.main-sty h3 {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 20px;
		margin-top: 60px;
		}
		
		.main-sty p {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 30px;
		}
		
		.main-sty .btn {
		display: inline-block;
		padding: 10px 20px;
		font-size: 16px;
		font-weight: bold;
		border-radius: 5px;
		transition: all 0.3s ease-in-out;
        border: 1px solid #ddd;
    }
		
		.main-sty .btn.link {
		color: #00bfff;
		border: 2px solid #00bfff;
		margin-right: 20px;
		}
		
		.main-sty .btn.link:hover {
		color: #fff;
		background-color: #00bfff;
		}
		
		.main-sty .btn:hover {
		color: #fff;
		background-color: #00bfff;
		}

.tip_bottom_reg {
    width: 100px;
    text-align: center;
      display: inline-block;
    color: #035DED;
    border: 1px #035DED solid;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
        font-size: 16px;
}
/*
.tip_bottom_reg {
    display: inline-block;
    width: 100px;
    height: 40px;
  
    color: #333;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}*/

.products-title{
    margin-bottom: 1rem;
    height: .9rem;
    line-height: .9rem;
    font-size: .9rem;
    text-align: center;
    color: #333;
    font-size: 20px;
    font-weight:bold;

}
.tip_bottom_login {
    margin-left: 25px;
}
.module-title{
    font-size: 38px;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;

}

.module-title>span{
    color: #035DED;
}
.module-title h3{
    font-size: 32px;

}
.wrap>ul>li>a{
    color: black;
}
.footer{
    
}
.item{
    color: #fff;
}
/*@media (min-width: 1000px) {*/
/*.footer{*/
/*    margin-bottom: 70px;*/
/*}}*/

@media (min-width:100px) {
.products-title{
    display: block;
}

}
@media (min-width:820px) {
.products-title{
    display:none;
}
.module-title{
    display: block;
}
}
@media(max-width:1150px){
    .ucvvbvc{
    display: none;
}
}

@media screen and (max-width: 768px) {
    #index-swiper .swiper-abs {
        display: none;
    }
    .map-service-wrapper {
        display: block;
    padding-bottom: 1.5rem;
    background: #fff;
}
.swiper-abs{
    display: none;
}
.map-service-wrapper-title {
    margin-bottom: 0;
    padding: 1.5rem 0 1rem 0;
    height: 3.4rem;
    text-align: center;
    color: #333;
}
.map-container {
    width: 100%;
    min-height: 400px;
    background: url(../img/map-service.jpg) no-repeat center;
    background-size: 100%;
}
.main-sty h3 {
		margin-top: 40px;
		}
   .module-title{
font-size:28px
   }    
  .title-h2 {
    font-size: 20px;
  }
  .desc {
    font-size: 12px;
  }
}