@charset "utf-8";
.wp{ max-width: 750px; min-width: 320px; margin: 0 auto}
.wp h2{padding: 0.7rem 0 0.4rem;text-align: center;margin: 0 auto}
.wp a.btn {display: block;width: 48%;height: 0.9rem;line-height: 0.9rem;font-size: 0.32rem;color: #fff; background: #EB6391;margin: 0.2rem auto 0;text-align: center;border-radius: 0.5rem;-webkit-animation: showb 2s linear both infinite;-o-animation: showb 2s linear both infinite;animation: showb 2s linear both infinite;}
.wp a.btn img{display: inline-block;vertical-align: middle;width: 0.35rem}
.over{overflow: hidden;}
.fl{float: left}
.fr{float: right}
.pb{padding-bottom: 0.8rem}
.w20{width: 95%;margin: 0 auto}
.hd{text-align: center;margin-top: 3%}
.hd li{display: inline-block;width: 10px;height: 10px;border-radius: 50%;border: 2px solid #BBBBBB}
.hd li.on{background: #BBBBBB}

#banner_slider .hd li{border: 1px solid #B39AF2;background: #fff}
#banner_slider .hd li.on{background: #B39AF2}
.menu_nav ul{ display: flex;}
.menu_nav ul li{flex: 1}
.menu_nav ul li:nth-child(4n){ margin-right: 0}
.menu_nav ul li a{display: block;width: 71%;margin: 0 auto;font-size: 0.24rem;color: #333;text-align: center;padding: 0.4rem 0 0.3rem}
.menu_nav ul li img{display: block;margin-bottom: 0.2rem}
.menu_nav ul:nth-child(1) li{border-bottom: 0}
.section1 {background: url("../images/bg1.jpg") no-repeat top center #E3F0FF;background-size: 100%;padding-bottom: 0.5rem}
.section1 dl dd{font-size: 0.26rem;color: #1f1f1f;padding: 5% 0}
.section1 p{display: flex}
.section1 p span{flex: 1;font-size: 0.26rem;color: #363636;text-align: center;line-height: 1.3;background: #fff;border-radius: 0.2rem;margin-right: 2%;padding: 5% 0}
.section1 p span:last-child{margin-right: 0}
.section1 p span b{display: block;font-size: 0.18rem;font-weight: normal;line-height: 1.3}
.section1 p span:nth-child(2n){border: 1px solid #F0EDE7;background: #FBEDEF}
.section1 #scroll1{position: relative}
.section1 .hd{width: 100%;position: absolute;left: 0;bottom: 1.2rem;z-index: 1}
.section1 .over{margin-top: 0.8rem;}
.section2 {background: url("../images/bg2.jpg") no-repeat top center;background-size: 100%;}
.section2 .text{display: flex;margin-bottom: 3%}
.section2 .text a{display: block;flex: 1;height: 1rem;float: left;font-size: 0.26rem;color: #133663;text-align: center;background: #fff;box-shadow:inset 0 0 0.2rem 0.1rem #B6D6FF;display: -webkit-flex;justify-content: center;align-items: center;position: relative;margin-right: 1.5%}
.section2 .text a:last-child{margin-right: 0}
.section2 .text a img{display: block;width: 0.46rem;position: absolute;right: 3%;top: -0.13rem;z-index: 1;animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;}
.section2 h3{font-size: 0.4rem;color: #ffea00;padding: 0.4rem 0 3%;font-weight: normal}


.sp-wrap{max-width: 750px;min-width: 320px; margin-left: auto;margin-right: auto; overflow: hidden;position: relative; padding-bottom: 0.2rem;}
.sp-wrap .te{ text-align: center;}
.sp-wrap .re{ position: relative;}
.sp-wrap .ship-ti{ font-size: 0.46rem; color:#202020; padding-top: 0.45rem;}
.sp-wrap .title{ padding:0.25rem 0.2rem;}
.sp-wrap .title .ship-txt{box-shadow: 0px 0px 20px #ccc; border-radius: 0.1rem; padding-bottom: 0.2rem;}
.sp-wrap .title .ship-txt p{color: #353535; font-size: 0.26rem; line-height: 0.34rem; padding:0.3rem 0.2rem;}
.sp-wrap .title .ship-txt p span{color: #ff0006}
.sp-wrap .icon{ position: absolute; left: 0.45rem; top: -0.3rem; z-index: 11; width:14%;}
.sp-wrap .ship-anniu{ width:52%; display:inline-block;}
/*视频容器css*/
.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: 30%;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;}


.section5 .text {font-size: 0.24rem;background: #E6F2FF;padding-top: 0.6rem}
.section5 .text dl{overflow: hidden}
.section5 .text dl dt{width: 16%;float: left}
.section5 .text dl dd{width: 65%;float: left;font-size: 0.4rem;margin-left: 3%;padding-top: 2%}
.section5 .text dl dd span{display: block;font-size: 0.24rem;color: #373737}
.section5 .text dl dd span img,.section5 .text .atext img{display: inline-block;width: 0.26rem;vertical-align: middle}
.section5 .text dl a{display: block;width: 0.9rem;float: right;height: 0.45rem;line-height: 0.45rem;color: #fff;background: #9AB4F2;border-radius: 0.4rem;text-align: center;margin-top: 7%}
.section5 .text .text_over{margin: 5% auto;overflow: hidden}
.section5 .text .text_over a{display: block;width: 48%;float: left}
.section5 .text .text_over a:nth-child(2){float: right}
.section5 .text p{color: #1f1f1f;}
.section5 .text:nth-child(1){padding-top: 0}
.section5 .text:nth-child(2n){background: #fff}
.section7 #scroll4{position: relative}
.section7 #scroll4 .hd{width: 100%;position: absolute;left: 0;bottom: 7%;z-index: 1}
.section7 #scroll4 .hd li{width: 12px;height: 12px;border: 2px solid #fff}
.section7 #scroll4 .hd li.on{background: #fff}

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

@-webkit-keyframes showb{
    0%,100%,20%,50%,80% {
        transform: scale(1);
    }
    40% {
        transform: scale(0.92)
    }
    60% {
        transform: scale(0.92)
    }
}
body{max-width: 750px !important}
.top_tips{max-width: 750px;}
.footer_new{display:none;}
.new_foot{max-width: 750px; height: 1.52rem;}
.new_foot .menu{height: 1.32rem;  margin-top: 0.2rem;}
.new_foot .menu li{width: 100%; height: 1.16rem; position:relative; padding-top: 0.16rem;}
.new_foot .menu li a span{display: block;font-size: 0.22rem;text-align: center;color: #fff;padding-bottom: 0.5em}
@media screen and (min-width: 750px) {
    .footer_new{bottom: 0}
    .footer_new .menu li a i{height: 6em}
    .new_foot .menu li a i{height: 6em}
    .footer_new .menu li a:nth-child(3),.footer_new .menu li a:nth-child(4) { height: 8em; }
    .footer_new .menu li.li1 a:nth-child(3) i,.footer_new .menu li.li1 a:nth-child(4) i { height: 8em; }
    .footer_new .menu li.li1 a:nth-child(3) span,.footer_new .menu li.li1 a:nth-child(4) span { height: 8em; line-height: 5.2em; font-size: 1.6em; }
}