a {text-decoration: none;color: #999;}
a:hover {color: #dc19a8; text-decoration: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after{content: ''; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {/* 触发 hasLayout */ zoom: 1; }
.mytitle {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}
.mytitle h1 {
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 0 10px;
}
.mytitle img {width: 50px; height: 20px;}
.myzx {width: 100%; overflow: hidden;}
.myzx a {
    display: flex;
    width: 60%;
    line-height: 35px;
    border-radius: 18px;
    background: #d63a3a;
    font-size: 18px;
    color: #fff;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 30px auto 0 auto;
    overflow: hidden;
}
.myzx a img {width: 30px; height: 20px; margin-right: 5px;}
.mycont {background: #fff; padding: 30px 10px; margin: 20px 15px; overflow: hidden;}

.dat_top {padding: 0 15px; margin-top:50px; overflow: hidden;}
.dat_label {margin: 20px 0; background: #d4b569; border-radius: 10px; text-align: center; overflow: hidden;}
.dat_label h3 {line-height: 40px; font-size: 20px; color: #fff; font-weight: 700;}
.dat_label h3 small {font-size: 14px; color: #666666; text-transform: uppercase; font-weight: normal;}
.dat_head {
background: url(../images/head_bg.png) no-repeat center;
background-size: 90% 100%;
}
.dat_head h1 {font-size: 28px; font-weight: bold; text-align: center; line-height: 45px;}
.dat_sc {width: 100%; text-align: center; margin: 10px auto; overflow: hidden;}
.dat_sc p {
    display: inline-block; 
    padding: 0 20px; 
    line-height: 30px;
    border-radius: 15px;
    font-size: 18px;
    background: linear-gradient(to right, #edcf84 , #f9eccd , #edcf84);
}
.dat_aim {font-size: 18px; color: #d4392e; text-align: center;}
.dat_merit {height: 40px; text-align: center;}
.dat_merit span {
    display: inline-block;
    line-height: 30px;
    font-size: 18px;
}
.dat_focus {width: 100%; border-radius: 10px; overflow: hidden;}

.mydepict {
    background: #d4b569; 
    font-size: 15px; 
    color: #fff;
    line-height: 22px;
    padding: 10px; 
    border-radius: 10px; 
    margin: 20px 0;
}
.s_head {width: 100%; height: 30px; position: relative; z-index: 1; overflow: hidden;}
.s_head:after {
    content: '';
    display: block;
    width: 120px;
    height: 10px;
    border-radius: 5px;
    background: #d4b569;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.s_head h2 {
    display: block;
    width: 120px;
    line-height: 28px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 2px;
    z-index: 3;
}
.showimg .text p {padding-top: 5px; font-size: 14px;}
.dat_cont1 .showimg {
    width: 100%;
    display: table;
    overflow: hidden;
}
.dat_cont1 .showimg .img {
    display: table-cell;
    width: 49%;
    border-radius: 5px;
    overflow: hidden;
}
.dat_cont1 .showimg .text {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-right: 10px;
}
.dat_cont1 .showimg .text1 {padding-left: 10px; padding-right: 0;}
.dat_cont1 .imglist {margin: 10px 0; overflow: hidden;}
.dat_cont1 .imglist li {width: 49%; border-radius: 5px; overflow: hidden;}
.dat_cont1 .showimg img {width: 100%;}

.dat_cont2 .jyfx {margin: 15px 0;text-align: center; overflow: hidden;}
.dat_cont2 .jyfx img {width: 100%;}
.dat_cont2 .jszy {
    background: #d4b569; 
    color: #fff; 
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    font-weight: 700;
}
.dat_cont2 ul {width: 100%; overflow: hidden;}
.dat_cont2 ul li {
    width: 32%; 
    line-height: 24px;
    margin-top: 10px;
    float: left;
    display: flex;
    justify-content: left;
    text-align: left;
    align-items: left;
    font-size: 14px;
    color: #000;
}
.dat_cont2 ul li:nth-child(3n+2) {margin-left: 2%; margin-right: 2%;}
.dat_cont2 ul li img {width: 15px; height: 15px; margin-top: 4px; margin-right: 2px;}

.stagebox {overflow: hidden;}
.stagebox .mystage {
    padding: 20px 0; 
    border-bottom: 1px dashed #cccccc;
    overflow: hidden;
}
.stagebox .mystage:last-child {padding-bottom: 0; border-bottom: none;}
.mystage .main_tt {overflow: hidden;}
.mystage .main_tt span {
    display: inline-block; 
    width: 70px; 
    text-align: center;
    line-height: 26px; 
    border-radius: 5px 5px 0 0;
    background: #d4b569;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    float: left;
}
.mystage .main_tt h2 {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    padding-left: 5px;
}
.mystage ul {overflow: hidden;}
.mystage ul li {
    width: 49%;
    float: left;
    list-style-type: disc;
    list-style-position: inside;
    margin-top: 10px;
    font-size: 14px;
}
.mystage ul li:nth-child(2n+2) {float: right;}
.mystage .imglist {width: 100%; margin-top: 10px; overflow: hidden;}
.mystage .imglist img {width: 32%; float: left; border-radius: 5px; overflow: hidden;}
.mystage .imglist img:nth-child(2) {margin: 0 2%;}

.dat_cont4 .myfw {margin-top: 20px; overflow: hidden;}
.dat_cont4 .myfw dt {display: block; width: 100%;}
.dat_cont4 .myfw dt h3 {
    display: block;
    width: 100%;
    line-height: 24px;
    border-left: 5px solid #d4b569;
    padding-left: 8px;
    font-size: 18px;
    font-weight: 700;
}
.dat_cont4 .myfw dd {display: block; margin-top: 20px; overflow: hidden;}
.dat_cont4 .myfw .icon {
    width: 22%;
    float: left;
    overflow: hidden;
}
.dat_cont4 .myfw .icon span {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 58px;
    height: 58px;
    margin: 0 auto;
    border-radius: 30px;
    background: #d4b569;    
}
.dat_cont4 .myfw .icon img {width: 32px; height: 32px;}
.dat_cont4 .myfw .icon p {display: block; text-align: center; line-height: 24px;}
.dat_cont4 .myfw .yuan {width: 4%; float: left; margin-top: 29px; overflow: hidden;}
.dat_cont4 .myfw .yuan img {width: 100%;}

.dat_cont5 .listbox {margin-top: 20px; overflow: hidden;}
.swiper-container-teach {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
}
.dat_cont5 .swiper-slide {
    display: table;
    width: 100%;
    overflow: hidden;
}
.dat_cont5 .img {
    width: 42%;
    display: table-cell;
    border-radius: 8px;
    overflow: hidden;
}
.dat_cont5 .img img {width: 100%;}
.dat_cont5 .text {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
}
.dat_cont5 .text h3 {font-size: 16px; font-weight: 700;}
.dat_cont5 .text span {font-size: 14px; line-height: 22px; color: #d4b569;}
.dat_cont5 .text p {font-size: 14px; line-height: 22px;}
.dat_cont5 .swiper-pagination-bullet-active {background: #d63a3a;}
.dat_cont5 .swiper-pagination-bullets {bottom: 0;}

.dat_cont6 .vibelist {margin-top: 20px; overflow: hidden;}
.dat_cont6 .vibelist dl {display: table; margin-bottom: 15px; width: 100%; overflow: hidden;}
.dat_cont6 .vibelist dl dt {display: table-cell; width: 48%; border-radius: 5px; overflow: hidden;}
.dat_cont6 .vibelist dl dd {
    display: table-cell; 
    vertical-align: middle; 
    text-align: center;
    font-size: 14px;
    line-height: 22px;
}
.swiper-container-vibe {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
}
.dat_cont6 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.dat_cont6 .swiper-slide img {width: 100%; border-radius: 5px; overflow: hidden;}
.dat_cont6 .swiper-pagination-bullet-active {background: #d63a3a;}
.dat_cont6 .swiper-pagination-bullets {bottom: 0;}


/*底部导航*/
.nav_list {
    width: 100%;
    height: 60px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background: #fff;
    overflow: hidden;
}
.nav_list i {font-size: 20px;  color: #83635b;}
.nav_list  p {
    display: block; 
    font-size: 12px; 
    line-height: 18px;
    padding-top: 5px;
}
.nav_list .nav_xf,
.nav_list .nav_dh{
    width: 22%; 
    height: 100%;
    float: left; 
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
 }
.nav_list .nav_lq {
    width: 56%; 
    height: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;    
}
.nav_list .nav_lq a {
    display: block; 
    width: 90%; 
    line-height: 35px;
    height: 35px; 
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    background-image: linear-gradient(45deg, rgb(197, 132, 85), rgb(131, 99, 91)); 
    overflow: hidden;
    animation: mscale 1s infinite;
    /*Safari and Chrome*/
    -webkit-animation:mscale 1s infinite;    
}
/*定义mscale*/
@keyframes mscale {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.94);
    }
    100% {
      transform: scale(1);
    }
}

/*大于pad*/
@media only screen and (min-width: 750px) {

/*iphone 5*/
@media screen and (min-width: 320px) and (max-width: 374px) {

}