/*Reset*/
body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { margin: 0; padding: 0; font-family: "microsoft yahei"; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

body { color: #666; margin: 0 auto; max-width: 640px; min-width: 320px; background: #fff; }

body a { text-decoration: none; font-style: normal; font-weight: normal; color: inherit; }

body i, body em, body strong { font-style: normal; }

body ol, body ul, body li { list-style: none; }

body body textarea, input, body select { outline: none; border: none; -webkit-appearance: none; }

textarea { resize: none; border: 0; outline: none; }

body img { max-width: 100%; border: none; }

h1, h2, h3, h4, h5, h6 { text-align: center; font-weight: bold; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; margin: 0; padding: 0; }

body .clearfix:after { content: ''; display: block; height: 0; visibility: hidden; clear: both; }

body .clearfix { *zoom: 1; }

.container { width: 94%; height: auto; margin: 0 3%; position: relative; }

.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@font-face { 
	font-family: 'Impact'; 
	src: url("/mszlhmsyycom/templets/22222120/special/rltc/css/font/impact/impact.ttf"); 
	font-style: normal; font-weight: normal; 
	unicode-range: U+0025-00FF; 
}

table[Attributes Style] {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
.tri{
	width: 0;
    height: 0;
    border: .949rem solid transparent;
    border-left-color: #d2ffff;
    position: absolute;
    right: -48%;
    top: 0;
}
.header{
	height: 1.894rem;
	box-sizing: border-box;
	background: #efffff;
}
.header a{
	float: left;
}
.header .a{
	width: 39%;
	height: 100%;
	text-align: center;
	background: #d2ffff;
	position: relative;
}
.header .a img{
	width: 25%;
	float: left;
	margin-top: 14%;
	margin-left: 7%;
}
.header .a .pl{
	float: left;
	margin-left: .2rem;
	margin-top: .4rem;
}
.header .a .pl h1{
	font-size: .5rem;
	color: #28bec0;

}
.header .a .pl p{
	font-size: .37rem;
	color: #27bdbf;
	text-transform: uppercase;
}
.header .a1{
	width: 49%;
	padding-left: 0.566rem;
	margin-top: .5rem;
	margin-right: .6rem;
	float: right;
}

.nav{
}
.nav ul li {
	width: 24.5%;
	color: #fff;
	float: left;
	text-align: center;
	height: 0.943rem;
	line-height: 0.943rem;
	margin: 2px 2px 0 0;
	background: #3dd9db;
}
.nav ul li a{
	font-size: .37rem;
}
.nav ul li:nth-child(3) {
	color: #fff777;
}
.nav ul li:nth-child(4) {
	margin-right: 0;
}
.nav ul li:nth-child(8) {
	margin-right: 0;
}
.banner{
	margin-top: .1rem;
}


/*模块一*/
.modeA{
	margin-top: .6rem;
}
.modeA h1{
	font-size: .6rem;
}
.modeA .ck1{
	margin-top: .4rem;
}
.modeA .ck1 ul li{
	width: 33%;
	height: 2.5rem;
	text-align: center;
	color: #fff;
	padding:.55rem .3rem;
	float: left;
}
.modeA .ck1 ul li img{
	width: 35%;
}
.modeA .ck1 ul li p{
	margin-top: .1rem;
	font-size: 0.4rem;
}
.modeA .ck1 ul li:nth-child(1){
	background: #ff8e81;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.modeA .ck1 ul li:nth-child(2){
	background: #8db2ff;
}
.modeA .ck1 ul li:nth-child(2) img{
	width: 33%;
}
.modeA .ck1 ul li:nth-child(3){	
	background: #78e376;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.modeA .ck1 ul li:nth-child(3) img{	
	width: 41%
}
.modeA .ck2{
	margin-top: .7rem;
}
.titleck{
	border: 1px dashed #2ac1c3;
	color: #fff;
	text-align: center;
	border-radius: 1rem; 
	width: 63%;
	margin: 0 auto;
	height: 1.2rem;
}
.titleck h2{
	background: #2ac1c3;
	box-sizing: content-box;
	width: 92%;
	margin: .07rem auto;
	font-size: .5rem;
	padding: .16rem;
	border-radius: 1rem;
}
.modeA .ck2 .ck2a{
	margin-top: .6rem;
}
.modeA .ck2 .ck2a ul li{
	width: 28%;
	text-align: center;
	color: #fff;
	background: #ab9ed6;
	border-radius: 50%;
	height: 2.7rem;
	font-size: 0.4rem;
	padding-top: .8rem;
}
.modeA .ck2 .ck2a ul li:nth-child(2){
	background: #c7da89;
	padding-top: .5rem;
}
.modeA .ck2 .ck2a ul li:nth-child(3){
	background: #ffb0a7;
}
.modeA .ck2 .ck2a p{
	margin-top: .4rem;
	font-size: .44rem;
}
.modeA .ck2 .ck2a span{
	color: #ff8e81;
	font-size: .44rem;
}
.modeA .ck3 {
	margin-top: .6rem;
	padding-top: .6rem;
	background: #f9f9f9;
}
.modeA .ck3 .ck3a{
	margin: .6rem 0;
	padding-bottom: .6rem;
}
.modeA .ck4 .titleck4{
	justify-content: center;
	margin-bottom: .4rem;
}
.modeA .ck4 .titleck4 h3{
	font-size: .52rem;
	color: #2ac1c3;
}
.modeA .ck4 .titleck4 img{
	width: 7%;
	margin-right: .1rem;
}
.modeA .ck4 .pom{
	justify-content: center;
	margin-top: .4rem;
}
.modeA .ck4 .pom a{
	width: 42%;
	text-align: center;
	color: #fff;
	background: #ff7e00;
	font-size: .45rem;
	height: 1rem;
	line-height: 1rem;
	border-radius: 7px;	
	margin-right: .6rem;
}

.modeA .ck4 .pom a:nth-child(2){
	background: #ff8e81;
	margin-right: 0;
}
.BH li:nth-child(2){
	padding-top: .7rem !important;
}
.ck2 .ckX{
	margin: .6rem 0;
	justify-content: center;
}
.ck2 .ckX a{
	width: 44%;
	height: 1rem;
	line-height: 1rem;
	border-radius: 1rem;
	background: #ff7e00;
	color: #fff;
	margin-right: .4rem;
	font-size: .4rem;
	text-align: center;
}
.ck2 .ckX a:nth-child(2){
	background: #ff8e81;
	margin-right: 0;
}
.ckP{
	background: #f9f9f9;
	padding-top: .6rem;
}
.modeA .XX{
	background: url("/mszlhmsyycom/templets/22222120/special/rltc/images/poma.jpg")no-repeat center;
	background-size: cover;
	height: 3.5rem;
	text-align: center;
	color: #fff;
	padding: .3rem;
	line-height: .88rem;
	margin-top: .8rem;
}
.modeA .XX h3{
	font-size: .5rem;
}
.modeA .XX p{
	font-size: .8rem;
	color: #ffe970;
	font-weight: bold;
}
.modeA .XX span{
	font-size: .45rem;
}
.modeA .lich{
	margin-top: .6rem;
}
.modeA .lich h1{
	margin-bottom: .4rem;
}
.modeA .lich ul li{
	width: 49%;
	text-align: center;
	border: 1px solid #dedede;
	padding: .2rem 0;
	border-radius: 5px;
	margin-top: .2rem;
	font-size: .37rem;
}

.mode_B{
	background: #ebebeb;
	box-sizing: border-box;
	padding: .4rem .3rem .6rem;
	margin-top: .6rem;
}
.mode_B .pom{
	margin-top: .3rem;
	position: relative;

}
.mode_B .pom img{
	width: 15%;
}
.mode_B .pom p{
	background: #fff;
	width: 78%;
	box-sizing: border-box;
	padding: .2rem;
	font-size: 0.4rem;
}
.mode_B .pom p span{
	color: #2ac1c3;
}
.triX{
    width: 0;
    height: 0;
    border: 13px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: 15%;
}


.foot{
	box-sizing: border-box;
	padding: .2rem .3rem;
}
.foot input{
	border: 1px solid #dadada;
	width: 55%;
	box-sizing: border-box;
	padding: .15rem;
	font-size: .37rem;
}
.foot a{
	background: #2ac1c3;
	text-align: center;
	color: #fff;
	font-size: .37rem;
	padding: .15rem;
	border-radius: 10px;
}
.footX {
	background: #ebfbfb;
	margin-top: .6rem;
	padding: .6rem 0;
}
.footX img{
	width: 55%;
	margin-left: 23%;
}
.footX .gh1{
	background: #2ac1c3;
	margin-top: .4rem;
	height: 4.8rem;
	border-radius: 5px;
}
.footX .gh1 p{
	padding-top: .4rem;
	text-align: center;
	color: #fff;
	font-size: .37rem;
}
.footX .gh1 p:nth-child(2){
	padding-top: .2rem;
}
.footX .gh1 span{
	display: inline-block;
	background: #e4ff90;
	color: #21abad;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-size: .37rem;
	width:60%;
	font-size: .4rem;
	border-radius: 10px;
	margin-left: 20%;
	margin-top: .6rem;
}















	/*媒体查询*/
	@media screen and (min-width: 640px) { 
/*	.xxx{
		样式
		}*/

.header .a img{
	margin-top: 9%;
}
.header .a .pl{
	margin-left: .3rem;
}
.tri{
	right: -41%;
}
.nav ul li {
	width: 24.76%;
}
.modeA .ck2 .ck2a ul li{
	height: 3.1rem;
	padding-top: 1rem;
}
.modeA .ck2 .ck2a ul li:nth-child(2){
	padding-top: .7rem;
}
.modeA .ck1 ul li{
	height: 2.8rem;
}
.titleck h2{
	width: 93%;
	margin: .09rem auto;
}
.BH li:nth-child(2){
	padding-top: .9rem !important;
}

.triX{
	left: 18%;
}

	}