@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* 去除浏览器中默认的input样式  清除苹果浏览器的圆角表单*/
input[type="submit"],
input[type="reset"],
input[type="button"],
input{/*-webkit-appearance:none;*/ resize: none;outline: none;border:1px solid #000;}
/* 图片自适应 */
img {
max-width: 100%;
height: auto;
width:auto\9; /* ie8 */
border: none;
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
/* 初始化 */
*{margin:0; padding:0; border:none;box-sizing:border-box;}
body{background-color:#f5f5f5;color:#333;font-family:"微软雅黑";}
em,i{font-style: normal;}
a{text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%;font-weight: normal;}
.fl{float:left;}
.fr{float:right;}

.top_SS {
	background: #2c80de;
	padding: .38rem .2rem;
	font-size: .36rem;
	text-align: center;
	letter-spacing: .02rem;
	box-shadow: 0 .02rem .03rem rgba(0,0,0,.3);
}
.top_SS span{
	color: #fff;
	text-shadow:.01rem .02rem .01rem rgba(0,0,0,.5);
	position: relative;
	padding-left:.8rem;
}
.top_SS span:after {
	content: " ";
	background: url('logo-.png');
	-webkit-background-size: contain;
	background-size: contain;
	width: .65rem;
	height: .65rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.conten_box{
	background: #fff;
	padding:.5rem .4rem .2rem;
	font-size: .22rem;
	width: 1000px;
	margin:.4rem auto;
	box-shadow:0 0 .05rem rgba(0,0,0,.3);
}
.conten_titCon{display:flex;justify-content:space-between;flex-wrap:wrap;text-align:center;}
.conten_titCon li {
	display:inline-block;
	width: 4.4rem;
	height: 1.5rem;
	line-height: 1.5rem;
	padding: 0 .1rem;/**/
	margin-bottom: .3rem;
	border-radius: .08rem;
	background: linear-gradient(165deg,#0d6bd4,#23cee2);
	background:-webkit-linear-gradient(165deg,#0d6bd4,#23cee2);
	box-shadow: .03rem .03rem .04rem rgba(0,0,0,.5);
	position: relative;
}
.conten_titCon li:nth-child(3),
.conten_titCon li:nth-child(4),
.conten_titCon li:nth-child(7),
.conten_titCon li:nth-child(8) {
	background: linear-gradient(-200deg,#23cee2,#0d6bd4);
	background: -webkit-linear-gradient(-200deg,#23cee2,#0d6bd4);
}
.conten_titCon li:after, .conten_titCon li:before{
	content:" ";
	width: 1rem;height: 1rem;
	background:rgba(255,255,255,.1);
	position: absolute;
	right:-.5rem;top:.2rem;
	border-radius:50%;
}
.conten_titCon li:before{
	width: .6rem;height: .6rem;
	background:rgba(255,255,255,.25);
	left:-.2rem;top:-.2rem;
}
.conten_titCon li a {
	display: inline-block;
	line-height: .3rem;
	vertical-align: middle;
	margin-top:-.03rem;
	color: #fff;
	font-size: .22rem;
	letter-spacing: .01rem;
	text-shadow: .01rem .02rem .02rem rgba(0,0,0,.3);
}
.conten_titCon li:hover{background:#2c80de;}
.conten_titCon li a:hover{text-shadow:.01rem .02rem .02rem rgba(0,0,0,.8);}
.copy{font-size: .14rem;color:#333;text-align: center;margin-bottom:.14rem;line-height:.24rem;}



@media screen and (max-width: 768px) {
	.top_SS{font-size:.34rem;letter-spacing:0.01rem;}
	
	.conten_box{width: 90%;}
	.conten_titCon li{width:100%;}
	.conten_titCon li a{font-size: .32rem;line-height:.4rem;}
	
	.copy{font-size:.24rem;line-height:.4rem;}
}