@charset "utf-8";
/* CSS Document */
html {
	font-size: 62.5%;
}
* {
	margin: 0;
	padding: 0
}
body {
	-webkit-text-size-adjust: none;
	background: #fff;
	font-family: "微软雅黑", Arial;
	color:#292929;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.4rem;
}
a {
	text-decoration: none;
	border: 0px none;
	outline: 0px none;
}
a:link {
	text-decoration: none
}
a:visited {
	text-decoration: none
}
a:hover {
	text-decoration: none
}
a:active {
	text-decoration: none
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}
ul, li, dt, dl, dd {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: none;
}
p {
	margin: 0px;
	padding: 0px;
}
.dq {
	text-align: justify;
	text-justify: inter-ideograph;
}
img {
	width: 100%;
}
.clear {
	clear: both
}
::selection {
	background: #7336a2;
	color: #fff;
}

::-moz-selection {
background:#7336a2;
color:#fff;
}
img {
	width: 100%;
}
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div {
	float: left;
	width: 100%;
	position: relative;
}
.pre11 {
	position: absolute;
	width: 30px;
	height: 56px;
	left: 0%;
	top: 35%;
	cursor: pointer;
	opacity: 0.8;
}
.next11 {
	position: absolute;
	width: 30px;
	height: 56px;
	right: 0%;
	top: 35%;
	cursor: pointer;
	opacity: 0.8;
}
.pre12 {
	position: absolute;
	width: 30px;
	height: 56px;
	left: 0%;
	top: 40%;
	cursor: pointer;
	opacity: 0.8;
}
.next12 {
	position: absolute;
	width: 30px;
	height: 56px;
	right: 0%;
	top: 40%;
	cursor: pointer;
	opacity: 0.8;
}
#mySwipe div b {
	display: block;
	font-weight: bold;
	color: #14ADE5;
	font-size: 20px;
	text-align: center;
	margin: 10px;
	padding: 100px 10px;
	box-shadow: 0 1px #EBEBEB;
	background: #fff;
	border-radius: 3px;
	border: 1px solid;
	border-color: #E5E5E5 #D3D3D3 #B9C1C6;
}

