@charset "utf-8";
* {margin: 0px;padding: 0px;}
.left {float: left;}
.right {float: right;}
img {border: none;}
.clearfix {zoom: 1;}
.clearfix:after {content: "020";height: 0px;display: block;overflow: hidden;clear: both;}
a{color: #333333;}
a:hover {color: #004a7c;transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-moz-transition: all 0.2s;text-decoration: none;}
ul li,ol li {list-style-type: none;}
body {    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","微软雅黑",Arial,sans-serif,思源黑体 CN;width: 100%;}
body{background: #F5F5F5;}
.height10{width: 100%;height: 10px;}
.height15{width: 100%;height: 15px;}
.height20{width: 100%;height: 20px;}
.height25{width: 100%;height: 25px;}
.height30{width: 100%;height: 30px;}
.height40{width: 100%;height: 40px;}
.height50{width: 100%;height: 50px;}
.height60{width: 100%;height: 60px;}
.height40rem{width: 100%;height: 40px;}

/**/
.maincon{width: 702px;margin: auto;}
	
	.maincon ul li{width: 339px;height: 200px;background: #F4F7FF;border-radius: 8px;padding:28px 32px;font-size: 26px;color: #333333;line-height: 40px;font-weight: 500;float: left;margin-left: 24px;position: relative;margin-top: 24px;}
	.maincon ul{margin-left: -24px;margin-top: -24px;}
	.maincon ul li img{position: absolute;bottom: 0rem;right: 0rem;width: 94px;}

/**********手机端样式***********/
@media screen and (max-width: 768px){
	
	.maincon{width: 7.02rem;margin: auto;}
	.maincon ul li{width: 3.39rem;height: 2rem;background: #F4F7FF;border-radius: 8px;padding: 0.28rem 0.32rem;font-size: 0.26rem;color: #333333;line-height: 0.4rem;font-weight: 500;float: left;margin-left: 0.24rem;position: relative;margin-top: 0.24rem;}
	.maincon ul{margin-left: -0.24rem;margin-top: -0.24rem;}
	.maincon ul li img{position: absolute;bottom: 0rem;right: 0rem;width: 0.94rem;}
	.height40rem{width: 100%;height: 0.4rem;}
}