@charset "utf-8";
/* CSS Document */
/*共用代码 */
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;
	vertical-align: baseline;
	list-style-type: none;

}
html{ font-size:100px;}
body {font-family:微软雅黑;font-size:0.01rem;}

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%}
.tc{ text-align: center}
.fl{ float: left}
fr{ float: right}
.ov{ overflow:hidden}

.wi{ margin: 0 auto; max-width: 640px; min-width: 320px; font:0.01rem 微软雅黑;}
.paLR20{ padding: 0 0.2rem}
.patb20{ padding: 0.2rem 0}
.patb10{ padding: 0.1rem 0}
.pat20{ padding-top:0.2rem}
.patb40{ padding: 0.4rem 0}
.pa20{ padding: 0.2rem}
.pa10{ padding: 0.1rem}
.pa40{ padding: 0.4rem 0.2rem}
.mr20{ margin-right: 0.2rem}

.fz20{ font-size: 0.2rem}


.ti p{ color: #000; text-align: center; line-height: 0.4rem; font-size: 0.25rem}

.btn a{ display: inline-block; padding: 0.1rem 0.2rem; background: #ff6a74; color: #fff; font-size: 0.34rem;
	background: -webkit-linear-gradient(left,  #ffaf3f , #ff6875); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,  #ffaf3f , #ff6875); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,  #ffaf3f , #ff6875); /* Firefox 3.6 - 15 */
background: linear-gradient(to right,#ffaf3f , #ff6875); border-radius: 0.2rem
}

.banner a{ display: block; width:1.26rem; position: absolute; left: 1.2rem; bottom: 0 }

.p1{ background: #2c2551}
.p1 ul{ padding: 0.2rem 0.2rem 0.4rem; overflow:hidden}
.p1 ul li{ width: 32%; float: left; background: #303030; font-size: 0.17rem; color: #fff; text-align: center; line-height: 0.4rem}
.p1 ul li i{ font-size: 0.25rem;}
.p1 ul li:not(:nth-last-child(1)){ margin-right: 2%}
.p1 ol{ width: 2.3rem; position: absolute; right:0.7rem; top:0}
.p1 ol li{ width: 1.22rem; height: 1.22rem; background: #ff733e; border-radius: 50%; text-align: center; 
	color: #fff; position: relative}
.p1 ol li:nth-child(2){ background: #ffab42}
.p1 ol li:nth-child(3){ background: #01b7aa}
.p1 ol 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%); 
}
.p1 ol li{ position: absolute; left: 0; top:0}
.p1 ol li:nth-child(2){ left: auto; right:0;z-index: 2}
.p1 ol li:nth-child(3){ left:0.57rem; top:0.84rem;z-index: 3}
.p1 .btn{ position: absolute; width: 100%; top:2.4rem; left: 0}

.p2{ background: #2c2551; color: #fff}
.p2 .ti{ position: absolute; top:-1rem; left: 0}
.p2 .con h3{ font-size: 0.41rem; font-weight: normal; text-align: center}
.p2 .con p{ text-indent: 2em; padding: 20px 0 0; line-height: 0.35rem}
.p2 dl{ position: relative}
.p2 dl dt{ line-height: 0.45rem; background: #2c2551; font-size:0.3rem; text-align: center;
	position: absolute; top:0.2rem; left: 0;right:0; margin: 0.1rem auto 0; width: 5rem; 
}
.p2 .btn{ position: absolute; top:0.8rem; left: 0; width: 100%}

.p3{ background:url(../images/line2.jpg) no-repeat bottom center #2c2551; background-size:6.4rem 2.94rem; padding:0.9rem 0 1rem }
.p3 .ti{ position: absolute; top:-0.4rem; left:0}
.p3 .ti p{ color: #fff}
.p3 .sp3{ padding: 0.3rem 0}
.p3 .title{ position: relative}
.p3 .text{ display: block; width: 2.7rem; position: absolute; right:0; top:2.3rem; color: #fff; 
	font-size: 0.23rem; line-height: 0.35rem}

.p4{ background: #bcbdd2}
.p4 ul { overflow: hidden; padding: 0.3rem 0 0}
.p4 ul li{ width: 3.1rem; float: left; background: #f4f4f4; position: relative; margin-bottom: 0.4rem}
.p4 ul li:nth-child(odd){ margin-right: 0.2rem}
.p4 ul li i{ font-size: 0.63rem; padding-left: 0.1rem}
.p4 ul li em{ border-bottom: 1px solid #341646}
.p4 ul li p{ text-align: center; padding: 0.1rem 0; line-height: 0.35rem}
.p4 ul li p:nth-child(2){ font-size: 0.3rem; color: #ffa645}
.p4 ul li p:nth-child(3){ font-size: 0.2rem; color: #6f6f6f}
.p4 ul li .btn{position: absolute; bottom:-0.2rem; left:0; width: 100%}
.p4 ul li .btn a{ font-size: 0.2rem; }
.p4 ul li sup{ font-size: 0.2rem; vertical-align: text-top}
.p4 ul li font{ font-size: 0.25rem}

.p5 .ti{ position: absolute; top:0.6rem; left: 0}

.p6{ background:url(../images/p6-bg.jpg) no-repeat top center #2c2551; background-size:6.4rem 4.55rem;  padding: 0.8rem 0 0.3rem}
.p6 .ti p{ color: #fff}
.p6 .swiper-slide .title{ position: relative}
.p6 .swiper-slide .title .text{ width: 3.5rem; position: absolute; top:0; right:0; color: #fff}
.p6 .text{ padding-top: 0.5rem}
.p6 .text h3{ font-size: 0.5rem; font-weight: normal}
.p6 .text em{ display: inline-block; padding: 0.1rem; border: 1px solid #fff; background: #240435; 
	font-size: 0.24rem; margin: 0.1rem 0}
.p6 .text .db{ font-size: 0.18rem; line-height: 0.3rem}
.p6 .text ul { padding: 5% 0; overflow: hidden}
.p6 .text ul li{ width: 48%; float: left; position: relative}
.p6 .text ul li p{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff;
	background: rgba(0,0,0,0.5); font-size: 0.15rem; line-height: 0.35rem}
.p6 .text ul li:nth-child(1){ margin-right: 2%}

.p7{ background: #bbbccf}
.p7 .title{ color: #fff; position: relative; 
	line-height: 0.35rem; padding: 0.1rem 0.1rem 0.4rem 0.1rem}
.p7 .title .text{ padding: 0.1rem 0.1rem 0.4rem; background: #2c2551;}
.p7 .btn { position: absolute; width: 100%; bottom: 0.1rem; left: 0}
.p7 .btn a{ border-radius: 0.5rem; font-size: 0.27rem}
.p7 .title .text p:nth-child(2){ font-size:0.22rem }
.p7 .title .text p:nth-child(3){ font-size: 0.18rem}

.p8{ background: url(../images/p8-bg.jpg) no-repeat; background-size:cover}
.p8 ul{ padding: 0.4rem; overflow: hidden}
.p8 ul li{ width: 2.52rem; height: 2.52rem; border-radius: 50%; background: #075595; text-align: center; 
	position: relative; float: left; margin-bottom: 0.2rem}
.p8 ul li:nth-child(2){ background: #d61313}
.p8 ul li:nth-child(3){ background: #00d8cf}
.p8 ul li:nth-child(4){ background: #ff814f}
.p8 ul li p{ font-size: 0.34rem;
	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 ul li a{ color: #fff; display: block; height: 100%}
.p8 ul li:nth-child(odd){ margin-right: 0.5rem}
.p8 ul li::before,.p8 ul li::after{ content:""; width: 0.46rem; height: 0.38rem; background: url(../images/L-sy.png) no-repeat; 
	background-size:cover; position: absolute; left: 0.6rem; top:0.3rem}
.p8 ul li::after{ left: auto; right:0.6rem;top:auto; bottom:0.3rem;transform:rotate(180deg)}

.p9{ background: url(../images/p9-bg.jpg) no-repeat; background-size:cover}
.p9 .title{ padding: 0.1rem}
.p9 .title .text{ background: #2c2547; color: #fff; text-align: center; padding: 0.1rem 0}
.p9 .title h3{ font-size: 0.28rem; line-height: 0.5rem}
.p9 .title p{ color: #d2d2d2; font-size: 0.22rem}

.pagination {text-align: center;width: 100%;}
.swiper-pagination-switch {
	display: inline-block;
	width: 0.24rem;
	height: 0.24rem;
	border-radius: 50%;
	background: #e5e5e5;
	margin: 0 0.03rem;
	cursor: pointer;
}
.swiper-active-switch {background: #ff733e}

/*视频弹窗的样式*/
.videoBox{width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);position: fixed;left: 50%;top: 50%;z-index: 999;display: none;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.videoBox.show{display: block;}
.videoBox .videoPlay{width:6rem;height: 3.2rem;position: absolute;left: 50%;top: 50%;z-index: 999;background-color: #000;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)}
.videoBox .close{position: absolute;right: 20px;top: 20px;cursor: pointer;width: 0.52rem;height: 0.52rem;}