@CHARSET "UTF-8";
body{padding-bottom:7rem;}
/*menu_list*/
.menu_list { width: 100%; height: 3.6rem; line-height: 3.6rem; font-size: 1rem; z-index: 100000; box-shadow: 0 1px 12px 0 rgba(236, 236, 236, 0.50); position: fixed; top: 0; max-width: 750px; background-color: #fff; }
.menu_list a { display: block; height: 3.6rem; line-height: 3.6rem; }
.menu_list a:last-child { margin-right: 6%; }
.menu_list .logo { height: 2.25rem; width: auto; margin: .675rem 0 .675rem 6%; }
.menu_list .logo img { width: auto; height: 100%; }
.menu_list a:nth-child(2) { margin-left: 22%; color: #00a0e9; text-decoration: underline; }
/*banner*/
.focus { width: 100%; height: auto; position: relative; margin-top: 3.6rem; }
.focus .bd { position: relative; z-index: 0; }
.focus .bd li img { width: 100%; height: auto; display: block;margin:0 auto; }
.focus .hd {display: block;width: 26px;overflow: hidden;position:  absolute;bottom: .6rem;right: 4%;}
.focus .hd li {width: 8px;height: 8px;margin-right: 6px;float: left;font-size: 0;cursor: pointer;border: 1px solid #00a0e9;border-radius:12px;}
.focus .hd li.on { background-color: #00a0e9; color: #00a0e9; }
.focus .hd li:last-child,.TabTitle7 li:last-child { margin-right: 0; }
/*pannel-1*/
.pannel-1{width:76%;height:2.1rem;background-color: #fd4f12;margin:.5rem auto 1rem auto;font-size:1rem;color:#fff;text-align:center;line-height: 2.1rem;}
.pannel-1 img{display: inline-block;height: 1.17rem;margin-right: .5rem;width:  auto;margin-bottom: -.2rem;}
/*pannel-2*/
.pannel2_tit{width: 54%;height:auto;}
.pannel3_tit{width: 47%;height:auto;}
.pannel4_tit{width: 70%;height:auto;}
.TabTitle7 {width: 96%;overflow: hidden;margin: 1rem auto;}
.TabTitle7 li {width: 23%;font-size: 1rem;text-align: center;border: 1px solid #ee582c;cursor: pointer;margin-right: 1.8%;float: left;color: #ee582c;padding: 0.2rem 0;}
.TabTitle7 li.active { background-color: #ee582c; color: #fff; }
.TabContent7 { overflow: hidden; width: 100%; margin-bottom: 1.8rem; }
.TabContent7 table {width: 98%;border: 1px solid;margin:  0 auto;}
.TabContent7 table td:first-child { font-size: 1rem; text-align: center; letter-spacing: 2px; color: #fff; background-color: #373f48; width: 20%; border-bottom: solid 1px #b5b5b5; }
.TabContent7 table td:last-child { background-color: #fff; width: 78%; padding: .8rem 0; border-bottom: dashed 1px #b5b5b5; padding-right: 2%; }
.TabContent7 table td:last-child li { margin-left: 2rem; font-size: 1rem; line-height: 1.3rem; list-style-type: disc; color: #505050; margin-bottom: .3rem; }
.btn { width: 74%; height: 1.75rem; margin: 0 auto; }
.btn a,.pannel-4 a { width: 8rem; height: 1.75rem; line-height: 1.75rem; text-align: center; display: block; font-size: 1rem; color: #fff;background-color: #ee582c; 	background-color: #ffdb6b;
    box-shadow: -0.02rem 0.07rem 0rem 0rem
    #16679a;
    border-radius: 0.37rem;
    color: #16679a;
}
/*pannel-3*/
.pannel-3{margin-top:1.8rem;background:url("../images/qk_fudao_22-before/pannel3_bg.png") no-repeat center;background-size:cover;padding-top:1rem;padding-bottom: 1.6rem;}
.pannel-3 ul {width: 90%;overflow: hidden;margin: 0 auto;margin-top: 1.2rem;}
.pannel-3 ul li {width: 50%;float: left;margin-bottom: .5rem;overflow: hidden;height: 10rem;}
.pannel-3 ul li div {width: 4.2rem;height: 4.2rem;margin: 0 auto;border-radius: 100%;border: 2px dashed #fd4f12;color: #fd4f12;text-align: center;line-height: 4.2rem;font-size: 1rem;margin-bottom: .5rem;font-weight: 600;}
.pannel-3 ul li p {width: 80%;margin: 0 auto;text-align: center;font-size: .8rem;line-height: 1.2rem;}
/*pannel-4*/
.pannel-4{margin-top:2.25rem;}
.focus1{width:88.8%;margin:0 auto;margin-top: 2.2rem; }
.focus1 .bd{width:75%;margin:0 auto;}
.prev, .next { width: .78rem; height: 1.68rem; position: absolute; top: 50%; margin-top: -.84rem; cursor: pointer; }
.prev { background: url(../images/qk_fudao_22-before/left.png) no-repeat; left: 2%; background-size: cover; }
.next { background: url(../images/qk_fudao_22-before/right.png) no-repeat; right: 2%; background-size: cover; }
.focus1 .hd {width: 42px;left: 50%;margin:  .5rem 0;margin-left: -21px;bottom: -2rem;}
.pannel-4 a{margin-top:2.5rem!important;}
/*pannel-5*/
.pannel-5{margin-top:1.5rem;}
.pannel-5 ul {width: 100%;margin: 0 auto;overflow: hidden;}
.pannel-5 ul li { width: 25%; float: left; margin-top: 2rem; }
.pannel-5 ul li img {margin: 0 auto;display: block;width: 2.63rem;height: 2.63rem;}
.pannel-5 ul li p {font-size: .9rem;text-align: center;margin-top: .5rem;margin-bottom: .2rem; color: #16679a; font-weight: bolder}
.tabCon10{width: 82%;margin: 0 auto;position: relative;border: 1px solid #000;margin-top: 1rem;padding: 0 2%;display: none;margin-bottom: 1.6rem; background: #ffffff}
.tabCon10 span{font-size: 1rem;font-weight: 600;margin-right: .6rem;color: #00a0e9;}
.tabCon10 p{ font-size: .8rem; margin-bottom: .5rem; line-height: 1.4rem;margin-top: .5rem;  }
.tabCon10 em{width: 21px;height: 14px;background: url("../images/qk_fudao_22-before/sanjiao.png") no-repeat;background-size: 21px 14px;display: block;position: absolute;top: -12px;}


.tabCon11{width: 82%;margin: 0 auto;position: relative;border: 1px solid #000;margin-top: 1rem;padding: 0 2%;display: none;margin-bottom: 1.6rem; background: #ffffff}
.tabCon11 span{font-size: 1rem;font-weight: 600;margin-right: .6rem;color: #00a0e9;}
.tabCon11 p{ font-size: .8rem; margin-bottom: .5rem; line-height: 1.4rem;margin-top: .5rem;  }
.tabCon11 em{width: 21px;height: 14px;background: url("../images/qk_fudao_22-before/sanjiao.png") no-repeat;background-size: 21px 14px;display: block;position: absolute;top: -12px;}
.block { display: block !important; }
.pannel-5 .one em{left: 3%;}
.pannel-5 .two em{left: 33%;}
.pannel-5 .three em{left: 62%;}
.pannel-5 .four em{left: 91%;}
/*pannel-6*/
.pannel-6{margin-top:2.5rem;}
.focus2,.focus3{width:94%;background-color: #00a0e9;margin:0 auto;margin-top:1rem;padding-bottom: 1.4rem;}
.focus2 .bd li img {width: 94%;padding: .6rem 0;}
.focus2 .hd,.focus3 .hd  {width: 104px;bottom: .5rem;right: 50%;margin-right: -60px;}
.focus2 .hd li,.focus3 .hd  li{border: 1px solid #fff;}
.focus2 .hd li.on ,.focus3 .hd li.on{ background-color: #fff; color: #fff; }
/*pannel-9*/
.pannel-9 {margin-top: 1.6rem;margin-bottom: 1rem;background-size:cover;padding-top: .6rem;width:100%;height:auto;padding-bottom: 1.9rem; background: #ffdb6b }
.pannel9 {width: 93.5%;background-color: #00a0e9;margin: 0 auto;height: auto;overflow: hidden;border: 1px solid #00a0e9;margin-top: 1rem;}
.TabTitle1 {width: 27%;float: left;}
.TabTitle1 li { height: 3.4rem; line-height: 3.4rem; font-size: .8rem; color: #fff; text-align: center; border-bottom: 1px dashed #D7D7D7; cursor: pointer; }
.TabTitle1 li:last-child { border-bottom: none; }
.TabTitle1 li.active {background-color: #ffffff;color: #00a0e9;border-bottom: none;}
.TabContent1 {width: 68.3%;float: right;position: relative;margin-top: .32rem;margin-right: 2%;height: auto;overflow: hidden;}
.TabContent1 img { width: 100%; height: auto; display: block; }
/*pannel-10*/
.focus3{width:94%;padding-top: .5rem;padding-bottom: 1.8rem;}
.focus3 .bd li img {width: 95%;}
/*pannel-12*/
.pannel-12 { width: 100%; background: #FF9E00; bottom: 0px; position: fixed; overflow: hidden; z-index: 10; box-shadow: 0 2px 13px 0 #CBD6EC; max-width: 750px; margin: 0 auto; }
.pannel-12 a { display: block; width: 100%; float: left; }
.pannel-12 li { float: left; width: 25%; height: 2.5rem; padding-top: .6rem;padding-bottom: 1rem; }
.pannel-12 li p { width: 100%; text-align: center;color: #fff; }
.pannel-12 li img { margin: 0 auto; display: block; margin-bottom: .5rem; height: 1.5rem; }
/*.pannel-13*/
.pannel-13 { width: 60%; position: fixed; background-color: #fff; top: 50%; height: 14rem; margin-top: -7rem; max-width: 402px; left: 50%; margin-left: -34%; z-index: 100; padding: 0 4%;display:none; }
.pannel-13 img { width: 21.37%; height: auto; display: block; margin: 0 auto;}
.pannel-13 p { text-align: center; font-size: 1rem; }
.pannel-13 .ses {font-size: 1.25rem;margin-top: .6rem;margin-bottom: .2rem;}
.pannel-13 span {color:#fff;}
.pannel-13 .btns {width: 61%;height: 1.8rem;border-radius: 6px;border: solid 2px #076eb8;font-size: 1rem;color: #076eb8;background-color: transparent;padding: 0;margin:  0 auto;display:  block;margin-top: 1rem;outline:none;}
#hui-mask { position: fixed; z-index: 20; background: rgba(0,0,0, 0.5); width: 100%; left: 0px; top: 0px; height: 100%; z-index: 99; }
/*15周年弹窗 */
.tiepian{margin:20px auto;display:block;}
.anniversary{width: 278px;height: 373.5px;position: fixed;top: 50%;left: 50%;margin-left: -139px;margin-top: -186.75px;z-index: 9999;background: url("../../images/zt/brand/tanchuang.png") no-repeat center;background-size: cover;}
.choujiang{position: absolute;width: 278px;height: 320px;display: block;bottom: 0;left: 0;}
.guanbi1{position: absolute;width: 34px;height: 34px;display: block;right: 9px;top: 3px;}

.wxBtnBox{
     width: 15.41rem;
    height: 2rem;
    margin: 0 auto;
}

.whImg{
     width: 100%;
    height: 100%;
}
.titleImg{
     width: 54%;
    margin: 1rem auto;
}

 /*体系*/
.tixiBox{
     padding: 1rem;
}
.tixiBox .tixiTOP ul { display: flex; justify-content: center}

.tixiBox .tixiTOP ul  li{
    font-size: 0.7rem;
   display: flex;
    justify-content: center;
    align-items: center;
    color: #16679a;
    width: 9.5rem;
    height: 1.52rem;
    border-radius: 0.66rem;
    border: solid 0.05rem #ffdb6b;
   margin: 0 0.5rem;
    font-weight: bolder;
}
.tixiBox .tixiTOP ul  li.active{ background-color: #ffdb6b; }

.tixiBox .tixiCOT{ margin: 0.5rem 0}
.tixiBox .tixiCOT ul li{
     display: none;
}
.tixiBox .tixiCOT ul li:first-child{ display: block}

.sixBOX{
    margin: 1rem 0;
    background-color: #ffdb6b;
    padding: 0.5rem  ;
}
.sixBOX ul{
     display: flex;
     justify-content: space-around;
     align-items: center;
     flex-wrap: wrap;
}
.sixBOX ul li{
     display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
   width: 50%;
    margin: 0.5rem 0;
}
.sixBOX ul li img{
    width: 5.5rem;
    height: 3rem;
}
.sixBOX ul li p{
    color: #16679a;
    font-size: 0.5rem;
    text-align: center;
}

.tisi{
    width: 12.34rem;
    height: 1.25rem;
    background-color: #ffffff;
    border-radius: 0.53rem;
    margin: 0 auto;
    font-size: 0.73rem;

    color: #ff6b6b;
    display: flex;
    justify-content: center;
    align-items: center;
}
.xuanfukuang img {
    position: fixed;
    bottom: 200px;
    right: 0;
  }