/*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/mday/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;
}

.header{
	height: 1.849rem;
	box-sizing: border-box;
	padding: 0.377rem;
	background: #f3fff3;
}
.header a{
	float: left;
}
.header .a{
	width: 58%;
}
.header .a1{
	width: 40%;
	padding-left: 0.566rem;
	margin-top: 0.189rem;
	float: right;
	height: 0.962rem;
}
.nav{
	background: #4cd0aa;
}
.nav ul li {
	width: 20%;
	color: #fff;
	font-size: .4rem;
	float: left;
	text-align: center;
	height: 0.943rem;
	line-height: 0.943rem;
}
body{
	background: #f3fff3;
}
/**************模块一**************/
.mode_A{
	background: #f3fff3;
}
.mode_A .banner{
	font-size: 0;
}
.mode_A .banner a{
	font-size: 0;
}
.mode_A .a_A{
	width: 10.0rem;
	margin: .6rem auto;
	text-align: center;
}
.mode_A .a_modeA{
	background: #ffedb4;
	text-align: center;
	color: #fb8608;
	height: 1rem;
	line-height: 1rem;
	border-radius: 1rem;
	box-sizing: border-box;
	padding: .2rem .4rem;
	font-size: .35rem;
}
/*********模块二***************/
.mode_B{
	background: #f3fff3;
	font-size: 0;
}
.title{
	position: relative;
	margin: .8rem 0;
}
.title .zuo{
	position: absolute;
	left: 0;
	top: -51%;
	width: 15%;
}
.title .zuo1{
	position: absolute;
	left: 0;
	top: -38%;
	width: 20%;
}

.title .you{
	position: absolute;
	right: 0;
	top: -35%;
	width: 15%;
}

.title .you1{
	position: absolute;
	right: 0;
	top: -105%;
	width: 15%;
}
.title .you2{
	position: absolute;
	left: 0;
	top: -47%;
	width: 49%;
}

.title .you3{
	position: absolute;
	right: 0;
	top: -5%;
	width: 26%;
	z-index: -1;
}

