@charset "utf-8";
/* CSS Document */
*{
    padding: 0;
    margin: 0;
}
body{
    font-size: 1.2rem;
    font-family: "microsoft yahei";
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
	overflow-x:hidden;
}
input,select,textarea{
    font-family: "Microsoft Yahei", "微软雅黑";
    font-size: 1.2rem;
    outline: none;
}
a{
    text-decoration: none;
    color: #000;
}
ul,li,ol{
    list-style: none;
}
/*清除浮动*/
.mclear{clear:both;}
.clearfix:after {       
    content: ".";    
    display: block;  
    clear: both;     
    visibility: hidden;  
    line-height: 0;   
    height: 0;     
    font-size:0;    
}
.mleft{float:left !important;}
.mright{float:right !important;}
.zh{margin-right:0 !important;}

.ckbd{width:100%; background:#FFF;}
.mbanner img{width:100%; display:block; margin-top:-0.1rem;}

.mbox01{padding:3rem 0 0 0;}
.mbox01n{width:30.5rem; margin:0 auto;}
.ckttile{width:100%; text-align:center; line-height:1.8rem;}
.ckttile h3{color:#ef605c; font-size:2rem; font-family:ziti01;}
.ckttile p{color:#bcbcbc; font-size:0.7rem; font-variant: small-caps; font-family:ziti01;}
.mbox01b{width:100%; margin-top:0.5rem;}
.mbox01b ul li{width:9.35rem; height:8.2rem; float:left; margin-right:1.125rem; margin-bottom:1rem; position:relative; border-radius:0.5rem; -moz-border-radius:0.5rem; -ms-border-radius:0.5rem; -o-border-radius:0.5rem; -webkit-border-radius:0.5rem;}
.mbox01b ul li img{width:9.35rem; height:8.2rem; display:block;}
.mbox01b ul li p{width:100%; height:2rem; line-height:2rem; text-align:center; color:#FFF; background: rgba(8,8,8,.5); position:absolute; bottom:0; left:0; font-size:1.1rem; border-radius:0 0 0.5rem 0.5rem; -moz-border-radius:0 0 0.5rem 0.5rem; -ms-border-radius:0 0 0.5rem 0.5rem; -o-border-radius:0 0 0.5rem 0.5rem; -webkit-border-radius:0 0 0.5rem 0.5rem;}
.mbox01b ul li.on p{display:none;}
.mbox01b ul li .zxb{width:8.5rem; height:5.2rem; padding:1.5rem 0.425rem; background: rgba(8,8,8,.5); position:absolute; top:0; left:0; color:#FFF; font-size:0.9rem; line-height:1.1rem; border-radius:0.5rem; -moz-border-radius:0.5rem; -ms-border-radius:0.5rem; -o-border-radius:0.5rem; -webkit-border-radius:0.5rem; display:none;}
.mbox01b ul li.on .zxb{display:block;}
.mbox01b ul li .zxb h4{color:#FFF; font-size:1.1rem; text-align:center; margin-bottom:0.5rem;}
.mbox01b ul li .zxb span{color:#ef605c;}
.ckann{width:11.5rem; height:2.5rem; margin:1rem auto 0 auto; text-align:center; line-height:2.5rem; color:#FFF; border-radius:1.25rem; -moz-border-radius:1.25rem; -ms-border-radius:1.25rem; -o-border-radius:1.25rem; -webkit-border-radius:1.25rem; background:#ef605c; }
.ckann a{width:11.5rem; height:2.5rem; margin:0 auto; color:#FFF; font-size:1.25rem; border-radius:1.25rem; -moz-border-radius:1.25rem; -ms-border-radius:1.25rem; -o-border-radius:1.25rem; -webkit-border-radius:1.25rem; background:url(../images/atb.png) no-repeat 10.2rem 0.3rem; display:block; background-size:0.95rem 1.2rem; -moz-background-size:0.95rem 1.2rem; -ms-background-size:0.95rem 1.2rem; -o-background-size:0.95rem 1.2rem; -webkit-background-size:0.95rem 1.2rem;}

.mbox02{width:100%; height:25.15rem; background:url(../images/bj.png) no-repeat; margin-top:3rem; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%;-webkit-background-size:100%; padding-top:3rem;}
.box01z{color:#333333; text-indent:2em; font-size:1rem; line-height:1.25rem; padding:0 0.75rem;}
.mbox02n{width:30.5rem; margin:0 auto;}
.mbox02b{height:14.65rem; background:url(../images/bj01.png) no-repeat 1.75rem 0; margin-top:1rem; background-size:10rem 14.65rem; -moz-background-size:10rem 14.65rem; -ms-background-size:10rem 14.65rem; -o-background-size:10rem 14.65rem; -webkit-background-size:10rem 14.65rem;}
.mbox02bn{width:16.5rem; height:14px; float:right; margin-right:1rem;}
.mbox02bn a{display:block; width:7.9rem; height:4.4rem; line-height:4.4rem; text-align:center; color:#333333; font-size:1.2rem; background:#f9b9ba; float:left; margin-right:0.7rem; margin-bottom:0.7rem;}
.mbox02bn a.on{background:#ef605c; color:#FFF;}

.mbox03{padding:3rem 0 3rem 0;}
.mbox03t{width:30.5rem; margin:0 auto; height:6.9rem; border-radius:3.45rem; -moz-border-radius:3.45rem; -ms-border-radius:3.45rem; -o-border-radius:3.45rem; -webkit-border-radius:3.45rem; background:#ef605c; color:#FFF; font-size:0.95rem; line-height:1.35rem; position:relative; margin-bottom:2.25rem;}
.mbox03t p{width:21.5rem; float:right; margin-top:0.9rem; margin-right:1rem;}
.mbox03t img{width:7.5rem; height:7.5rem; display:block; position:absolute; top:-0.25rem; left:-0.15rem;}
.yuan{height:4.0rem; padding:1rem; color:#333333; font-size:1rem; line-height:1.35rem; border:#ef605c 0.1rem solid; border-radius:1rem; -moz-border-radius:1rem; -ms-border-radius:1rem; -webkit-border-radius:1rem; margin-top:0.5rem; text-indent:2em; margin-bottom:1.25rem;}
.mbox03ul li{width:9.3rem; float:left; margin-right:1.3rem; margin-bottom:1.25rem;}
.mbox03ul li img{width:9.3rem; height:9.3rem; display:block;}
.mbox03ul li p{color:#ef605c; font-size:1.1rem; text-align:center; line-height:1.5rem; margin-top:0.5rem;}

.mbox04{width:100%; height:25.15rem; background:url(../images/bj03.png) no-repeat; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%;-webkit-background-size:100%; padding-top:3rem;}
.mbox04z{width:29.2rem; margin:0 auto; font-size:1rem; color:#333333; text-indent:2em; line-height:1.4rem;}
.mboxx04p{width:28.2rem; height:1.71rem; margin:1.5rem auto;}
.mboxx04p p{width:6rem; height:1.7rem; line-height:1.7rem; text-align: center; color:#ef605c; float:left; border:#ef605c 0.05rem solid; margin-right:1.1rem;}
.ck03{width:25.65rem; height:6.55rem; margin:0.5rem auto; display:block;}
.mboxbtn{width:24.25rem; margin:0 auto;}

.mbox05{width:100%; height:20.95rem; background:url(../images/bj04.png) no-repeat; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%;-webkit-background-size:100%; padding-top:0.3rem; margin-top:3rem;}
.mbxotop{color:#FFF; text-align:center; font-size:1.35rem;}
.mbox05ul{width:29.9rem; margin:0 auto; margin-top:3rem; }
.mbox05ul li{width:9.3rem; height:15.05rem; position:relative; float:left; margin-right:1rem;}
.mbox05ul li img{width:9.3rem; height:15.05rem; display:block;}
.mbox05ul li p.p1{width:100%; position:absolute; top:1.5rem; font-size:1.4rem; color:#ef605c; text-align:center; font-weight:bold; line-height:1.4rem;}
.mbox05ul li p.p2{width:6.8rem; position:absolute; bottom:1.1rem; font-size:1.1rem; color:#333333; text-align:center; left:1.4rem; line-height:1.4rem;}

.mbox06{width:100%; height:30.8rem; background:url(../images/bj05.png) no-repeat; background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%;-webkit-background-size:100%; padding-top:3rem; margin-top:3rem;}
.ckttile p.p1{color:#333333; font-size:1.3rem; margin-top:0.5rem;}
.mbox06ul{width:28.9rem; margin:1.2rem auto 0 auto;}
.mbox06ul li{width:13.85rem; height:10.8rem; float:left; margin-right:1.2rem; margin-bottom:1.2rem;}
.mbox06ul li img{width:13.85rem; height:10.8rem;}

.mbox07{padding:3rem 0 1rem 0;}
.mbox08ul{height:12rem;}
.mbox08ul li{width:14.9rem; height:2.4rem; float:left; background:#ec6941; border-radius:1.4rem; -moz-border-radius:1.4rem; -ms-border-radius:1.4rem; -o-border-radius:1.4rem; -webkit-border-radius:1.4rem; color:#FFF; text-align:center; line-height:2.4rem; margin-right:0.7rem; margin-top:1rem;}
.mbox08ul li.ys01{background:#fd7571;}
.mbox08ul li.ys02{background:#27b6ae;}
.mbox08ul li.ys03{background:#f8be34;}
.mbox08ul li.ys04{background:#ec6941;}
.mbox08ul li.ys05{background:#5493d4;}
.mbox08ul li.ys06{background:#4acd85;}
.mbox08ul li a{width:14.9rem; height:2.4rem; display:block; color:#FFF;

.mdongdan{animation:dongtan01 1s ease infinite; -moz-animation:dongtan01 1s ease infinite; -ms-animation:dongtan01 1s ease infinite; -o-animation:dongtan01 1s ease infinite; -webkit-animation:dongtan01 1s ease infinite;}
.mdongdan01{animation:dongtan02 1s ease infinite; -moz-animation:dongtan02 1s ease infinite; -ms-animation:dongtan02 1s ease infinite; -o-animation:dongtan02 1s ease infinite; -webkit-animation:dongtan02 1s ease infinite;}
@keyframes dongtan01
{
	from{width:11.5rem;}
	to{width:12.5rem;}
}
@-moz-keyframes dongtan01
{
	from{width:11.5rem;}
	to{width:12.5rem;}
}
@-ms-keyframes dongtan01
{
	from{width:11.5rem;}
	to{width:12.5rem;}
}
@-webkit-keyframes dongtan01
{
	from{width:11.5rem;}
	to{width:12.5rem;}
}
@-o-keyframes dongtan01
{
	from{width:11.5rem;}
	to{width:12.5rem;}
}

@keyframes dongtan02
{
	from{width:11.5rem;}
	to{width:12.5rem;}
}
@-moz-keyframes dongtan02
{
	from{width:11.5rem;}
	to{width:12.5rem;}
}
@-ms-keyframes dongtan02
{
	from{width:11.5rem;}
	to{width:12.5rem;}
}
@-webkit-keyframes dongtan02
{
	from{width:11.5rem;}
	to{width:12.5rem;}
}
@-o-keyframes dongtan02
{
	from{width:11.5rem;}
	to{width:12.5rem;}
}

