@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;}
.pr{ position: relative}
.pa{ position: absolute}
body img{vertical-align: middle;width: 100%}
.fl{ float: left}
.fr{ float: right}
.p_hide{ overflow: hidden}
.normal{ font-weight: normal}
.tc{ text-align: center}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
.padtb20{padding-top: 0.2rem;padding-bottom: 0.2rem;}
.pa15{ padding: 0.15rem}
.pa20{ padding: 0.2rem}
.font20{ font-size: 0.2rem}

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

.btn a{ display: inline-block; padding: 0.1rem 0.2rem; background: linear-gradient(90deg,#dde0e7,#ffffff,#dde0e7); border-radius: 0.5rem; font-size: 0.24rem; color: #2a2a2a;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: 32.5%;color: #1d1d1d;padding:0 0.05rem ;
	font-size: 0.18rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dingBu ul li:nth-of-type(2){width: 35%;}
.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.75rem; }
.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.2rem;background-color: #3c9ddc;}
nav#menu ul li a { color: #fff;  }
nav#menu ul li a.xl{ display: block;position: relative;}
nav#menu ul li a.xl:after{content: '';width: 0.14rem;height: 0.11rem; background: url(../images/btn_m_down.png) center no-repeat;background-size: cover;display: inline-block;margin-left: 0.08rem;}
nav#menu ul li.on a.xl:after {  background-image: url(../images/btn_m_up.png) ; }
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.2rem; }
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;  }

nav#menu ul .submenu.mianBu li a{display: inline-block;}
/* 左滑菜单 end */

.banner{height: 3.34rem;overflow: hidden;}
.banner .banPage{position: absolute;left: 0;bottom: 0;}


