@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}
.pa20{ padding: 0.2rem}
.patb10{ padding: 0.1rem 0}
.patb20{ padding: 0.2rem 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;animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite;}

.bfooter {
	margin: 0 auto;
	max-width: 6.4rem;
	overflow: hidden;
	position: relative;
}
.dingBu ul{padding: 0.2rem 0;
	background:-moz-linear-gradient(top, #fff, #eaeaea);
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eaeaea));
	background:-o-linear-gradient(top, #fff, #eaeaea);
}
.dingBu ul li{float: left;width: 33.333%;color: #1d1d1d;padding:0 0.1rem ;
	font-size: 0.16rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dingBu ul li i{float: left;width: 0.38rem;margin-right: 0.1rem;}
.dingBu ul li:not(:last-of-type){border-right: 1px solid #cecece;}
.dingBu ul li:not(:first-of-type){border-left: 1px solid #cecece;}

.header{ overflow: hidden;}
.header .logo{ width:3.24rem; }
.header i{ width: 0.40rem; height: 0.32rem; background: url("../images/menu_ico.png") no-repeat; background-size:cover;
	position: absolute;top:0.2rem; right: 0.45rem;
}





/* 左滑菜单 star */
nav#menu { zoom: 1; position: fixed; width: 2.6rem; right: -2.8rem; font-size: 0.24rem; height: 100%;background: #4877c3; 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: #4877c3;}
nav#menu ul.menu_btn_box {margin-bottom: 170%;}
nav#menu ul li {  border-bottom: 1px solid #afccfc;}
nav#menu ul li i{ display: block;padding-left: 0.4rem;background-color: #3c9ddc;}
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: #4877c3; display: none }
nav#menu ul .submenu li { border-bottom: 1px solid #afccfc;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: #afccfc; }
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{height: 3.37rem;overflow: hidden;}
.banner .banPage{position: absolute;left: 0;bottom: 0;}


.youHui{background: #4a6278;font-size: 0.23rem;color: #3a3a3a;padding: 0.2rem 0;}
.youHui .sp_yh{height: 1.35rem;}
.youHui .swiper-slide a{padding: 0.24rem 2px ;width: 1.51rem;background: url(../images/youHuiBg.png) no-repeat center top;background-size: 1.51rem auto;text-align: center;display:block;min-height: 1.35rem;color:#000;}
.youHui .swiper-slide a i{font-size: 0.25rem;color: #ff9000;}
.youHui .swiper-slide a span{font-size: 0.42rem;color: #ff9000;letter-spacing:-0.03rem;}
.youHui .swiper-slide a span.sm{font-size: 0.37rem;}


.menu_nav ul{ padding: 0.3rem 0.05rem 0.1rem; text-align: center; overflow: hidden;}
.menu_nav ul li{width: 1.22rem; margin-bottom:5%; margin-right: 0.04rem; line-height: 0.3rem; /*display: inline-block;*/float: left;}
.menu_nav ul li.six{font-size: 0.18rem;}
.menu_nav ul li:nth-child(5n){ margin-right: 0;}
@media screen and (max-width: 340px){.menu_nav ul li{ margin-right: 0.3rem;}  }
.menu_nav ul li i{ width: 0.86rem; height: 0.86rem; display: inline-block;overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: relative;	 }
.menu_nav ul li a{ color: #333}
.menu_nav ul li a:hover{-webkit-tap-highlight-color: transparent;}
.menu_nav ul li p{line-height: 0.35rem;}
.menu_nav ul li{animation-delay: ;}


.adBox a{display: block;}
.quanBox{position: absolute;right: 0.24rem;top: 0.28rem;width:0.95rem;height:0.95rem;}
.quanBox i {position:absolute;width:0.95rem;height:0.95rem;line-height:normal;border-radius:50%;box-sizing:border-box;}
.quanBox .quan {color:#211d01;font-size:0.26rem;text-align:center;font-style:normal;padding-top:18%;line-height: 1.1;font-weight: bold;
	background:-webkit-gradient(linear, 48deg, #ffffff, #ffdc72,#fffd72);
	background:linear-gradient(48deg, #ffffff, #ffdc72,#fffd72);
}
.quanBox .quan-a {border:0.1rem solid #fff;opacity:0;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:pan-ripple 2s linear infinite;animation:pan-ripple 2s linear infinite;}
.quanBox .quan-b {border:0.1rem solid #fff; opacity:0;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:pan-ripple 1s linear infinite;animation:pan-ripple 1s linear infinite;}
@-webkit-keyframes pan-ripple {
	0% {-webkit-transform: scale(1);opacity: 0;}
	30% {-webkit-transform: scale(1.1);opacity: 0.8;}
	100% {-webkit-transform: scale(1.4);opacity: 0;}
}
@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;}
}

.til{padding:0.3rem 0;}


.part1 .p1_bd{padding: 0 0.15rem;}
.part1 .p1_bd .p1_list{position: relative;}
.part1 .p1_bd .listBox{display: block;border-bottom: 1px solid #acb9bb;overflow:hidden;padding: 0.24rem 0;}
.part1 .p1_bd .listBox .tu{float:left;}
.part1 .p1_bd .listBox .tu img{width: 2.2rem;border-radius: 0.1rem;-webkit-border-radius: 0.1rem;}
.part1 .p1_bd .txt{float: left;margin-left: 0.2rem;width:3.68rem;}
.part1 .p1_bd .txt h4 span{font-size: 0.3rem;color:#3f474b;display: inline-block;position: relative;}
.part1 .p1_bd .txt h4 span i{position: absolute;width:0.86rem;height: 0.75rem;background:url('../images/hot.png') no-repeat;background-size: cover;left: 100%;top: -0.2rem;text-align: center;font-size: 0.22rem;color:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;font-weight: normal;padding-top: 0.27rem;animation: tada 2s infinite; -webkit-animation: tada 2s infinite;line-height: 1;}
.part1 .p1_bd .txt ul{overflow:hidden;padding: 0.2rem 0;}
.part1 .p1_bd .txt ul li{background: linear-gradient(90deg,#4771be,#4db0f5,#4771be);float:left;}
.part1 .p1_bd .txt ul li p{font-size: 0.24rem;color:#4771be;height: 0.76rem;background-color: #fff;margin: 0.02rem;box-sizing: border-box;-webkit-box-sizing: border-box;padding:0.2rem 0.1rem 0;text-align: center;min-width: 0.92rem;}
.part1 .p1_bd .txt ul li p.towRow{padding-top: 0.06rem;}
.part1 .p1_bd .txt ul li:not(:last-of-type){margin-right: 0.1rem;}
.part1 .p1_bd .txt .btn span{display: inline-block;font-size: 0.24rem;width:1.52rem;height: 0.42rem;line-height: 0.42rem;border-radius: 60px;-webkit-border-radius: 60px;color:#fff;background:linear-gradient(90deg,#4db0f5,#4771be);text-align: center;}
.part1 .p1_bd .txt .btn span:nth-of-type(2){background:linear-gradient(90deg,#0fbfc7,#0bb3ee);margin-left: 0.2rem;}
.part1 .p1_bd .link{position: absolute;width:1.52rem;height: 0.42rem;left: 2.4rem;top: 1.83rem;}



.part2{padding-top: 0.3rem;}
.part2 .til{/*width:3.88rem;position: absolute;right: 0.24rem;top: 0;z-index: 10;*/}
.part2 .p2_top{display: block;}
.part2 .p2_top .txt{position: absolute;width:3.58rem;left: 2.72rem;top: 1.8rem;color:#fff;}
.part2 .p2_top .txt h4{font-size: 0.29rem;font-weight: normal;}
.part2 .p2_top .txt h4 span{font-size: 0.4rem;display: inline-block;margin-right: 0.1rem;}
.part2 .p2_top .txt p{font-size: 0.2rem;line-height: 1.5;padding: 0.2rem 0;}
.part2 .p2_top .txt h5{font-size: 0.23rem;font-weight: normal;line-height: 1.5;padding-left: 0.26rem;}
.part2 .p2_top .txt h5 span{color:#fffc00;}
.part2 .p2_bd .link{position: absolute;width:1.21rem;height: 1.28rem;background:url(../images/p2_ico.png) no-repeat;background-size:cover;right: 0.18rem;top: 1.08rem;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;color:#fff;font-size: 0.22rem;text-shadow: 0 0 0.07rem rgba(0,0,0,0.35);padding-top: 0.3rem;animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite;}
.part2 .tt{padding: 0.2rem 0;font-size: 36px;color:#0fbfc8;}




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

.part3 .p1slide_t{width:6.4rem; height:0.98rem; overflow:hidden; position:relative;padding-bottom: 0.2rem;}
.part3 .p1slide_t #p3_dot{ position:absolute; width:7.9rem; left:0.1rem; height:1.02rem;}
.part3 .p1slide_t #p3_dot li{float: left;width: 1.02rem;text-align: center;font-size: 0.2rem;margin: 0 0.03rem;}
.part3 .p1slide_t #p3_dot li span{width: 1.02rem;height: 1.02rem;overflow: hidden;display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.part3 .p1slide_t #p3_dot li.on span .dot1{display: none;}

.part3 .sp3{height: 5.1rem;overflow: hidden;}
.part3 .sliderBox{display: block;color:#fff;}
.part3 .sliderBox .txt{position: absolute; top:0; left: 0; padding: 0.4rem 0 0 0.3rem; color: #fff ;}
.part3 .sliderBox .txt h3{ font-size: 0.43rem; font-weight: normal;line-height: 1.6;}
.part3 .sliderBox .txt span{display: inline-block;border:0.02rem solid #fff;font-size: 0.28rem;padding: 0 0.1rem;}
.part3 .sliderBox .txt p{font-size: 0.24rem;margin: 0.2rem 0;}
.part3 .sliderBox .txt ul li{ width: 1.02rem; height: 1.02rem;  margin-top: 0.2rem; margin-right: 0.1rem;  overflow: hidden;float: left; position: relative;border:0.02rem solid #fff;}
.part3 .sliderBox .txt ul li p{  position: absolute;width: 100%;left: 0;top: 50%;padding-left: 0;margin-top: 0;font-size: 0.19rem;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.part3 .btn{position: absolute;left: 0.24rem;top: 4.04rem;}
.part3 .btn a{font-size: 0.25rem;padding: 0.1rem 0.3rem;background: #ffdc38;}


.part4{padding: 0.2rem 0;}
.part4 a{position: absolute;width: 3.41rem;height: 3.41rem;box-sizing: border-box;color:#fff;left: 50%;top: 50%;text-align: center;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.part4 a p{position: absolute;width: 100%;left: 0;top: 50%;padding-left: 0;margin-top: 0;font-size: 0.34rem;font-weight: bold;line-height: 1.6;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.part4 a p span{display: inline-block;border:0.02rem solid #fff;border-radius: 60px;font-size: 0.27rem;font-weight: normal;padding: 0 0.3rem;margin-top: 0.2rem;animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite;}


.part5 .til{width: 4.39rem;padding-left: 0.2rem;}
.part5 ul{overflow: hidden;}
.part5 ul li{float:left;width: 3.17rem;margin-bottom:0.06rem;position: relative;}
.part5 ul li.fr{float: right;}
.part5 ul li:last-of-type{width: 6.4rem;}
.part5 ul li p{font-size: 0.28rem;color:#fff;position: absolute;width: 100%;left: 0;top: 0;box-sizing: border-box;padding: 0.2rem;text-shadow: 0 0 0.07rem rgba(0,0,0,0.35);}
.part5 ul li .num b{font-size: 0.39rem;font-weight: normal;}
.part5 ul li.fr .num{font-size: 0.24rem;padding: 0.1rem;}
.part5 ul li.fr .num b{font-size: 0.35rem;}
.part5 ul li .num2{top: auto;bottom: 0;font-size: 0.2rem;}
.part5 ul li.fr .num2{padding:0.2rem 0.1rem;}

.part6 h3{font-size: 0.26rem;color:#363c3e;padding: 0.2rem;font-weight: normal;}
.part6 h3::before {content: '';width: 0.06rem;height: 0.26rem;background:#0ebbd3;display: inline-block;vertical-align: middle;margin-right: 0.1rem;}
.part6 h3 span{color:#ff244d;}
.part6 .p6_bd{overflow: hidden;padding: 0 0.1rem;}
.part6 .p6_bd a{display: block;float: left;height: 0.42rem;margin-bottom: 0.04rem;color: #fff;position: relative;border-radius: 0.05rem;}
.part6 .p6_bd a.link1{width:2.16rem;margin-right: 0.04rem;}
.part6 .p6_bd a.link2{float: right;width: 1.8rem;height: 0.88rem;}
.part6 .p6_bd a.link3{width: 3.08rem;}
.part6 .p6_bd a.link3.fr{float: right;}
.part6 .p6_bd a.green{background:#0fbfc8;}
.part6 .p6_bd a.blue{background:#4771be;}
.part6 .p6_bd a.linghtBlue{background:#0bb4ec;}
.part6 .p6_bd a p{position: absolute;width:100%;left: 0;top: 50%;text-align: center;font-size: 0.23rem;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.part6 .btn{text-align: center;padding: 0.2rem 0;}
.part6 .btn a{font-size: 0.24rem;background: none;border:0.02rem solid #bababa;box-shadow: inset 0 0 0.2rem rgba(0,0,0,0.3);width: 3.7rem;padding:0.1rem  0.76rem 0.1rem 0;position: relative;}
.part6 .btn a span{padding:0.12rem  0.2rem;position: absolute;right: -0.02rem;top: -0.02rem;background:linear-gradient(#f7a826,#fd8e43);color:#fff;border-radius: 60px;}






.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: #cacaca;
	margin: 0 0.03rem;
	cursor: pointer;
}
.warp .swiper-active-switch {
	background: #ffdc38;
}




.footer{  padding: 0.25rem 0.15rem; line-height: 0.4rem;text-align: center;color: #fff;font-size: 0.22rem;color: #cccccc;background:#374d64;}
.footer h4{border-bottom: 1px solid #738393;padding-bottom: 0.2rem;margin-bottom: 0.2rem;}
.footer h4 img{width:2.82rem;}





/*******摆动*******/
@-webkit-keyframes tada {
    from {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  }
    10%, 20% {  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }
    30%, 50%, 70%, 90% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }
    40%, 60%, 80% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }
    to {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  }
}

@keyframes tada {
    from {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  }
    10%, 20% {  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }
    30%, 50%, 70%, 90% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }
    40%, 60%, 80% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }
    to {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  }
}

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

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