/* 重置样式 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
a{
	margin: 0;
	padding: 0
}
html,body{
	width:100%;
	height:100%;
}
body {
	font:"微软雅黑";

}
html{
	font-size:62.5%
}
ul,
ol,
li,
dl,
dt,
dd {
	list-style: none
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}


table {
	border-collapse: collapse;
	border-spacing: 0
}
a{
	text-decoration:none ;
}
input,button{
	border:none
}
/* font */
.ft12{
	font-size:1.2rem;
}
.ft14{
	font-size:1.4rem;
}
.ft16{
	font-size:1.6rem;
}
.ft18{
	font-size:1.8rem;
}
.ft20{
	font-size:2rem;
}
.ft30{
	font-size:3rem;
}

/* wt */
.per{
	width:100%;
}
.w90{
	width:90%;
}
/* auto */
.auto{
	margin:0 auto;
}
.align{
	text-align:center;
}

/* color */
.black{
	color:#333
}
.gray{
	color:#666
}
.blue{
	color:#199ad7
}
.orange{
	color:#fc6821
}
.white{
	color:#fff
}
/* mt */
.mt5{
	margin-top:0.5rem
}
.mt10{
	margin-top:1rem
}
.mt15{
	margin-top:1.5rem;
}
.mlt10{
	margin-left:1rem;
}
.mlt15{
	margin-left:1.5rem;
}
.mrt10{
	margin-right:1rem;
}
/*pt*/
.pt10{
	padding-top:1rem;
}
.pt20{
	padding-top:2rem;
}
.ptb10{
	padding-bottom:1rem;
}
/* bg */
.gray-bg{
	background:#f6fafd;
}
.blue-bg{
	background:#199ad7
}
.black-bg{
	background:#2A3457
}
.orange-bg{
	background:#fc6821
}
.white-bg{
	background:#fff;
}
.bold{
	font-weight:bold;
}
/* border */
.radius{
	border-radius:10px;
}
/* flex */
.flex{
	display:flex;
}
/* block */
.block{
	display:block;
}
.none{
	display:none;
}
/* boxshaow */
.boxshaow{
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.active{
    background:#199ad7;
    color:#fff;
}
/* 公用样式 */
/* header */
.top h1 img,
.top h1{
	width:50%;
}
/* nav */
nav,
.top,
.index-adv,
footer ul,
.index-choice ul,
.index-server ul,
.index-case ul,
.server-nav{
	justify-content:space-between;
}
/* index-banner */
.swiper{
	height:188px;
	
}
/*founder*/
.founder img{
    max-width: 100%;
    object-fit: contain;
}
/*index-server*/
.index-server ul ,
.index-choice ol{
    flex-wrap:wrap;
}
.index-server ul li,
.index-case ol li{
    width:48%;
   
   
}
.index-server ul li,
.index-choice ul li{
      margin:1rem 0 0 0;
}
.index-case ul li{
    width:100px;
    height:30px;
    line-height:30px;
}
.check-btn a{
    width:60px;
    height:30px;
    line-height:30px;
    
}

/*rouse-img*/
.rouse-img img{
    height:150px;
}
/*index-choice*/
.index-choice ul,
.index-server ul,
.index-case ul,
.server-nav{
    padding-left:1rem;
    padding-right:1rem;
}
.index-choice ul li{
    width:30%;
  
}
/*speek*/
.speek-btn a{
    width:120px;
    height:40px;
    line-height:40px;
}
/*index-choice*/

footer{
    z-index:1;
    bottom:0;
}
/* form */
form input[type="text"],
form button{
	height:40px;
}
/* about */
.about{padding:1rem;}