.tyzj{background: #4a6278;padding: 0.2rem 0;}
.tyzj dt{color: #fff;font-size: 0.24rem;width: 0.24rem;float: left;line-height: 1.2;padding: 0.1rem;}
.tyzj dd{float: left;width: 2.83rem;position: relative;margin-left: 0.1rem;}
.tyzj dd a{display: block;height: 100%;color: #333;}
.tyzj dd .txt{width: 67%;right: 0;top: 0.08rem;position: absolute;font-size: 0.16rem;line-height: 1.4;}
.tyzj dd .txt b{font-size: 0.25rem;font-weight: normal;}
.tyzj dd .txt span{font-size: 0.18rem;font-weight: bold;}
.tyzj dd .txt em{font-size: 0.18rem;color: #fff;background-color: #6365ab;display: inline-block;padding: 0 0.1rem;margin-top: 0.08rem;}



.menu_nav ul{ padding: 0.3rem 0.05rem 0.1rem; text-align: center; overflow: hidden;font-size: 0.2rem;}
.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;}



.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 ul li a{display: block;}
.part1 ul li{width: 25%;float: left;position: relative;}
.part1 ul li i{position: absolute;width: 0.31rem;height: 0.31rem;background: url('../images/hot.png') no-repeat;background-size: cover;right: 0;top: 0;}


.part2{padding: 0.3rem 0 ;}
.part2 .sliderIn{width: 2.73rem;padding:0  0.15rem}
.part2 .sliderIn .top{background: url('../images/p2_bg.png') no-repeat center top;/*height:4.07rem;*/background-size: 100% 100%;padding: 0.12rem 0.16rem 0.1rem;position: relative;display: block;position: relative;margin-top: 0.3rem;}
.part2 .sliderIn .top h3{font-size: 0.26rem;color:#33409a;line-height: 1.2;padding: 0.1rem 0 0.1rem;font-weight: normal;}
.part2 .sliderIn .top h3 sup{font-size: 0.18rem;display: inline-block;vertical-align: top;}
.part2 .sliderIn .top h3 span{font-size: 0.2rem;color: #6365ab;}
.part2 .sliderIn .top .zhengzhuang{text-align: left;color: #6365ab;padding-top: 0.1rem;height: 0.8rem;}
.part2 .sliderIn .top .zhengzhuang span{display: inline-block;background-color: #6365ab;color: #fff;padding: 0 0.1rem;margin-right: 0.1rem;}
.part2 .sliderIn .top p{font-size: 0.2rem;padding: 0.1rem 0;color: #fff;background-color: #6365ab;margin: 0.1rem 0 0;}
.part2 .sliderIn .top i{position: absolute;width: 100%;left: 0;top:-0.12rem;font-size: 0.22rem;color: #629cdf;}
.part2 .sliderIn .top em{position: absolute;width:0.67rem ;height: 0.67rem;text-align: center;font-weight: bold;font-size: 0.2rem;color: #fff;box-sizing: border-box;padding-top: 0.2rem;right: -0.1rem;top: -0.3rem;background: url(../images/p2_ico1.png) no-repeat;background-size: cover;}
.part2 .sliderIn .btn {padding:0.2rem 0; }
.part2 .sliderIn .btn a{font-size: 0.24rem;color:#fff;padding: 0.08rem 0.2rem;background: linear-gradient(90deg,#f74677,#fe7b5f,#f74677)}
.part2 .p2_bd{padding-left:0.1rem;}


@-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 {background: url(../images/p3_bg.jpg) no-repeat center top;background-size: cover;}
.part3 .p3_bd{padding: 0 0.1rem;}
.part3 .p3_bd .daTu{width:49%;}
.part3 .p3_bd .daTu .bigTuBox{display: block;height: 4.6rem;width: 100%;}
.part3 .p3_bd .daTu span{display: inline-block;width:1.34rem;margin-top: 0.1rem;}
.part3 .p3_bd .txt{width:51%;color:#fff;padding-left: 0.2rem;box-sizing: border-box;font-size: 0.24rem;line-height: 1.5;}
.part3 .p3_bd .txt h4{font-size: 0.43rem;font-weight: normal;}
.part3 .p3_bd .txt span {color:#fff440;}
.part3 .p3_bd .txt span sup{font-size: 0.18rem;display: inline-block;vertical-align: top;}
.part3 .p3_bd .txt p{font-size: 0.2rem;margin-top: 0.4rem;position: relative;}
.part3 .p3_bd .txt p::before{content: '';position: absolute;width: 0.48rem;height: 0.06rem;background:url('../images/p3_xian.png') no-repeat;background-size:cover;left: 0;top: -0.2rem;}
.part3 .p3_bd .txt .msTu{width: 148%;margin-left: -1.32rem;margin-top: 0.34rem;}
.part3 .p3_bd .txt .msTu img{width:1.36rem; }
.part3 .sliderIn .btn {padding:0.4rem 0 0; }
.part3 .p3_bd .btn a:nth-of-type(1){margin-right: 0.1rem;}


.part4 .p4_bd{padding: 0 0.26rem;}
.part4 .p4_bd .sliderIn{padding-bottom: 1.08rem;}
.part4 .p4_bd .txt{position: absolute;width: 57%;color: #fff;right: 0;top: 0.9rem;}
.part4 .p4_bd .txt h3{font-size: 0.32rem;font-weight: normal;}
.part4 .p4_bd .txt h3 b{font-size: 0.46rem;color: #f4ed80;display: inline-block;margin-right: 0.1rem;font-weight: normal;}
.part4 .p4_bd .txt p{font-size: 0.23rem;line-height: 1.6;}
.part4 .p4_bd ul{width:100% ;position: absolute;left: 0.64rem;top: 4rem;}
.part4 .p4_bd ul li{display: inline-block; width: 1.64rem; height: 1.64rem; background:linear-gradient(#7084aa,#5e6c85); border-radius: 50%;position: relative;font-size: 0.23rem;border: 0.1rem solid #aeb5c2; text-align: center; color: #fff; padding-top: 0.1rem; right: 0.5rem; top:43%; font-size: 0.24rem;
  }
.part4 .p4_bd ul li p{position: absolute;width: 100%;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.part4 .p4_bd ul li p span{font-size: 0.35rem;}
.part4 .p4_bd .pa4{position: absolute;right: 0.46rem;top: 0;z-index: 5;width: auto;}
.part4 .btn2 a{background: linear-gradient(90deg,#f74677,#fe7b5f,#f74677);color: #fff;font-size: 0.28rem;padding: 0.1rem 0.4rem;}

.part5{padding-top: 0.3rem;}
.part5 ul{overflow: hidden;}
.part5 ul li{float:left;width: 3.18rem;margin-bottom:0.06rem;position: relative;height:1.72rem ;}
.part5 ul li.fr{float: right;width: 3.17rem;}
.part5 ul li p{font-size: 0.27rem;color:#fff;position: absolute;width: 100%;left: 0;bottom: 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.36rem;font-weight: normal;}
.part5 ul li:first-of-type img{width: 2.42rem;padding-top: 0.16rem;}
.part5 ul li:last-of-type{width: 6.4rem;margin-bottom: 0;}
.part5 ul li:last-of-type p{width: 80%;padding-bottom: 0.3rem;}
.part5 ul li:last-of-type p span{font-size: 0.32rem;color: #ffef67;}




.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;background:#374d64;}
.footer h4{border-bottom: 1px solid #738393;padding-bottom: 0.2rem;margin-bottom: 0.2rem;}
.footer h4 img{width:3.28rem;}





/*******摆动*******/
@-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);}
}