.title h1{
	color: #006546;
	text-align: center;
	font-size: .6rem;
	padding-bottom: .2rem;

}
.title h1 span{
	border-bottom: 3px solid #aedfcd;
	font-size: .6rem;
	padding-bottom: .1rem;
}
.title h2{
	font-size: .45rem;
	color: #006546;
}
.title p{
	color: #006546;
	font-size: .3rem;
	text-align: center;
}
.mode_B .ck1{
	margin-top: .8rem;
}
.mode_B .hd{
	margin-bottom: .8rem;
}
.mode_B .hd ul li{
	width: 24%;
	position: relative;
}
.mode_B .hd ul li.on img{
	display: none;
}
.mode_B .hd ul li img:first-child{
	display: none;
}
.mode_B .hd ul li.on img:first-child{
	display: inline-block;
}
.mode_B .hd ul li .jt{
	display: none;
}
.mode_B .hd ul li.on .jt{
	position: absolute;
	left: 36%;
	bottom: -15%;
	display: inline-block;
}
.mode_B .bd ul li img{
	width: 100%;
}
.btn_a p{
	font-size: .35rem;
	color: #fff;
	text-align: center;
	background: linear-gradient(to right,#e9413e,#fe964a);
	width: 90%;
	height: 1.2rem;
	line-height: 1.2rem;
	border-radius: 1rem;
	margin: .3rem auto;
	vertical-align: middle;
}
.btn_a span{
	color: #ffff00;
}
.btn_a img{
	width: 7%;
	vertical-align: middle;
}


/**********模块三************/

.mode_C .hd ul li{
	width: 18%;
	position: relative;
}
.mode_C .hd ul li img{
	display: none;
}
.mode_C .hd ul li.on img{
	display: inline-block;
}
.mode_C .hd ul li img:first-child{
	display: inline-block;
}
.mode_C .hd ul li.on img:first-child{
	display:none;
}

.mode_C .hd ul li .jt{
	display: none;
}
.mode_C .hd ul li.on .jt{
	position: absolute;
	left: 36%;
	bottom: -15%;
	display: inline-block;
}
.mode_C .hd{
	margin-bottom: .6rem;
}
.mode_C .bd ul li img{
	width: 100%;
}
.mode_C .pom p:first-child{
	text-align: center;
	font-size: .37rem;
	color: #46c883;
	border:2px dashed #46c883;
	width: 6rem;
	margin: 0 auto;
	padding: .2rem 0;
	font-weight: bold;
}
.mode_C .pom p:first-child span{
	color:#f34528;
}
.mode_C .pom ul{
	margin-top: .4rem;
}
.mode_C .pom ul li{
	width:31%;
}
.mode_C .pom ul .second{
	margin-top: -.5rem;
}
.mode_C .pom ul li img{
	width: 100%;
	margin: 0 auto;
}
.mode_C .pom ul li p{
	text-align: center;
	font-weight: bold;
	font-size: 0.4rem;
	color: #ff6a4c;
}
.mode_C .Cfoot{
	margin-top: .8rem;
}
.mode_C .Cfoot a{
	width: 45%;
	background: linear-gradient(to right,#e9413e,#fe964a);
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
	color: #fff;
	height: 1.3rem;
	border-radius: 1rem;
	line-height: 1.3rem;
	font-size: 0.4rem;
}
.mode_C .Cfoot a img{
	vertical-align: middle;
	width: 15%;
}
/***********模块四****************/
.mode_D .title{
	margin-bottom: 0;
}
.mode_D .D_a img{
	width: 100%;
	margin: 0 auto;
}
.mode_E .ck3 .hd ul li{
	width: 30%;
	background: url("/mszlhmsyycom/templets/22222120/special/mday/images/Chd.png") no-repeat center;
	background-size: 100% 100%;
}
.mode_E .ck3 .hd ul li p{
	color: #46c883;
	padding: 1.1rem 0 .9rem;
	text-align: center;
	line-height: 1rem;
	vertical-align: middle;
	font-size: 0.4rem;
}
.mode_E .ck3 .hd ul li.on p{
	color: #f83734;
	font-weight: bold;
}
.mode_E .ck3 .hd{
	margin-bottom: .6rem;
}
.mode_E .ck3 .bd ul li img{
	width: 100%;
	margin: 0 auto;
}

/******模块五************/
.mode_F .ck4 .hd{
	margin-top: .2rem;
}
.mode_F .ck4 .hd ul{
	justify-content: center;
}
.mode_F .ck4 .hd ul li{
	width: .4rem;
	height: .4rem;
	background: #61be6c;
	margin-left: .8rem;
	border-radius: 50%;
}
.mode_F .ck4 .bd ul li img{
	width: 100%;
	margin: 0 auto;
}
.mode_F .ck4 .hd ul li:first-child{
	margin-left: 0;
}
.mode_F .ck4 .hd ul li.on{
	background: #e9413e;
}
.mode_F .F_foot img{
	width: 100%;
	margin: 0 auto;
}
/******** **模块六***********/
.tri{ 
	display: none;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #e9413e;
    position: absolute;
    right: 42%;
    bottom: -16px;
}
.mode_G .ck5 .hd ul li.on .tri{
	display: inline-block;
}
.mode_G .ck5 .hd ul li{
	position: relative;
	background: #fff;
	border-radius: 1rem;
	width: 22%;
	text-align: center;
	color: #e9413e;
	padding: .1rem 0;
	font-weight: bold;
	margin-bottom: .6rem;
	font-size: 0.4rem;
}

.mode_G .ck5 .hd ul li.on{
	background: #e9413e;
	color: #fff;
}
.mode_G .ck5 .hd ul li img{
	width: 100%;
	margin: 0 auto;
}
.mode_G .ck5 .bd ul li img{
	width: 100%;
	margin: 0 auto;
}
.mode_G .Gfoot{
	margin-top: .4rem;
}
.mode_G .Gfoot a{
	width: 45%;
	background: linear-gradient(to right,#e9413e,#fe964a);
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
	color: #fff;
	height: 1.3rem;
	border-radius: 1rem;
	line-height: 1.3rem;
	font-size: 0.4rem;
}
.mode_G .Gfoot a img{
	vertical-align: middle;
	width: 15%;
}
/***********模块七*************/
.mode_H .dn{
	background: #fcf198;
	border-radius: .1rem;
	box-sizing: border-box;
	padding: .6rem .2rem .4rem .2rem;
}
.mode_H .dn .TR{
	margin: 0 auto;
	width: 100%;
}
.btnB p{
	margin: .2rem auto 0;
}
.btnB span{
	font-weight: bold;
}
.BG_A{
	margin-top: .6rem;
	font-size: 0;
}

/**********尾部**********/

.mode_foot {
	background: #61be6c;
	font-size: 0;
	margin-top: -.1rem;
	padding-top: .4rem;
}
.mode_foot .kpii_c1 input{	
	width:8rem;
	height: .9rem;
	line-height: .9rem;
	border-radius: .2rem;
	background: #f3fff3;
	text-align: center;
	margin: .4rem auto;
	font-size: 0.4rem;
}
.mode_foot .kpii_c1 textarea{	
	width:8rem;
	height: 2rem;
	line-height: 2rem;
	border-radius: .2rem;
	background: #f3fff3;
	text-align: center;
	margin: .4rem auto;
	font-size: 0.4rem;
}


/*****input改变颜色*****/
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #eead22; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #eead22; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #eead22; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #eead22; 
} 
/*******************/
.mode_foot h2{
	font-size: .6rem;
	text-align: center;
	color: #fff;
	padding:.4rem 0;
}


.mode_foot .kpii_c1 a{
	width: 40%;
	height: 1.5rem;
	line-height: 1.5rem;
	margin: .4rem auto;
	background: #fffc9d;
	border-radius: 1rem;
	text-align: center;
	color: #3f9d4a;
	font-size: 0.4rem;
}
.mode_foot .foot_nav{
	background: #4fb35b;
	margin: .4rem 0;
}
.mode_foot .foot_nav ul{
	border-bottom: 1px solid #fff;
}
.mode_foot .foot_nav ul li{
	width: 25%;
	text-align: center;
	color: #fff;
	border-left: 1px solid #fff;
	line-height: .9rem;
	font-size: 0.4rem;
}
.mode_foot .foot_nav ul li:first-child{
	border-left: none;
}
.mode_foot .foot{
	text-align: center;
	margin-top: .2rem;
	padding-bottom: 2.6rem;
	position: relative;
}
.mode_foot .foot h5{
	color: #fff;
	font-weight: bold;
	font-size: .45rem;
	line-height: 1rem;
}
.mode_foot .foot p{
	color: #fff;
	font-size: .37rem;
}
.mode_foot .foot img{
	width: 27%;
	margin-top: .3rem;
}
.mode_foot .foot .foot_bg{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}


/*媒体查询*/
@media screen and (min-width: 640px) { 
	.title .you3 {
		position: absolute;
		right: 0;
		top: -10%;
		width: 35%;
	}
	.title .zuo_a{
		position: absolute;
		left: 0;
		top: -122%;
		width: 15%;
	}
}