@charset "utf-8";
/* CSS Document */
/*共用代码 */
html{ font-size:100px;}
body {font-family:微软雅黑;opacity:0;filter:alpha(opacity=0);font-size:0.01rem;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
li,ul,ol{ list-style:none}
a{ text-decoration:none}
i,em{ font-style:normal;}
.pr{ position: relative}
.pa{ position: absolute}
img{vertical-align: middle;width: 100%}
.in_block{ display: inline-block}
.p_block{ display: block}
.wi{max-width:640px; min-width:320px;font:0.01rem "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
.fl{ float: left}
.fr{ float: right}
.ov{ overflow:hidden}
.clearfix{ clear: both}
.font_no{  font-weight: normal}
.vem{vertical-align: middle}
.tc{ text-align: center}
.line30{line-height: 0.3rem}
.line35{line-height: 0.35rem}
.line40{line-height: 0.4rem}

.mr20{ margin-right: 0.2rem}
.pa10{ padding: 0.1rem}
.pa20{ padding: 0.2rem}
.paLR20{ padding: 0 0.2rem}
.paLR10{ padding: 0 0.1rem}
.pab30{ padding: 0 0 0.3rem}
.pat20{ padding-top: 0.2rem}
.patb10{ padding: 0.1rem 0}
.patb20{ padding-top: 0.2rem;padding-bottom: 0.2rem}

.col_w{ color: #fff}
.col_bl{ color: #383838}

.fz20{ font-size: 0.2rem}
.fz22{ font-size: 0.22rem}
.fz24{ font-size: 0.24rem}
.fz27{ font-size: 0.27rem}
.fz30{ font-size: 0.3rem}
.fz32{ font-size: 0.32rem}
.fz45{ font-size: 0.45rem}

.auto{ margin:0 auto;}

.line{ width: 100%; height:0.42rem;}
.bg_pic_w{  background: url("../images/bg-w.png") repeat-x; background-size:3.12rem 0.42rem }
.p1-line{  background: url("../images/p1-line.jpg") repeat-x; background-size:3.12rem 0.42rem }
.p2-line{  background: url("../images/p2-line.png") repeat-x; background-size:3.09rem 0.42rem }

.ti em{ display: block; font-weight: normal}
.ti h3{ position: relative; display: inline-block}
.ti h3:after{ content: ""; display: block; width:0.91rem; height: 0.62rem; background:url("../images/mylike.png") no-repeat; background-size:cover;
	position: absolute; right:0; top:0.2rem
}
.ti i{ padding: 0.1rem 0; display: block}

.btn{  animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite}
.btn a{ color: #fff; padding: 0.1rem 0.3rem; border-radius: 0.5rem; background: #ff7676; font-size: 0.24rem;
	-webkit-box-shadow:0 0 0.1rem #999;
	-moz-box-shadow:0 0 0.1rem #999;
	box-shadow:0 0 0.1rem #999;
}
.btn a i{ width:0.13rem; display: inline-block; vertical-align: middle; margin-left: 0.1rem }

.banner{ padding-bottom: 0.7rem}
.banner a{ display: block; width: 2.25rem; position: absolute; bottom: -0.4rem; left: 0; right: 0; margin: 0 auto;
	animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite;
}
.p1 ul li h3{ font-size: 0.32rem; padding: 0.1rem 0}
.p1 ul li h3 i{ font-weight: normal; font-size: 0.24rem}
.p1 ul li{ width:32%; float: left; position: relative; padding-bottom: 0.5rem; margin-bottom: 0.8rem  }
.p1 ul li:not(:nth-last-child(1)){ margin-right: 2%}
.p1 ul li em{ display: block; width:1.48rem; height: 1.48rem; border-radius: 50%; overflow: hidden; border: 0.03rem solid #fff;
	position: absolute;; bottom: -0.5rem; left: 0.2rem;
}

.p2{ background: #e5eaf4}
.p2 dl dt{ width:3.94rem; float: right }
.p2 dl dd{ margin-left: 0.3rem; margin-top: 0.5rem}
.p2 ul li{ width: 2rem; float: left; border-radius: 0.1rem; background: #fff; margin-bottom: 0.1rem}
.p2 ul li h3{ font-size: 0.24rem; background: #a75cc1; padding: 0.1rem 0; text-align: center; color: #fff}
.p2 ul li i{ font-weight: normal; font-size: 0.13rem; display: block}
.p2 ul li span{ display: block;text-align: center; color: #787878}
.p2 ul li:nth-child(2) span{ font-size: 0.36rem}
.p2 ul li p{ color: #383838; padding: 0.2rem 0; line-height: 0.4rem; font-size: 0.3rem}
.p2 .line{ position: absolute; bottom: 0; left: 0}
.p2 dl dt a {  display: block;  width: 1.7rem;  height: 1.7rem;  background: #ff6c6c;  border-radius: 50%;
	border: 3px solid #e0ceff;  text-align: center;  color: #fff;
	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	position: absolute;  right: 0.2rem;  top: 70%;
	animation: bounce 2s infinite;  -webkit-animation: bounce 2s infinite;
}
.p2 dl dt p {  text-align: center;  display: block;  position: absolute;
	left: 0;  top: 50%;  right: 0;  margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.p2 dl dt p i {  display: block;  font-size: 0.36rem}

.p3{ position: relative;background: #c6b9db}
.p3 dl{ position: relative; margin-bottom: 0.3rem; }
.p3 dl:nth-last-child(1){ margin-bottom: 0}
.p3 dl dt{  width: 100%; height: 2.5rem; position: relative}
.p3 dl dt div{position: absolute; left: 0; top:0;}
.p3 dl dt .p3-pic{ width: 45%}
.p3 dl dt .text{ width: 50%; padding-top: 0.5rem}
.p3 dl dd{ background: #fff;padding:2%; width: 93%; margin: 0 auto; position: relative; z-index: 2;
	box-shadow:
			rgba(100, 100, 100, 0.0470588) 0px 0px 1px, rgba(100, 100, 100, 0.0470588) 0px 4px 3px,
			rgba(100, 100, 100, 0.0470588) 0px 12px 6px, rgba(100, 100, 100, 0.0470588) 0px 24px 10px,
			rgba(100, 100, 100, 0.0470588) -1px 40px 15px, rgba(100, 100, 100, 0.0470588) -2px 61px 21px;
	-webkit-box-shadow:
			rgba(100, 100, 100, 0.0470588) 0px 0px 1px, rgba(100, 100, 100, 0.0470588) 0px 4px 3px,
			rgba(100, 100, 100, 0.0470588) 0px 12px 6px, rgba(100, 100, 100, 0.0470588) 0px 24px 10px,
			rgba(100, 100, 100, 0.0470588) -1px 40px 15px, rgba(100, 100, 100, 0.0470588) -2px 61px 21px;
	-moz-box-shadow:
			rgba(100, 100, 100, 0.0470588) 0px 0px 1px, rgba(100, 100, 100, 0.0470588) 0px 4px 3px,
			rgba(100, 100, 100, 0.0470588) 0px 12px 6px, rgba(100, 100, 100, 0.0470588) 0px 24px 10px,
			rgba(100, 100, 100, 0.0470588) -1px 40px 15px, rgba(100, 100, 100, 0.0470588) -2px 61px 21px;
}
.p3 dl dd h3{ font-weight: normal; padding: 0.2rem 0}
.p3 dl dd ul li{ width: 49%; float: left}
.p3 dl dd ul li:nth-child(1){  margin-right: 2%;}
.p3 dl dd ul li p{ line-height:0.3rem; padding: 0.1rem 0}
.p3 dl dd ul li p i{ color: #904fff}

.p4{ background: #757b9b;}
.p4 .con{ padding-top: 0.75rem}
.p4 ul{ position: absolute; left: 0; top:0; width: 100%}
.p4 ul li{ width: 1.6rem; height: 1.6rem; text-align: center; border-radius: 50%; position: absolute  }
.p4 ul li:nth-child(1){ background: #f6dade}
.p4 ul li:nth-child(2){ background: #f6e7da}
.p4 ul li:nth-child(3){ background: #daeaf6}
.p4 ul li:nth-child(4){ background: #ddffff; width: 1.8rem; height: 1.8rem}
.p4 ul li:nth-child(5){ background: #f9e3ff}
.p4 ul li p{ text-align: center;padding: 0.1rem;
	display: block; position: absolute; left: 0; top: 50%; right: 0; margin: 0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.p4 ul li:nth-child(1){ left: 0.46rem; top:0}
.p4 ul li:nth-child(2){ left: -0.1rem; top:1.87rem}
.p4 ul li:nth-child(3){ left: 0.46rem; top:3.56rem}
.p4 ul li:nth-child(4){ right:0.46rem; top:0}
.p4 ul li:nth-child(5){ right: 0;  top:1.87rem}
.p4 .con a {  display: block;  width: 1.7rem;  height: 1.7rem;  background: #ff6c6c;  border-radius: 50%; z-index: 9; font-size: 0.26rem;
	border: 3px solid #e0ceff;  text-align: center;  color: #fff;
	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	position: absolute;  right: 0.2rem;  top: 70%;
	animation: bounce 2s infinite;  -webkit-animation: bounce 2s infinite;
}
.p4 .con a p {  text-align: center;  display: block;  position: absolute;
	left: 0;  top: 50%;  right: 0;  margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.p4 .con a p i {  display: block;  font-size: 0.36rem}
.p4 .line{ position: absolute; bottom: 0; left: 0; width: 100%}

.p5 .con .btn{ position: absolute; bottom: 5%; right: 0}
.p5 .list{ background: #757b9b; padding: 5% 0 10%}
.p5 .list a{ color: #fff}
.p5 .list h3{ text-align: center; line-height: 0.5rem; font-size: 0.21rem}
.p5 .sp5{ height: 2.8rem;}
.p5 .sp5 .title{ padding: 0 5%}
.p5 .line{ position: absolute; bottom: 0; left: 0; width: 100%}

.p6 {  background: #f0f0f0;}
.p5 .ti em,.p6 .ti em{ display: inline-block !important;}
.p6 .sp2{ height: 6.44rem}
.p6 .swiper-slide{ position: relative}
.p6 .swiper-slide span{ display: block; position: absolute; top:0; left: 0; padding: 0.55rem 0 0 0.3rem; width: 3.4rem }
.p6 .swiper-slide a{ color: #5e5e5e}
.p6 .swiper-slide span h3{ font-size: 0.68rem; font-weight: normal; padding: 0 0.1rem 0.1rem 0; color: #0a2870}
.p6 .swiper-slide span i{ padding-left: 0.2rem}
.p6 .swiper-slide span em{ font-size: 0.3rem}
.p6 .swiper-slide span ul li{ width: 45%; float: left; font-size: 0.18rem; text-align: center; color:#000; line-height: 0.25rem}
.p6 .swiper-slide span ul li:not(:nth-last-child(1)){ margin-right: 5%}
.p6 .swiper-slide .ljzj{ position: absolute; right:5%;top:50%;  }

.p6 .swiper-slide2 span ul li:nth-child(1){ width:50% }
.p6 .swiper-slide2 span ul li:nth-child(2){ width:40% }
.p6 .zj ul li{ width: 33.33%; float: left; text-align: center}
.p6 .zj ul li a{ color: #000}
.p6 .zj ul li img{ width: 1.68rem; height: 1.7rem; border-radius: 50%; margin-bottom: 5%}
.p6 .zj ul li i{ color: #0a2870}
.p6 .zj .zj-tel a{ display: inline-block;color: #202020; padding: 0.1rem 0.2rem; border: 1px solid #878787; margin:0.2rem 0}

.p7 ul li{ width: 1.4rem; height: 1.4rem; display: inline-block; background: #bda8de; border-radius: 50%; position: relative;}
.p7 ul li:not(:nth-last-child(1)){ margin-right: 0.15rem}
.p7 ul li a{ color: #fff; display: block; width: 100%; height: 100%}
.p7 ul li p{
	display: block; position: absolute; left: 0; top: 50%; right: 0; margin: 0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}

.p8 .title{ text-align: center; padding: 0.1rem;}
.p8 .title a{ display: block; background: #fff; color: #393939;
	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
}
.p8 .title span{display: block; padding: 5% 0}
.p8 .sp8{ height: 3rem}

.pagination{  width: 100%;  text-align: center; position: relative; z-index: 5  }
.pagination .swiper-pagination-switch{
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin:0 0.05rem;
	width:0.2rem;
	height: 0.2rem;
	opacity: 1;
	cursor: pointer;
	overflow: hidden;
	 background: #a6a6a6;
}
.pagination .swiper-active-switch{  opacity: 1;  background-color: #fff;  }
.p6 .pagination .swiper-active-switch{   background-color: #ff7676 !important;  }

@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,-4px,0)}}


.move{
	-webkit-animation: movement 3s linear normal both infinite;
	-o-animation: movement 3s linear normal both infinite;
	animation: movement 3s linear normal both infinite;
}
.move1{
	-webkit-animation: movement1 3s linear normal both infinite;
	-o-animation: movement1 3s linear normal both infinite;
	animation: movement1 3s linear normal both infinite;
}
.move2{
	-webkit-animation: movement2 3s linear normal both infinite;
	-o-animation: movement2 3s linear normal both infinite;
	animation: movement2 3s linear normal both infinite;
}
.move3{
	-webkit-animation: movement3 3s linear normal both infinite;
	-o-animation: movement3 3s linear normal both infinite;
	animation: movement3 3s linear normal both infinite;
}

@keyframes movement {
	0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
	75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes movement {
	0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
	75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@keyframes movement1 {
	0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
	75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@-webkit-keyframes movement1 {
	0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
	75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
	100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@keyframes movement2 {
	0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}
@-webkit-keyframes movement2 {
	0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
	25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
	50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}

@keyframes movement3 {
	0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
	25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
	50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}
@-webkit-keyframes movement3 {
	0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
	25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
	50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
	75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
	100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}



@-webkit-keyframes pan-ripple {
	0% {-webkit-transform:scale(1);opacity:0;}
	30% {-webkit-transform:scale(1.1);opacity:1;}
	100% {-webkit-transform:scale(1.4);opacity:0;}
}
.wrap-ripple{z-index:99999;position:fixed;width:50px;height:50px;padding:8px;}
/*.s-ripple{z-index:99999;width:50px;height:50px;padding:8px}*/


.ljzj .s-ripple i {
	position:absolute;
	width:0.96rem;
	height:0.96rem;
	line-height:normal;
	border-radius:50%;
	border:1px solid #fe4d29;
	box-sizing:border-box;
}
.ljzj .ripple {
	background:#fe4d29;
	color:#fff;
	font-size:0.24rem;
	text-align:center;
	font-style:normal;
	padding-top:13%;
	opacity:.8;
}
.ljzj .ripple-a {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-animation:pan-ripple 2s linear infinite;
	animation:pan-ripple 2s linear infinite;
}
.ljzj .ripple-b {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-animation:pan-ripple 1s linear infinite;
	animation:pan-ripple 1s linear infinite;
}
.ljzj .s-ripple {
	z-index:99999;
	/*position:fixed;*/
	width:0.96rem;
	height:0.96rem;
	display:block;
	transform-origin: 0px 0px 0px;
	transform: scale(1, 1);
	top: 40%;
	right:15px;
}