a{color:#fff;}


.bt1{width: 100%;
    text-align: center;
    margin-top: 10%;
    position: relative;    margin-left: 19%; }
.bt1 dt{font-size: 25px;
    font-weight: bold;
 position: absolute;
  left: 10%;
    top: 37%;color:#eb2b79;}
.bt1 .tu{width:30%;}
.yin{width:100%;margin-left: 3%;
    margin-top: 6%;}
.yin li dt{font-size: 0.4rem;margin-top: 8%;color:#eb2b79;}
.yin li{float: left;
    padding-right: 2%;
    text-align: center;
    width: 30%;}
.yin li p{font-size: 17px;
    line-height: 26px;
    border: 3px solid #e5e5e5;
    background: #cda9a9;
	color:#fff;
    border-radius: 50%;
    padding: 24% 0;}
.yin li p span{font-weight:bold;}

.wt {width:100%;padding-bottom: 1%;}
.tt{padding-top:5%;font-size:0.65rem;color:#eb2b79;font-weight:bold;margin:0 auto;text-align:center;}
.rd{width:98%;margin:3% auto;margin-left:2%;}
.rd li{width:44%;margin-right:2%;text-align:center;float:left;padding:2% 2%;background:#67c5db;font-size:0.35rem;color:#fff;margin-top:2%;border-radius:0.5rem;}
.rd li a{color:#fff;}

.zw{    padding: 1% 4%;
    background: #02a5cc;
    font-size: 18px;
    margin-top: 6%;
    color: #fff;
    width: 69%;}
.zw2{ padding: 1% 4%;
    background: #02a5cc;
    font-size: 18px;
   margin-top: 2%;
    color: #fff;
    width: 80%;
    float:right;
   }
.zw span{font-weight:bold;}
.zw2 span{font-weight:bold;}

.con4 dt{font-size: 18px;
    font-weight: bold;
    margin-top: 3%;
    margin-left: 5%;}
.con4 dl{    font-size: 16px;
    margin-top: 2%;
    margin-left: 5%;
    line-height: 23px;
}

.anniuqqq{font-size: 0.34rem;
    border-radius: 30px;
    background: #eb2b79;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin: 0 auto;
    padding: 3% 6%;
    display: block;
    margin-top: 6%;}

.anniu{font-size: 18px;
    border-radius: 30px;
    background: #eb2b79;
    text-align: center;
    color: #fff;
    font-weight: bold;
    width: 60%;
    margin: 0 auto;
    padding: 3% 6%;
    display: block;
    margin-top: 6%;}
.anniu2{    font-size: 16px;
    border-radius: 30px;
    background: #eb2b79;
    text-align: center;
    color: #fff;
    font-weight: bold;
    width: 46%;
    padding: 3% 3%;
    display: block;
    margin-top: 6%;
    float: left;
    margin-left: 5%;
    margin-right: 2%;}
.anniu3{font-size: 16px;
    border-radius: 30px;
    background: #fff33f;
    text-align: center;
    color: #292929;
    font-weight: bold;
    width: 26%;
    margin: 0 auto;
    padding: 3% 6%;
    display: block;
    margin-top: 6%;float: left;}
.anniu3 a{color: #292929;}
	
.anniu4{width: 100%;
    background: #02a5cc;
    color: #fff33f;
     font-weight: bold;
    font-size: 21px;
    padding: 3% 9%;
    margin-top: 5%;}
}
	
.ztmb-kyj-zj{float:left; width:100%;}
.zjUl{ width:100%; height:40px; border-top:1px solid #ccc; margin:0 auto; border-left:1px solid #ccc;border-bottom: 1px solid #ccc;}
.zjUl li{ float:left; border-right:1px solid #ccc; display:block; text-align:center; width:19.7%; height:36px; cursor:pointer; padding-top:4px;}
.zjUl li span{ font-size:10px; color:#282a41;}
.zjUl li p{ font-size:15px; font-weight:bold;color:#282a41; line-height:2em;}
.zjinfo{  width:100%;margin:0 auto;}
.zjinfo a{ width:100%; display:block;}
.zjinfo img{ width:100%;}
.hoversa{ display:block;width:17%; height:40px; background-color:#DAD8EC;}
.zjUl li.hoversa p,.zjUl li.hoversa span{ color:#000;} 
.gxq ul{width: 98%;
    margin-left: 2%;
    margin-top: 7%;}
.gxq ul li{width:30%;margin-left:2%;float:left;}

.con5 li{width:45%; float: left; margin: 8% .5% 0% 3%;}
.con5 .co{padding-top: 2%; text-align: center; font-size: .3rem;color: #000;}
.con5 .click1{border-radius: .3em; padding: 2% 0; margin: 4% 0 0 4%; background: -webkit-linear-gradient(0deg, #f78e9d, #de495e); text-align: center;  color: #fff; font-size: .42rem; width:42%; font-weight: 700; box-shadow:.2em .2em 0 #f8dbdf;animation: updown 2s 0s ease both infinite; float: left}
.con5 .click2{border-radius: .3em; padding: 2% 0; margin: 4% 0 0 7%; background: -webkit-linear-gradient(0deg, #8499cd, #3354a5); text-align: center;  color: #fff; font-size: .42rem; width:42%; font-weight: 700; box-shadow:.2em .2em 0 #b7d1f0;animation: updown 2s 0s ease both infinite; float: left}

.con2con{position: relative; color: #fff; margin-top: 4%}
.con2con .pp1{font-weight: 700; top:32%; left: 38%; position: absolute; font-size: .36rem;}
.con2con .pp2{font-size: .3rem; line-height: 1.4em; top:36%; left: 38%; position: absolute; width:56%; font-weight: lighter}

.xxxpp{ display: block; width: 60.7%; left: 3%; top:28%; position: absolute}
.xxxpp .pp{font-size: .32rem; padding: 3% 0 0 0%; line-height: 1.6em; width:100%; color: #333;}
	
.nlpas{ font-size: 0.34rem; text-align: center; display: block; margin: 2% auto 0;}

.ccs{ font-size:0.32rem; line-height: 1.6em}

@media(min-width:320px){

.zjUl li{width:19.6%;}
.tx li{width: 47%;margin-left: 1%;}
.bt1 dt{font-size:21px;}
.yin li p{font-size: 15px;
    line-height: 20px;}
.anniu{font-size:17px;}
.anniu2{font-size:15px;}
.anniu3{font-size:15px;}
.zw{font-size:15px;}
.zw2{font-size:15px;}
.con4 dt{font-size:17px;}
.con4 dl{font-size:14px;}
.anniu4{font-size:18px;}
}
@media(min-width:360px){

@media(min-width:375px){

.tx li{width: 44%;margin-left: 3%;}
.sm dt{font-size: 14px;line-height: 22px;}
.bt1 dt{font-size:25px;}
.yin li p{font-size: 17px;
    line-height: 26px;}
.zw{font-size:18px;}
.zw2{font-size:18px;}
.anniu2{font-size:17px;}
.anniu3{font-size:17px;}
.con4 dt{font-size:18px;}
.con4 dl{font-size:16px;}
.anniu4{font-size:21px;}
}
@media(min-width:414px){
	
.zjUl li{width:19.6%;}
.tx li{width: 44%;margin-left: 3%;}
.bt1 dt{font-size:26px;}
.yin li p{font-size: 17px;
    line-height: 26px;}


}
@media(min-width:768px){


.zjUl{height:55px;}
.zjUl li{height:55px;}
.zjUl li p{font-size:24px;}
.zjUl li{width:19.8%;}

.anniu{font-size:33px;}
.anniu2{font-size:33px;}
.anniu3{font-size:33px;}
.bt1 dt{font-size:45px;}
.yin li p{font-size: 31px;
    line-height: 50px;}
.zw{font-size:33px;}
.zw2{font-size:33px;}
.anniu4{font-size:42px;}

}