@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;



}



input{ outline: none; /*display: block*/}

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;}

.p_pr{ position: relative}

.p_pa{ position: absolute}

body img{vertical-align: middle;width: 100%}

.p_fl{ float: left}

.p_fr{ float: right}

.p_hide{ overflow: hidden}

.normal{ font-weight: normal}

.tc{ text-align: center}

.pa15{ padding: 0.15rem 0.15rem 0 0.15rem}

.pa20{ padding: 0.2rem}

.patb10{ padding: 0.1rem 0}

.patb20{ padding: 0.2rem 0}
.patb30{ padding: 0.3rem 0}

.pab20{ padding-bottom: 0.2rem }

.paLR10{ padding: 0 0.1rem}

.mr45{ margin-right: 0.45rem}

.font20{ font-size: 0.2rem}

.font22{ font-size: 0.22rem}

.font24{ font-size: 0.24rem}

.font26{ font-size: 0.26rem}

.font28{ font-size: 0.28rem}

.font30{ font-size: 0.3rem}

.font36{ font-size: 0.36rem}

.line30{ line-height: 0.3rem}

.line35{ line-height: 0.35rem}

.line40{ line-height: 0.4rem}

.bg_vio{ background: #7177c1}

.bg_vio1{ background: #8da8d5}

.col_w{ color: #fff}

.col_333{ color: #333}

.col_ccc{ color: #ccc}



.warp{ max-width: 640px; min-width: 320px; margin: 0 auto;}



.btn a{ display: inline-block; padding: 0.1rem 0.5rem; background: #ffcc66; border-radius: 0.5rem; font-size: 0.3rem; color: #333}



.footer{  padding: 0.25rem 0; line-height: 0.4rem;text-align: center;color: #fff;font-size: 0.22rem;color: #cccccc;
    background-color: #1f1e22;
}


.bfooter {

	margin: 0 auto;

	max-width: 6.4rem;

	overflow: hidden;

	position: relative;

}

.dingBu ul{padding: 0.1rem 0;background-color: #8c683a;}

.dingBu ul li{float: left;width: 33.333%;text-align: center;color: #f7fbf7;

	font-size: 0.18rem;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.dingBu ul li:not(:last-of-type){border-right: 1px solid #65462e;}

.dingBu ul li:not(:first-of-type){border-left: 1px solid #a2845f;}



.header{ overflow: hidden;

	background:#22293c;

	background:-moz-linear-gradient(top, #2e3751, #1e2334);

	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#2e3751), to(#1e2334));

	background:-o-linear-gradient(top, #2e3751, #1e2434);

}

.header .logo{ width:3.74rem; margin-left: 0.3rem }

.header i{ width: 0.53rem; height: 0.35rem; background: url("../images/menu_ico_1.png") no-repeat; background-size:cover;

	position: absolute;top:0.25rem; right: 0.45rem;

}

.news a{color:#fff;}

.news{ background: #cccccc;}

.news dl{ background: #71539d; padding: 0.15rem}

.news dl dt{ width: 0.71rem; border-right: 1px solid #777268; margin-right: 0.1rem; padding:0.05rem 0.1rem 0 0; position: relative; overflow: hidden }

.news dl dt i{

	content:"";  position: absolute;  left: 0;  top: 0;  width: 1rem;  height: 0.2rem;

	background-color: rgba(255,255,255,.2);

	-webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg); }

.news dl dd{height: 0.66rem;overflow: hidden;}

/*.news dl dd .swiper-nested{height: 0.66rem;overflow: hidden;}*/

.news dl dd .swiper-nested .swiper-slide{width: 5.18rem!important;}

.searchLights{	-webkit-animation: searchLights 1s ease-in 1s infinite;  -o-animation: searchLights 1s ease-in 1s infinite;  animation: searchLights 1.5s ease-in 1s infinite; }

@-webkit-keyframes searchLights {

	0% { left: 0; top: 0; }

	to { left: 0.5rem; top: 0.5rem; }

}

@-o-keyframes searchLights {

	0% { left: 0; top: 0; }

	to { left: 0.5rem; top: 0.5rem; }

}

@-moz-keyframes searchLights {

	0% { left: 0; top: 0; }

	to { left: 0.5rem; top: 0.5rem; }

}

@keyframes searchLights {

	0% { left: 0; top: 0; }

	to { left: 0.5rem; top: 0.5rem; }

}

.news dl dd i{ color: #ec6ec2; margin-right: 0.05rem}



.menu_nav {background-color: #f8f8f8;}

.menu_nav ul{ padding: 0.4rem 0.05rem 0.2rem; text-align: center; overflow: hidden}

.menu_nav ul li{width: 1.22rem; margin-bottom:5%; margin-right: 0.04rem;  /*display: inline-block;*/float: left;}

.menu_nav ul li p{height: 0.3rem;line-height: 0.3rem;}

.menu_nav ul li.six{font-size: 0.18rem;}

.menu_nav ul li:nth-child(5),.menu_nav ul li:nth-child(10){ margin-right: 0}

@media screen and (max-width: 340px){.menu_nav ul li{ margin-right: 0.3rem}  }

.menu_nav ul li i{ overflow:hidden; width: 0.84rem; height: 0.84rem; display: inline-block; background: #6f5499;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	position: relative;	/*-webkit-filter:drop-shadow(0.03rem 0.02rem 0.02rem #ccc);

	filter:drop-shadow( 0.03rem 0.02rem 0.02rem #ccc);*/ }

.menu_nav ul li a{ color: #333}

.menu_nav ul li a:hover{-webkit-tap-highlight-color: transparent;}

.menu_nav ul li img{ display: inline-block; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:auto;

	/*-webkit-filter:drop-shadow(0.015rem 0.02rem 0.01rem #a3a3a3);

	filter:drop-shadow( 0.015rem 0.02rem 0.01rem #a3a3a3);*/

}

.menu_nav ul li:nth-child(1) img{ width: 0.48rem}  .menu_nav ul li:nth-child(2) img{ width: 0.46rem}

.menu_nav ul li:nth-child(3) img{ width: 0.52rem}  .menu_nav ul li:nth-child(4) img{ width: 0.59rem}

.menu_nav ul li:nth-child(5) img{ width: 0.48rem}  .menu_nav ul li:nth-child(6) img{ width: 0.66rem; /*height: 0.75rem; overflow: hidden;*/ /*-moz-border-radius: 50%; /!* Firefox *!/

  -webkit-border-radius: 50%; /!* Safari 和 Chrome *!/

  border-radius: 50%; *//* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}

.menu_nav ul li:nth-child(7) img{ width: 0.44rem}  .menu_nav ul li:nth-child(8) img{ width: 0.46rem}

.menu_nav ul li:nth-child(9) img{ width: 0.48rem}  .menu_nav ul li:nth-child(10) img{ width: 0.48rem;filter:none;-webkit-filter:none}



/* 左滑菜单 star */

nav#menu { zoom: 1; position: fixed; width: 2.6rem; right: -2.8rem; font-size: 0.24rem; height: 100%;background: #444544; z-index: 999; top: 0; z-index: 200; -webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}

nav#menu .menus{ margin: 0.4rem 0; width: 100%; position: relative}

nav#menu ul {  height: 100%;  overflow: auto; line-height: 0.8rem;background: #444544;}

nav#menu ul.menu_btn_box {margin-bottom: 170%;}

nav#menu ul li {  border-bottom: 1px solid #9f9f9f;}

nav#menu ul li i{ display: block;padding-left: 0.4rem;}

nav#menu ul li a { color: #fff;  }

nav#menu ul li a.xl{ display: block; background: url(../images/btn_m_down.png) center no-repeat;background-size: 0.14rem 0.11rem;}

nav#menu ul li.on a.xl {  background: url(../images/btn_m_up.png) center no-repeat;  background-size: 0.14rem 0.11rem;  }

nav#menu ul .submenu { box-sizing: border-box;background: #444544; display: none }

nav#menu ul .submenu li { border-bottom: 1px solid #9f9f9f;padding-left:0.4rem; }

nav#menu ul .submenu li:last-child { border-bottom: none }

nav#menu ul .submenu li a {  font-size: 0.22rem; line-height: 0.8rem; background: none; display: block}

nav#menu ul .submenu li a:hover, nav#menu ul .submenu li a.on {color: #e1ca98; }

nav#menu .m_close { position: absolute; top: 0; left: -51px; }

nav#menu .m_close img { width: 51px; height: 51px; }

nav#menu ul .submenu li .new { margin: 0 0 0 3px }

nav#menu ul .submenu li .new img { width: 15px; height: 15px; }

.shadow_nav {position: fixed;top: 0;left: 0;z-index: 199;width: 100%;height: 100%;background:rgba(0,0,0,0.5);display: none;}

#scroller {  position: absolute;  z-index: 1;  -webkit-tap-highlight-color: rgba(0,0,0,0);  width: 100%;

	-webkit-transform: translateZ(0);  -moz-transform: translateZ(0);  -ms-transform: translateZ(0);

	-o-transform: translateZ(0);  transform: translateZ(0);  -webkit-touch-callout: none;  -webkit-user-select: none;

	-moz-user-select: none;  -ms-user-select: none;  user-select: none;

	-webkit-text-size-adjust: none;  -moz-text-size-adjust: none;  -ms-text-size-adjust: none;

	-o-text-size-adjust: none;  text-size-adjust: none;  }

/* 左滑菜单 end */



.banner .banPage{position: absolute;left: 0;bottom: 0;}



.xnYH .ti{padding: 0.2rem 0;border-bottom: 2px solid #f8f8f8;}

.xnYH {background-color: #fff;padding: 0 0.16rem;}

.xnYH  .sliderIn{width:1.67rem;padding: 0.3rem 5px;position: relative;}

.xnYH  .sliderIn i{position: absolute;width: 0.43rem;right: 0;top: 0.1rem;}

.warp .ti{ color: #333;}
.warp .ti h3{ padding-bottom: 1%;}
.warp .ti p{ font-size:0.28rem;}
.warp .ti i{ display: inline-block; line-height:0.25rem; font-size: 0.15rem; border-top:1px solid #c7c7c7;
	border-bottom:1px solid #c7c7c7; margin:2% 0;
}
.warp .ti span{ display: block; font-size:0.22rem; line-height:1.5;}


.p1{overflow:hidden; color:#52505e;padding-bottom: 0.4rem;}

.p1 .tt1{ text-align:center; font-size:0.3rem; line-height:0.28rem; padding:0.28rem 0;}
.p1 .tt0{font-size:0.24rem;  padding:0.28rem 0 0.28rem 0.5rem;
	background: url(../images/ico15.png) no-repeat 0.5rem center; background-size:0.44rem 0.44rem;
}
.p1 .tt2{font-size:0.24rem;  padding:0.28rem 0 0.28rem 0.5rem;
	background: url(../images/ico16.png) no-repeat 0.5rem center; background-size:0.44rem 0.44rem;
}

.p1 .tt1 span{ color:#f49c8e; font-family:Arial, Helvetica, sans-serif}

.p1 .p1box{ margin:0 auto; width:6.2rem; overflow:hidden}

.p1 .list{ display:table; float:left; width:25%;position:relative; padding:5% 0;background:#8369a9}

.p1 .list:hover{-webkit-tap-highlight-color: transparent;}
.p1 .list i{ display: block; width:0.75rem; margin:3% auto;}
.p1 .list p{font-size:0.25rem; line-height:0.32rem; color:#fff; vertical-align:middle;text-align: center;}

.p1  .list .hot{ position:absolute; right:0.11rem; top:0.18rem; width:0.35rem; height:0.25rem; background-image:url(../images/hot1.png); background-size:0.35rem 0.25rem; font-size:0.14rem; text-align:center; line-height:0.2rem; color:#fff;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
}
.p1  .list .hot1{ width:0.75rem; height:0.25rem;background-image:url(../images/hot2.png); background-size:cover; }
.p1 .list .starico{ display: block; width:0.62rem; height:0.62rem;background-image:url(../images/starico.png); 
	background-size:cover; position: absolute; right:0; top:5%; z-index:2;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
}
.p1  .list .y{ position:absolute; right:0.15rem; bottom:0.15rem; width:0.2rem;

}

.p1  .list:nth-of-type(1),.p1  .list:nth-of-type(3),.p1 .list:nth-of-type(6),.p1  .list:nth-of-type(8){background:#71539d}




.p1 .db a:nth-child(odd){ background: #797a84 !important;}

.p1 .db a:nth-child(even){ background: #4f505d !important;}



.p1 .p1box2{ margin:0 auto; width:6.2rem; overflow:hidden}

.p1 .p1box2 .box{ width:3.06rem; overflow:hidden}

.p1 .p1box2 .list{ display:table; float:left; width:50%; height:1.14rem; position:relative; }

.p1 .p1box2 .bg1{background:#71539d}

.p1 .p1box2 .bg2{background:#8369a9}



@-webkit-keyframes flipInXt{

	0%{-webkit-transform:perspective(400px) rotateX(90deg);

		opacity:1}

	40%{-webkit-transform:perspective(400px) rotateX(-10deg)}

	70%{-webkit-transform:perspective(400px) rotateX(10deg)}

	100%{-webkit-transform:perspective(400px) rotateX(0deg);

		opacity:1}

}

@keyframes flipInXt{

	0%{transform:perspective(400px) rotateX(90deg);

		opacity:1}

	40%{transform:perspective(400px) rotateX(-10deg)}

	70%{transform:perspective(400px) rotateX(10deg)}

	100%{transform:perspective(400px) rotateX(0deg);

		opacity:1}

}



#scroller1{overflow: hidden;padding-top: 0.2rem;}

#scroller1 li{float: left;width: 0.7rem;text-align: center;font-size: 0.2rem;margin: 0 0.08rem;}

#scroller1 li span{width: 1rem;height: 1rem;overflow: hidden;display: block;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

#scroller1 li.on span .dot1{display: none;}

.p0{ padding:0 4% 5%}
.p0 .ti{ padding-bottom:5%}
.p0 .con{ font-size:0.2rem; position: relative;text-align: center; }
.p0 .con p{ display:block; position: absolute; right:0; top:0.4rem; width:50%;color: #3a3a3a; line-height:1.8; padding:0 2%; text-align: left;}
.p0 .con i{ display: block; padding:0 5%; color: #fff; position: absolute; bottom:5%; left:0; line-height:1.3;width:90%;}
.p0 ul{  display: flex; display: -webkit-flex; justify-content:space-around; padding:5% 0}
.p0 ul li{width:24%; text-align: center; padding:5% 0; line-height:1.5;
	background: url(../images/kuang.png) no-repeat; background-size:cover; color: #fff;
}
.p0 a{ display: block; width:70%; margin:0 auto; border: 0.02rem solid #d19f34;
	 border-radius:0.5rem; text-align: center; line-height:0.5rem; font-size:0.28rem; color: #ca972f;
}


.p2{background-color: #fff;}

.p2 .sp2{ height: 6.41rem}

.p2 .sp2 .swiper-slide{ position: relative}

.p2 .sp2 .swiper-slide .pa15{ position: relative;}



.p2 .sp2 .swiper-slide a{ display: block; color: #fff;position: relative;z-index: 3;}

/*.p2 .sp2 .swiper-slide img{

	-webkit-box-shadow:0 0 0.1rem #ccc;

	-moz-box-shadow:0 0 0.1rem #ccc;

	box-shadow:0 0 0.1rem #ccc;

}*/

.p2 .sp2 .swiper-slide span{ display: block; position: absolute; top:0; left: 0; padding: 0.4rem 0 0 0.3rem; color: #fff }

.p2 .sp2 .swiper-slide span h3{ font-size: 0.36rem; font-weight: normal; padding-left: 0.2rem}

.p2 .sp2 .swiper-slide span i{ font-size: 0.3rem}

.p2 .sp2 .swiper-slide span p{ padding-left: 0.2rem}

.p2 .sp2 .swiper-slide span ul li{ width: 1.21rem; height: 0.96rem; font-size: 0.2rem; border-radius: 0.1rem;  margin-top: 0.2rem; margin-right: 0.1rem;  overflow: hidden;float: left; color: #fff; background: #7e7a71;position: relative}

.p2 .sp2 .swiper-slide span ul li p{  position: absolute;width: 100%;left: 0;top: 50%;padding-left: 0;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

}

.p2 .sp2 .swiper-slide .btn a{ width: 2.53rem;  background: #b69c6f; font-size: 0.24rem; padding: 0.08rem 0;

	color: #fff;-webkit-box-shadow:0 0 0.1rem #333;

	-moz-box-shadow:0 0 0.1rem #333;

	box-shadow:0 0 0.1rem #333; display: inline-block}

.warp .pagination {

	text-align: center;

	width: 100%;

	padding: 0.1rem 0;

}

.warp .swiper-pagination-switch {

	display: inline-block;

	width: 0.18rem;

	height: 0.18rem;

	border-radius: 50%;

	background: #999;

	margin: 0 0.03rem;

	cursor: pointer;

}

.warp .swiper-active-switch {
	background: #ad9c7f;
}

.p3{background-color: #f5f3f1;}

.p3 .sp3 .swiper-slide{ position: relative}

.p3 .sp3 .swiper-slide a{color:#fff;}

.p3 .sp3 .swiper-slide span{ display: block; position: absolute; top:0; left: 0; width: 100%; text-align: center; padding: 0.45rem 0 0 }

.p3 .sp3 .swiper-slide span h3{ font-size: 0.48rem; font-weight: normal}

.p3 .sp3 .swiper-slide span i{ display: inline-block; padding:0 0.3rem; position: relative; line-height: 0.35rem; background: #dddde3; margin: 0.2rem 0; font-size: 0.24rem;color: #333;}

.p3 .sp3 .swiper-slide span i:after{ content: ""; display: inline-block;width:0;  height:0;border-left:0.09rem solid transparent;

	border-right:0.09rem solid transparent;  border-top:0.09rem solid #dddde3; position: absolute; bottom: -0.09rem; left: 0; right: 0; margin: 0 auto }

.p3 .sp3 .swiper-slide span p.txt{color: #e6cfa1;}

.p3 .sp3 .swiper-slide .zx_btn{ width: 3rem; padding: 0.1rem 0; position: absolute; bottom: 0.4rem; left: 0; right: 0; margin: 0 auto;

	background: #ffcc69; border-radius: 0.5rem; font-size: 0.24rem; color: #333; text-align: center}

.p3 .sp3 .swiper-slide .zx_btn:after{ content: ""; display: inline-block;

	width:0;

	height:0; margin-left: 0.1rem;

	border-top:0.1rem solid transparent;

	border-bottom: 0.1rem solid transparent;

	border-left: 0.1rem solid #666; vertical-align: middle;

}

.p3 .sp3 .swiper-slide .anli{

	-webkit-box-shadow:0 0 0.1rem #666;

	-moz-box-shadow:0 0 0.1rem #666;

	box-shadow:0 0 0.1rem #666;

}

.p3 .sp3 .swiper-slide .ep{ width: 0.87rem; height: 0.87rem; border-radius: 50%; overflow: hidden; display: inline-block; padding-top: 0.05rem}

.casePart{background-color: #fff;}

.casePart .ti{padding: 0.2rem 0;}

.casePart .ti span{display: inline-block;width: 1.27rem;vertical-align: middle;margin-left: 0.1rem;margin-top: -0.18rem;}

.casePart .caseDot{position: relative;background-color: #797a84;height: 0.72rem;padding-left: 0.1rem;}

.casePart .caseDot ul{overflow: hidden;padding-top: 0.15rem;position: absolute;left: 0;top: 0;padding-left: 0.1rem}

.casePart .caseDot ul li{float: left;width: 0.92rem;color: #fff;box-sizing: border-box;text-align: center;height: 0.42rem;line-height: 0.42rem;font-size: 0.22rem;border:1px solid #797a84;}

.casePart .caseDot ul li.on{border-radius: 0.2rem;border:1px solid #ffe3c3;color: #ffe3c3;}

.casePart .caseDot a{position: absolute;height: 0.72rem;line-height: 0.72rem;width: 0.72rem;background-color: #797a84;right: 0;top: 0;text-align: center;font-size: 0.22rem;color: #ffe3c3;}

.casePart .casePart_bd{padding: 0.34rem 0 0;}

.casePart .casePart_bd .swiper-main{background-color: #fff;}

.casePart .casePart_bd  .sliderIn{display: block;position: relative;}

.casePart .casePart_bd  .case_top{height: 5.26rem;}

.casePart .casePart_bd  .case_top .tt{padding: 0.39rem 0 0.26rem 0.15rem;}

.casePart .casePart_bd  .case_top .tt img{width: auto;height: 0.92rem;}

.casePart .casePart_bd  .case_top .case_xingzuo{width: 2.34rem;font-size: 0.52rem;text-align: center;margin-left: 0.3rem;padding: 0.16rem 0;position: relative;}

.casePart .casePart_bd  .case_top .case_xingzuo i.jia::before,

.casePart .casePart_bd  .case_top .case_xingzuo i.jia::after{position: absolute;content: '+';font-size: 0.25rem;font-weight: bold;}

.casePart .casePart_bd  .case_top .case_xingzuo i.jia::before{top: 0;right: 0;}

.casePart .casePart_bd  .case_top .case_xingzuo i.jia::after{bottom: 0;left: 0;}

.casePart .casePart_bd  .case_top .case_xingzuo i.jian::before,

.casePart .casePart_bd  .case_top .case_xingzuo i.jian::after{position: absolute;content: '-';font-size: 0.25rem;}

.casePart .casePart_bd  .case_top .case_xingzuo i.jian::before{top: 0;left: 0;}

.casePart .casePart_bd  .case_top .case_xingzuo i.jian::after{bottom: 0;right: 0;}

.casePart .casePart_bd  .case_top .name{font-size: 0.24rem;padding-left: 0.6rem;}

.casePart .casePart_bd  .case_top p{padding: 0.1rem;color: #fff;margin-left: 0.15rem;font-size: 0.17rem;line-height: 1.6;margin-top: 0.1rem;position: relative;z-index: 2;display: inline-block;}

.casePart .casePart_bd  .case_top .tu{position: absolute;width: 3.64rem;height: 5.26rem;overflow: hidden;right: 0;top: 0;}

.casePart .casePart_bd  .case_top .tu span{position: absolute;width: 3.92rem;height: 5.34rem;right: 0;bottom: 0;display: none;}

.casePart .casePart_bd  .case_top .tu.teshuTu .old{position: absolute;right: 0;bottom: 0.2rem;width: 3.05rem;}

.casePart .casePart_bd  .case_top .tu.teshuTu span{width:2.96rem;height: 4.56rem;bottom: 0.2rem}

.casePart .casePart_bd  .csae_bom{padding: 0 0.15rem;}

.casePart .casePart_bd  .case_top.color_bg1 p{background-color: #e4b028;}

.casePart .casePart_bd  .case_top.color_bg1 .case_xingzuo span{color: #e4b028;}

.casePart .casePart_bd  .case_top.color_bg1 .case_xingzuo i.jia::after{color: #e4b028;}

.casePart .casePart_bd  .case_top.color_bg2 p{background-color: #449fa4;}

.casePart .casePart_bd  .case_top.color_bg2 .case_xingzuo span{color: #449fa4;}

.casePart .casePart_bd  .case_top.color_bg2 .case_xingzuo i.jia::after{color: #449fa4;}

.casePart .casePart_bd  .case_top.color_bg3 p{background-color: #dd7602;}

.casePart .casePart_bd  .case_top.color_bg3 .case_xingzuo span{color: #dd7602;}

.casePart .casePart_bd  .case_top.color_bg3 .case_xingzuo i.jia::after{color: #dd7602;}

.casePart .casePart_bd  .case_top.color_bg4 p{background-color: #2ca5d7;}

.casePart .casePart_bd  .case_top.color_bg4 .case_xingzuo span{color: #2ca5d7;}

.casePart .casePart_bd  .case_top.color_bg4 .case_xingzuo i.jia::after{color: #2ca5d7;}

.casePart .casePart_bd  .case_top.color_bg5 p{background-color: #e84366;}

.casePart .casePart_bd  .case_top.color_bg5 .case_xingzuo span{color: #e84366;}

.casePart .casePart_bd  .case_top.color_bg5 .case_xingzuo i.jia::after{color: #e84366;}

.casePart .casePart_bd  .case_top.color_bg6 p{background-color: #7965c6;}

.casePart .casePart_bd  .case_top.color_bg6 .case_xingzuo span{color: #7965c6;}

.casePart .casePart_bd  .case_top.color_bg6 .case_xingzuo i.jia::after{color: #7965c6;}

.btn {text-align: center;padding: 0.2rem 0;}
.btn a{background: none;border-radius: 0;border:0.02rem solid #000;color: #000;padding: 0.08rem 0.2rem;font-size: 0.25rem;position: relative;}
.btn a:nth-of-type(2){margin-left: 0.3rem;}
.btn a::before{content: '/';position: absolute;left: -0.06rem;top: 0.06rem;text-shadow: -0.02rem 0 0 #fff;}
.btn a::after{content: '/';position: absolute;right: -0.06rem;top: 0.06rem;text-shadow: 0.02rem 0 0 #fff;}

.p6{position: relative; overflow:hidden}
.p6 .p1{ padding-top:0.25rem; padding-bottom:0; font-size:0.3rem; color:#6251b3; text-align:center}
.p6 a{ display: block; width:30%; margin:0.25rem auto; background:#6251b3;
	border-radius:0.5rem; text-align: center; line-height:0.55rem; font-size:0.28rem; color: #fff;}

.p7 .con{ padding:0 2%}
.p7 .con li{ position: relative;}
.p7 .con li span{ padding:4% 0; text-align: center; position: absolute; bottom:0; left:0; width:100%;
	display: flex; display:-webkit-flex; justify-content:center; align-items: center;
	color:#fff;
	background:rgba(0,0,0,0.5);
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8));
	background: -o-linear-gradient(bottom, rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8));
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8));
	background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8)); 
}
.p7 .con li span::before,.p7 .con li span::after{ content: ""; display: inline-block; font-size: 0.5rem; margin:0 2%;
	width:0.08rem; height:0.73rem; background: url(../images/bf.png) no-repeat; background-size:cover;
}
.p7 .con li span::after{ content: "";background: url(../images/af.png) no-repeat; background-size:cover;}
.p7 .con li p{ font-size: 0.24rem;}
.p7 .con li i{ font-size: 0.33rem; color: #cfc8fc;}
.p7 .con ul {display: flex; display:-webkit-flex; justify-content:space-between; flex-wrap: wrap; padding:2% 0}
.p7 .con ul li{ width:49%; margin-bottom: 2%;}
.p7 .con ul li p{ font-size: 0.2rem;}
.p7 .con ul li i{ font-size: 0.31rem;}

.p8{ background: #ececeb; padding-bottom: 5%;}
.p8 .con{ padding:0 2%}
.p8 .con ul {display: flex; display:-webkit-flex; justify-content:space-between; flex-wrap: wrap; padding:2%; background: #fff;}
.p8 .con ul li{ width:49%; margin-bottom: 2%; position: relative;}
.p8 .con li span{ padding:4% 0; text-align: center; position: absolute; bottom:0; left:0; width:100%;
	display: flex; display:-webkit-flex; justify-content:center; align-items: center;
	color:#fff;
	background:rgba(0,0,0,0.5);
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8));
	background: -o-linear-gradient(bottom, rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8));
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8));
	background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8)); 
}

.p9{}
.p9 .con{ padding:0 2%}
.p9 ul { padding:2% 0;display: flex; display:-webkit-flex; justify-content:space-between; flex-wrap: wrap; background: #fff;}
.p9 ul li{ width:49%; margin-bottom: 2%; position: relative;}
.p9 li span{ text-align: center; position: absolute;top:0; bottom:0; margin:auto 0; left:0; width:100%;
	display: flex; display:-webkit-flex; justify-content:space-around; align-items: center; flex-direction: column;
	color:#fff; font-size: 0.29rem;
	background:rgba(0,0,0,0.1);
}
.p9 li span i{ color: #cfc8fc; font-size:0.26rem;}
.p9 li a{ font-size:0.28rem; border-radius: 0.5rem; display:inline-block; color: #fff; padding:0 5%;
	line-height:0.45rem;
	background:#6251b3;
}

.p7tab{transform:translate(0,-0.6rem); margin:0 auto; width:6.1rem; height:1.28rem; background:#fff; display:flex; align-items:center; justify-content:space-around; border-radius:2px; box-shadow:0 0 0.2rem rgba(0,0,0,0.1)}
.p7tab .list{ width:1.95rem; height:0.95rem; text-align:center; color:#fff; background:#6251b3; font-size:0.2rem; line-height:1.2;display:flex; align-items:center;justify-content:center}

.p7tab .list.on{ background:#c3bcef; color:#291d64}
.zjcase{ background:#6251b3}
.p7slide{transform:translate(0,-0.3rem);}
.zjcase .swiper-slide{ width:100%; text-align:center}
.zjcase .swiper-slide img{ width:6.02rem}

.dbbox{ position:relative}
.dbp1{ position:absolute; width:1.55rem; left:0.78rem; top:2rem; font-size:0.17rem; color:#fff; line-height:1.2}
.dbp2{ position:absolute; width:4.9rem; left:1.16rem; top:2.88rem; font-size:0.22rem; color:#fff; line-height:1.2}

.bounce{animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite;}

.jzc{ position:relative}
.jzc .txt{ position:absolute; width:5.62rem; left:0.38rem; top:2.85rem; font-size:0.24rem; line-height:1.5}
.jzc .txt span{ color:#ef1327}
@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,0,0)}

	70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,0.05rem,0)}

	90%{transform:translate3d(0,-0.04rem,0)}}