body, h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,pre,form,
fieldset,legend,button,input,textarea{margin: 0;padding: 0;}
body,button, input, select, textarea{font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px;}
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
.ct{margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cf{*zoom:1;}
.db{display: block;}
.dn{display: none;}
/*---------------------------------------------------------------------------------------------------*/
*{font-family: "微软雅黑";}
img{display: block;}
.top_wrap{height:80px;background-color:#FFFFFF;width: 100%;}
.top_main{height:60px;width: 1280px;margin: 0 auto 0 auto; }
.top_left{width: 200px;display: inline-block;}
.top_right{width: 900px;display: inline-block;}
.top_right ul li{float: left;margin-left: 18px;font-size: 23px;}
.top_right li a{padding: 22px;color: black;text-decoration: none;}
.top_right li a:hover{color: white;background-color: #EF474C;}
.top_left img{margin-top: 5px;}
/* 头部 */

.bottom_wrap{ height:210px;background-color:#3B3B3B;width: 100%;overflow: hidden;}
.bottom_main{ height: 100%; width: 1280px;; margin:  auto;text-align: center;}
.bottom_left{ display: inline-block; width: 200px; margin-bottom: 10px;}
.bottom_right{ width: 800px;display: inline-block; margin-top: 55px; }
.bottom_right li{ color: white; margin-left: 60px;margin-top: 5px;text-align: left;font-size: 12px;}
/* .bottom_main{height:210px;margin-top: 18px;width: 1280px;margin: 0 auto;}

.bottom_logo{margin-top: 80px;}


.right_box{margin-top: -60px;} */

/* 底部 */

.wrap{background-color: #F5F5F5;overflow: hidden;}
.top{width: 100%;height: 80px;}
.bottom{width: 100%;height: 210px;}


.main{width: 1280px;height: 590px;margin: 0 auto}
.title_one{width: 1280px;height: 30px;border-left: 3px red solid;margin-top: 10px;font-weight: bold;}

.tuijian{font-size: 22px;width: 100px;height: 30px; text-align: center;float: left;line-height: 30px;margin-left: 10px;}

.hot-game{font-size: 22px;width: 100px;height: 30px; text-align: center;float: right;line-height: 30px;margin-right: 250px;border-left: 3px red solid;padding-left: 10px;}

.main_text{width: 1280px;height: 200px; text-align: center;}
.main_text p{font-size: 18px;margin-top: 10px; color: #333333;}

.main_game{width: 1280px;}
.title_one_ul{width: 1280px;height: 287px;margin-top: 30px;margin-bottom: 30px;}
.title_one_ul li{width: 297px;height: 192px;float: left;margin-right: 10px;}

/* 走进喜扑 */
.gy_main{width: 1280px;height: 1030px;margin: 0 auto ;}
.title_one{width: 1280px;height: 30px;border-left: 3px red solid;margin-top: 10px;font-weight: bold;}
.gy_text{width: 1280px;height: 155px; text-align: left;}
.gy_text p{font-size: 18px;margin-top: 10px; color: #484848;}
.gy_box1{width: 1280px;height: 400px;text-align: center;}
.gy_box1 img{margin: 0 auto;display: inline;}
.gy_box2{width: 1280px;height: 410px;text-align: center;}
.gy_box2 img{display: inline-block;}

.zjxp_main{width: 1280px;height: 1030px;margin: 0 auto ;margin: 0 auto;}
.zjxp_text{width: 1120px;height: 185px; margin: 0 auto;}
.zjxp_text p{font-size: 18px;margin-top: 10px; color: #484848;;}

.gswh_main{width: 1280px;height: 1180px;margin: 0 auto ;}
.gswh_text{width: 1280px;height: 155px; width: 1000px;margin: 0 auto;}
.gswh_text p{font-size: 18px;margin-top: 10px; color: #484848;}
.bt{font-size: 24px;font-weight: bold;}


.yxjj_main{width: 1280px;height: 630px;margin: 0 auto ;}
.yxjj_text{width: 1280px;height: 155px; width: 1000px;margin: 0 auto;}
.yxjj_text p{font-size: 18px;margin-top: 10px; color: #484848;}

/* 联系我们 */
.lx_main{width: 1280px;height: 290px;margin: 0 auto ;}
.title_one{width: 1280px;height: 30px;border-left: 3px red solid;margin-top: 10px;font-weight: bold;}

.lx_text{width: 1280px;height: 100px; text-align: left;}
.lx_text p{font-size: 18px;margin-top: 10px; color: #333333;}


/* 家长监护 */
.jh_main{width: 1280px;height: 950px;margin: 0 auto ;}
.title_one{width: 1280px;height: 30px;border-left: 3px red solid;margin-top: 10px;font-weight: bold;margin-bottom: 18px;}

.jh_text{width: 1280px;height: 100px; text-align: left;}
.jh_text p{font-size: 18px;margin-top: 10px; color: #333333;}

.lz_box,.swiper-container {
    height: 508px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    /* border: 1px solid red;
    box-sizing: border-box  ; */
}

.jzjh img{width: 100%;}

.beian{color:#007ACC ;}

.app-gift-ul {
    width: 1240px;
    height: 240px;
}
.app-gift-ul .app-gift-item {
    text-align: center;
    width: 290px;
    position: relative;
    margin: -1px 0 0 -1px;
    border: 1px solid #e7e8ee;
    padding: 23px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    background: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    box-sizing: border-box;
    outline: 0;
}
.app-gift-item a:hover{
    background-color:#f8f9fb;
    color: #e6b651;
}
.app-gift-ul .fl {
    float: left;
}
.app-gift-item h4 {
    font-weight: 400;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-top: 3px;
    font-size: 18px;
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
}
.app-gift-item a {
    line-height: 34px;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    text-decoration:none;
}