html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,em, img, strong,b, i,dl, dt, dd, ol, ul, li,form, label,table, caption,article, aside, canvas, details,  footer, header, menu, nav, section, time, mark, audio, video, input, select { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;font-family:"微软雅黑";box-sizing: border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);font-style:normal;}

.r{border:1px red solid;}
.b{border:1px black solid;}
.block{display:block;}
.none{display:none;}
.tran{-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

@media screen and (max-width:450px){html{font-size:16px;} }
@media screen and (max-width:375px){html{font-size:14px;} }
@media screen and (max-width:350px){html{ font-size:12px; } }




.gao{height:74px;display:block;}


.topbg{ background: rgba(43,37,45,0.96); height: 3.5625rem; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }
.topbg .logo{padding-top: 0.5rem; padding-left: 1rem; width: 40%;}
.topbg .logo img{ width: 100%; float: left;}
.flog{ float: right; padding-right: 1em;}



/*banner*/
.c_banner{overflow:hidden;width:100%;position: relative;}
.c_banner .banner_img{display:block;position:relative; left:50%; margin-left:-960px; width:1920px;}

.biaodan{position: absolute;bottom:35px;width:100%;}
.form{width:246px; height: 384px; background:#039aff;float:right;box-shadow:2px 2px 2px rgba(0,0,0,.3);padding:10px 0;}
.form h3{font-size:24px;color:#fff;text-align: center;line-height:1.4; background: url(../img/bannertxtkh.png) no-repeat 50% 50%; height: 66px; margin-top: 25px; margin-bottom: 30px;}
.form h3 span{font-size:24px;}
.choose {overflow:hidden;width:80%;margin:0 auto 30px;}
.choose span{float:left;width:50%;margin-top:18px;cursor:pointer;}
.choose span i{display:inline-block;width:15px;height:15px;border:1px #9ea1a1 solid;border-radius:50%;cursor:pointer;margin-right:5px;vertical-align:-4px;}
.choose span i.curr{border:1px #f39800 solid;background:#f39800;}

.form p{overflow:hidden;width:80%;margin:10px auto 0;border:2px #c5cbcc solid;height:35px;line-height:35px;border-radius:10px;box-sizing:content-box;background: #fff; margin-bottom: 24px;}
.form p label{width:30%;float:left;height:35px;line-height:35px;font-weight: normal;text-align: right;font-size:14px;color:#424242;}
.form p input{width:70%;border:none;background:none;height:35px;padding-left: 5px;line-height:35px;color:#424242;font-size:14px; }
.form p select{width:60%;border:none;height:35px;padding-left: 14px;line-height:35px;color:#424242;font-size:14px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
   background: url(../img/xl.png) no-repeat right center;
   padding-right: 14px;
}
select::-ms-expand { display: none; }
.form p input.yan{width:27%;float:left;}
.form p a.code{float:left;width:40%;height:35px;line-height:35px;color:#424242;font-size:14px;}
.form a.button{width:80%;display:block;margin:10px auto;background:#c3e959 url(../img/zxicon.png) no-repeat 25% 50%;border-radius:20px;height:35px;line-height:35px;text-align: center;font-size:18px;color:#017bff; padding-left: 20px;}
.form a.button:hover{background:#96b934  url(../img/zxicon.png) no-repeat 25% 50%; padding-left: 20px;}

.whiteline{ border: 1px solid #fff; width: 230px; height: 365px; margin: 0 auto;}





h2 {text-align: center;}
h2 span{font-size:36px;font-weight: bold;color:#c43027;text-align: center;margin:50px 0 30px;display:inline-block;padding:0 60px 15px 60px; font-style:oblique;
        list-style-type: none;
    border-right-width:0;
    border-left-width: 0;
    border-top-width: 0;
    border-bottom:5px solid transparent;
    -moz-border-image: -moz-linear-gradient(bottom, #fff 0%, #c43027 50%, #fff 100%);
    -webkit-border-image: -webkit-linear-gradient(to left, #fff 0%, #c43027 50%, #fff 100%);
    border-image: linear-gradient(to right, #fff 0%, #c43027 50%, #fff 100%);
    border-image-slice: 1;
}

/*con1*/

.con1 .lefttxtpg{ float: left; width: 71%;}
.con1 .rightimgpg{ float: right; width: 25%;}
.con1 .rightimgpg img{ width: 100%;}
.lefttxtpg .imgtitle{ text-align: center; border-bottom: 1px solid #039aff; padding-bottom: 20px; margin-bottom: 25px;}
.padd70{ margin-top:40px;padding: 40px;    box-shadow: 3px 3px 10px rgba(0,0,0,.3);}
.kpg p{ line-height: 25px; color: #333;}
.fourreduce{ background: url(../img/fourcur1.png) no-repeat top left; height: 682px; margin-top: 50px;}
.con1 .fourreduce ul li{ width: 295px; height: 310px; border-radius: 0; box-shadow: 0px 0px 15px rgba(0,0,0,.3); margin: 0; margin-right: 40px; margin-bottom: 40px;}
.con1 .fourreduce ul li:nth-child(2n){ margin-right: 0;}
.con1 .fourreduce ul { width: 636px; float: right; padding-top: 10px; padding-left: 3px;}




.con1_text p{font-size:16px;color:#333;line-height:1.5;text-align: center;}
.con1 ul{overflow:hidden;}
.con1 ul li{float:left;width:16%;background:#f0f0f0;position: relative;border-radius:20px;margin:60px 0 40px;overflow:hidden;}
.con1 ul li+li{margin-left:0.666%;}

.con1 ul li .si{ position: absolute;top:33px;left:0;width:90%;height:90%; margin-left:5%; margin-top:5%; overflow:hidden;color:#fff;background:#92d400;
    transform: translateY(-100%);
    -webkit-transform: translateY(100%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.con1 ul li .si:hover, .con1 ul li .si_con { top: 0;}

.con1 ul li .si_con .p1{font-size:22px;color:#fff;text-align: center;line-height:1.2;padding-top:15px;font-family:"宋体";}
.con1 ul li .si_con .p1 span{display:inline-block;border-bottom:2px #fff solid;line-height:1.5;width: 207px; padding-bottom: 10px;}
.con1 ul li .si_con .p1 i{display:block;font-size:14px;line-height:2;}
.con1 ul li .si_con .p2{color:#fff;font-size:16px;line-height:1.5;text-align: left;padding:15px 0 15px;font-family:"宋体"; width: 207px; margin:0 auto; font-family: "微软雅黑";}
.con1 ul li .si_con a{display:block;text-align: center;color:#fff;font-size:18px;font-family:"宋体";}
.con1 ul li .si_con a span{display:inline-block;width:15px;height:15px;text-align: center;line-height:10px;background:#fff;border-radius:50%;vertical-align:2px;}
.con1 ul li .si_con a:hover{color:#ffe887;}
.con1 ul li .si_con a:hover span{background:#ffe887;}
.con1 ul li:hover .si{transform: translateY(0);
    -webkit-transform: translateY(0);} 



    .bglongreB .table_box{
        width: 100%;
        padding: 15px 30px;
        box-sizing: border-box;
        background-color: #fff;

    }
    .bglongreB .table_box .title ul {width: 100%;display: flex;border-top: 2px solid #039aff;padding-top: 15px;position: relative;}
    .bglongreB .table_box .title ul::after{
        position: absolute;
        left: 0;
        bottom: -10px;
        display: block;
        width: 88%;
        height: 1px;
        background-color: #039aff;
        content: '';
    }
    .bglongreB .table_box .title ul li{text-align: center;font-size: 16px;color: #039aff;font-weight: 700;}
    .bglongreB .table_box .title ul li:first-child{
        width: 220px;
    }
    a{text-decoration: none;}

    .table_box .table_main ul{ width: 100%;padding-top: 20px;}
    .table_box .table_main ul li{ width: 100%;display: flex;justify-content: space-between;text-align: start;font-size: 16px;border-bottom: 1px dashed #ccc;padding: 0 30px;box-sizing: border-box;height: 50px;line-height: 50px;}
    /* .table_box .table_main ul li span,.img_box{
        flex: 1;
    } */
    .table_box .table_main ul li img{
        display: block;
        width: 10%;
        margin: 0 auto;
    }
    .table_box .table_main ul li img:hover{
        content: url(../img/icon_s2.png);
    }
    .table_box .table_main ul li a{
        color: #fff;
        width: 100px;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        text-align: center;
        margin-top: 10px;
    }
    .table_box .table_main ul li:last-child{
        height: 60px;
    line-height: 27px;
    padding-top: 5px;
    }
    .table_box .table_main ul li .a1{
        background-color: #35aeff;

    }
    .table_box .table_main ul li .a1:hover{
        background-color: #2b82db;
    }
    .table_box .table_main ul li .a2{
        background-color: #7ab200;
    }
    .table_box .table_main ul li .a2:hover{
        background-color: #659300;
    }
    .table_box .table_main ul li .span1{
        width: 250px;
      
    }
    .table_box .table_main ul li .span2{
        width: 100px;
    }

    .table_box .table_main ul li .img_box{
        width: 100px;
    }
    .table_box .table_main ul li .img_box img{
        display: block;
        width: 25%;
        margin: 0 auto;
        vertical-align: middle;
        margin-top: 10px;
    }
/*  8-30   */

.bglongreB{ background: #039aff url(../img/longreicon.png) no-repeat right 40px bottom 45px; height: 100%;padding-bottom: 100px;}
.bglongreB .titleone img{ text-align: center;display: block;margin: 0 auto;}
.bglongreB .titleone{ width: 100%;margin: 30px auto;}
.bglongreB .titleone p{font-size: 18px;color: #fff;text-align: center;padding-top: 20px;}
.bglongreB .titleone p img{display: inline-block;vertical-align: middle; margin-right: 10px;}
.floatFlist dl.floatFlistdl{ width: 234px; height: 454px; background: #fff; padding: 15px; float: left; margin-right: 7px; position: relative;}
.floatFlist dl.floatFlistdl:last-child{ margin-right: 0;}
.floatFlist dl.floatFlistdl dt{ width: 204px; height: 142px; margin-bottom: 15px;}
.floatFlist dl.floatFlistdl dt img{ width: 100%;}
.floatFlist dl.floatFlistdl dd .floatlt1{ margin-bottom: 25px;}
.floatFlist dl.floatFlistdl dd .floatlt1 h1{ background: #039aff; color: #fff; font-size: 16px; width: 45%; padding: 5px 10px; border-radius: 5px;    margin-bottom: 5px;}
.floatFlist dl.floatFlistdl dd .floatlt1 span{ color: #333; margin-top: 10px; margin-left: 2px;}
.floatFlist dl.floatFlistdl:hover dt img{ background: #fff;}
.floatFlist dl.floatFlistdl:hover{ background: #92d400;
-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.floatFlist dl.floatFlistdl:hover dd .floatlt1 h1{ background: rgba(0,0,0,.2);
-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.floatFlist dl.floatFlistdl:hover dd .floatlt1 span{ color: #fff;}
/*.floatFlist{ position: relative;}*/
.floatFlist .hidedialog dl.hidedl{ width: 204px; height: 142px; background: rgba(255,255,255,.8); text-align: center; color: #fff; padding-top: 20px;position: absolute; top: 15px; left: 15px; display: none;}
.floatFlist .hidedialog dl.hidedl dt img{ width: auto; text-align: center; vertical-align: middle;  margin-top: 15px;}
.floatFlist .hidedialog dl.hidedl dt{ width: 56px; height: 56px; background: #75aa00; border-radius: 50%;    margin-left: 72px;}
.floatFlist dl.floatFlistdl:hover .hidedialog dl.hidedl dt img{ background: none;}
.floatFlist dl.floatFlistdl:hover .hidedialog dl.hidedl dd{ color: #75aa00;}
.floatFlist dl.floatFlistdl:hover .hidedialog dl.hidedl{ display: block; }
.btn_iconbg{ position: relative; margin-top: 30px;}
.btn_iconbg button.btn_operk{ width: 306px; height: 40px; line-height: 40px; color: #097ff8; text-align: center; margin: 0 auto; border: 0; border-radius: 5px; background: #fff; margin-left: 37%; padding-left: 40px;}
.btn_iconbg span{ position: absolute; left: 50%;  margin-left: -142px; top: -19px;}
.btn_iconbg button.btn_operk:hover{ background: #93d402; color: #fff;}



/*  8-31  */

.circle {
width: 140px;
height: 140px;  
position: absolute;
border-radius: 50%;
background: #92d400;
}
.pie_left, .pie_right {
width: 140px; 
height: 140px;
position: absolute;
top: 0;left: 0;
}
.left, .right {
display: block;
width:140px; 
height:140px;
background:#039aff;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
/*transform: rotate(30deg);*/
}
.pie_right, .right {
clip:rect(0,auto,auto,70px);
}
.pie_left, .left {
clip:rect(0,75px,auto,0);
}
/*
*当top和left取值为auto时，相当于0
*当bottom和right取值为auto时，相当于100%
*/
.mask {
width: 125px;
height: 125px;
border-radius: 50%;
left: 50%;
top: 8px;
margin-left: -63px;
color: #fff;
background: #FFF;
position: absolute;
text-align: center;
line-height: 125px;
font-size: 16px;
}
.txtTmask{ position: absolute; left: 50%;  margin-left: -38px;  margin-top:43px; text-align: center;color: #039aff; }
.txtTmask h1{ font-size: 24px;color: #039aff; font-weight: normal; padding-bottom: 10px; }
.txtTmask span{ font-size: 14px; width: 100px; border-top: 1px solid #039aff; padding-top: 5px;}

.posirel{ position: relative; width: 15%;  float: left; height: 525px; margin-right: 200px;}
.posirel:last-child{ margin-right: 0;}
.maketime .titleone img{ text-align: center;}
.maketime .titleone{ width: 621px;margin: 50px auto;}
.height130{ height: 130px;}
.listfz1{ background: url(../img/listsapfz1.png) no-repeat 50% 50%; height: 363px;}
.listfz1 h1{ color: #039aff; font-size: 24px;}
.listfz1 h1 span{ display: block; color: #333; font-size: 16px;}
.leftpost{ position: absolute;  top: 55%; left: -16px; width: 100px;}
.leftpost1 { position: absolute; top: 72%; left: 99px; width: 100px;}
.leftpost2 { position: absolute; top: 83%; left: -43px; width: 100px; text-align: right;}
.leftpost3 { position: absolute; bottom: 11px; left: 99px; width: 100px;}
/*.leftpost4 { position: absolute; bottom: 11px; left: 99px; width: 100px;}*/


.posirel.posirel1 .listfz1{ background: url(../img/listsapfz2.png) no-repeat 50% 50%; height: 363px;}
.posirel.posirel1 .listfz1 .leftpost{ position: absolute;  top: 28%; left: -28px; width: 100px;}
.posirel.posirel1 .listfz1 .leftpost1 { position: absolute; top: 56%; left: 99px; width: 100px;}
.posirel.posirel1 .listfz1 .leftpost2 { position: absolute; top: 73%; left: -46px; width: 100px;text-align: right;}
.posirel.posirel1 .listfz1 .leftpost3 { position: absolute; bottom: 66px; left: 99px; width: 100px;}
.posirel.posirel1 .listfz1 .leftpost4 { position: absolute; bottom: 32px; left: -43px; text-align: right; width: 100px;}

.posirel.posirel2 .listfz1{ background: url(../img/listsapfz3.png) no-repeat 50% 50%; height: 363px;}
.posirel.posirel2 .listfz1 .leftpost1 { position: absolute; top: 56%; left: -45px; width: 100px;text-align: right;}
.posirel.posirel2 .listfz1 .leftpost2 { position: absolute; top: 73%; left: 99px; width: 100px; text-align: left;}

.posirel.posirel2 .pie_right, .right {clip:rect(0,auto,auto,70px);}
.posirel.posirel2 .pie_left, .left {clip:rect(0,70px,auto,0);}
.makepadd30{ margin-left: 226px;height: 525px;}

.mabtntv{ background: #039aff; color: #fff; width: 306px; height: 40px; line-height: 40px; margin: 70px auto; text-align: center; border-radius: 5px;}
.mabtntv:hover{ background: #c3e959; }
.mabtntv a{ color: #fff;}
.mabtntv:hover a{color: #017bff;}



.chooseCkc .titleone img{ text-align: center;}
.chooseCkc .titleone{ width: 621px;margin: 30px auto;}
.chooseCkc{ background: rgba(120,175,0,.1);padding-bottom: 50px;}
.divDlone dl{ float: left; margin-right: 70px; box-shadow: 3px 3px 10px rgba(0,0,0,.3);}
.divDlone dl:last-child{ margin-right: 0;}
.divDlone dl.dl1bg{ background: url(../img/ketang1.jpg) no-repeat; width: 351px; height: 448px; padding: 0 20px;}
.divDlone dl.dl2bg{ background: url(../img/ketang2.jpg) no-repeat; width: 351px; height: 448px; padding: 0 20px;}
.divDlone dl.dl3bg{ background: url(../img/ketang3.jpg) no-repeat; width: 351px; height: 448px; padding: 0 20px;}
.divDlone dl dt{ color: #fff; margin-top: 30px; padding-top: 130px; margin-bottom: 28px; min-height: 232px;}
.divDlone dl dt h1{ font-size: 22px; text-align: center; font-weight: normal; margin-bottom: 5px;}
.divDlone dl dt p{ font-size: 16px;}

.divDlone dl dd{ background: #f4fae6; padding: 10px; padding-top: 20px; padding-bottom: 0; min-height: 140px;}
.divDlone dl dd h1{ color: #75aa00; font-size: 16px; position: absolute; background: #f4fae6; padding: 5px 10px;  top: -15px; left: 50%;    margin-left: -40px;}
.ddDD{ position: relative;}
.ddDD span{ border: 1px dashed #75aa00 ; height: 1px; width: 100%; display: block; }
.divDlone dl dd p{ margin-top: 10px; text-align: center;font-size: 14px;  margin-bottom: 18px;}



.advice .titleone img{ text-align: center;}
.advice .titleone{ width: 621px;margin: 30px auto;}
.adviceuli li span{ border: 1px solid #039aff; width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 20px; display: block; float: left; margin-right: 10px; color: #039aff; font-size: 14px;}
.adviceuli li{ font-size: 18px; padding-bottom: 20px;}
.adviceuli{ width: 689px; margin: 0 auto; background: url(../img/bottombg.png) no-repeat center bottom; padding-bottom: 30px; background-size: 100%;margin-bottom: 40px;}
.sixlei{
    width: 100%;display: flex;justify-content: space-between;
    flex-wrap: wrap;
}
.sixlei dl{ width: 31%;  text-align: center; border: 2px solid #039aff;box-sizing: border-box;margin-top: 15px;padding: 15px 0;}
.sixlei dl dt img{ box-shadow: 3px 3px 10px rgba(0,0,0,.3); border-radius: 50%;}
.sixlei dl dd h1{ font-size: 24px; color: #039aff; font-weight: normal; margin-top: 15px;}
.sixlei dl dd h1 span{ font-size: 16px; display: block; margin-top: 15px; margin-bottom: 15px;font-weight: 700;}
.sixlei dl dd li{ font-size: 16px; background: url(../img/listyle.png) no-repeat left center; text-align: left; padding-left: 15px;}
.sixlei dl dd ul{ width: 150px; margin: 0 auto;}

.six_bg{ width: 689px; margin: 0 auto; background: url(../img/bottombg.png) no-repeat center bottom; padding-bottom: 30px; background-size: 100%;margin-bottom: 40px;}

.servicebg{ background: url(../img/bgwall.jpg) no-repeat 50% 50%;}
.servicebg .titleone img{ text-align: center;}
.servicebg .titleone{ width: 621px;margin: 30px auto;}

.titleone h1{ font-size: 20px; color: #fff; text-align: center; margin-top: 40px; margin-bottom: 58px;}

.serdllist dl dd{ color: #fff; font-size: 24px;background-size: 91% 100%; height: 54px; line-height: 54px; padding-left: 74px;}
.serdllist dl{ width: 32%; float: left; margin-right: 24px; margin-bottom: 24px;}
.serdllist dl:nth-child(3n){ margin-right: 0;}

.serdllist dl.serdlbg1 dd{ color: #fff; background: url(../img/sertext1.png) no-repeat 0% 50%;background-size: 91% 100%; height: 54px; line-height: 54px;}
.serdllist dl.serdlbg2 dd{ color: #fff;  background: url(../img/sertext2.png) no-repeat 0% 50%;background-size: 91% 100%; height: 54px; line-height: 54px; }
.serdllist dl.serdlbg3 dd{ color: #fff;  background: url(../img/sertext3.png) no-repeat 0% 50%;background-size: 91% 100%; height: 54px; line-height: 54px;}
.serdllist dl.serdlbg4 dd{ color: #fff; background: url(../img/sertext4.png) no-repeat 0% 50%;background-size: 91% 100%; height: 54px; line-height: 54px;}
.serdllist dl.serdlbg5 dd{ color: #fff; background: url(../img/sertext5.png) no-repeat 0% 50%;background-size: 91% 100%; height: 54px; line-height: 54px;}
.serdllist dl.serdlbg6 dd{ color: #fff;  background: url(../img/sertext6.png) no-repeat 0% 50%;background-size: 91% 100%; height: 54px; line-height: 54px;}

.mabtntvfff{ background: #fff; color: #039aff; width: 306px; height: 40px; line-height: 40px; margin: 50px auto; text-align: center; border-radius: 5px;}
.mabtntvfff:hover{ background: #c3e959; }
.mabtntvfff a{ color: #039aff;}
.mabtntvfff:hover a{color: #017bff;}


.teacherbg .titleone img{ text-align: center;}
.teacherbg .titleone{ width: 621px;margin: 30px auto;}
.teacherbg .titleone h1{ font-size: 20px; color: #039aff; text-align: center; margin-top: 22px; margin-bottom: 22px;}
.teacherbg .titleone p{ font-size: 16px; color: #333; width: 700px; text-align: center;}

.shi1{background:#f3f5fd;margin-top:100px;padding:35px 0;}
.shi{}
.shi .shi_text {font-size:16px;line-height: 1.8;width:75%;margin:0 auto;text-align: center;}
.shi .shi_text span{font-size:18px;text-align:center;display:block;font-weight: bold;margin:25px 0 15px;}
.shi ul{overflow:hidden;padding-top:4rem;}
.shi ul li{float:left;width:20%;margin-right:6.666%;position: relative;overflow:hidden;padding-top:2rem;}
.shi ul li:last-child{margin-right:0;}
.shi ul li .li_con{background:url(../img/li_con.png) no-repeat;position: absolute;width:100%;bottom:-100%;;left:0;color:#fff;padding:20px 0 10px;background-size:100% 100%;height:230px;cursor:pointer; -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.shi ul li:hover .li_con{bottom:0;}
.shi ul li:hover img{margin-top:-2rem;-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.shi ul li .li_con .p1{text-align:right;padding-right:10px;}
.shi ul li .li_con .p1 span{display:block;font-size:20px;}
.shi ul li .li_con .p1 em{display:inline-block;font-size:14px;background:url(../img/textbg.png) no-repeat;padding:0 8px;background-size:100% 100%; color: #016fff;}
.shi ul li .li_con .p2{font-size:14px;line-height:1.5;width:90%;margin:5px auto 0;}

.teacherbg{ margin-bottom: 100px;}
.fourreduce{ position: relative;}
.fourreduce .fourspan{ position: absolute; top: 132px; left: 19%;}
.fourspan a{ background: #016fff; color: #fff; padding: 3px 10px; border: 1px solid #fff;display: block; margin-top: -6px;  margin-left: -3px;}
.fourspan {background: #016fff; padding: 2px 1px;}
.fourspan a:hover, .fourspan:hover{ background: #92d400;}










/*con2*/
.con2_text p{font-size:16px;color:#333;line-height:1.5;text-align: center;}
.con2_img{margin:60px 0 40px;}
.ke_san{border:1px #717071 dashed;border-radius:40px;width:80%;margin:65px auto 0;}
.ke_san ul{overflow:hidden;margin-top:-15px;}
.ke_san ul li{width:33.33%;float:left;text-align: center;height:245px;} 
.ke_san ul li .p1{width:50%;margin:0 auto; background:#f08118;font-size:24px;font-weight: bold;line-height:1.5;color:#fff;border-radius:20px;}
.ke_san ul li .p2{margin-top:30px;font-size:18px;color:#333;line-height:1.8;}

/*con3*/
.con3 ul.ul1{overflow:hidden;}
.con3 ul.ul1 li{width:25%;float:left;background:#273179;height:195px;position: relative;}
.con3 ul.ul1 li img{width:100%;}
.con3 ul.ul1 li p.p1{margin-top:45px;text-align: center;font-size:18px;color:#fff;}
.con3 ul.ul1 li p.p2{width:90%;margin:25px auto 30px;color:#fff;line-height:1.5;}

.con3 ul.ul1 li p.p3{position: absolute;top:0;left:0;width:100%;height:100%;font-size:14px;color:#fff;padding:30px 0 0 20px;}


/*con4*/
.con4 .ch_ul{overflow:hidden;}
.con4 .ch_ul li{width:23%;float:left;margin:10px 0;}
.con4 .ch_ul li+li{margin-left:2.666%;}
.con4 .ch_ul2 li{width:23%;float:right;margin:30px 0 10px;}
.con4 .ch_ul2 li+li{margin-right:2.666%;margin-left:0;}

/*con5*/
.con5w{width:100%;overflow:hidden;margin-top:40px;}
.con5bg{display:block;position:relative; left:50%; margin-left:-960px; width:1920px;height:457px;}
.con5 .con5_ul{overflow:hidden;width:90%;margin:20px auto;}
.con5 .con5_ul li{float:left;width:25%;overflow:hidden;}
.con5 .con5_ul li:nth-child(2){width:38%;}
.con5 .con5_ul li:nth-child(3){width:37%;}
.con5 .con5_ul li p.p1{float:left;width:20%;}
.con5 .con5_ul li p.p2{float:left;width:70%;}
.con5 .con5_ul li p.p2 span{display:inline-block;background:#f39800;padding:1px 5px;color:#fff;font-size:18px;}
.con5 .con5_ul li p.p2 em{font-size:18px;display:block;color:#333;margin-top:10px;}
.con5 a{display:block;width:30%;background:#283bbf;color:#fff;font-size:18px;line-height:2.5;text-align: center;margin:60px auto 0;border-radius:30px;}
.con5 a:hover{background:#0020ff;}


/*bottom*/
.bottom{padding:50px 0 30px;color:#fff;position:relative;background:#1a173b;}



/*课程体系*/
.of_ke ul{overflow:hidden;}
.of_ke ul li{float:left;width:20%;position: relative;height:293px;overflow:hidden;}
.of_ke ul li>img{width:100%;}
.of_ke ul li .p1{position: absolute;top:0;left: 0;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align: center;padding-top:80px;transition: all 0.5s ease-out;}
.of_ke ul li .p1 span{display: block;font-size:18px;font-weight:bold;color:#fff;margin-top:30px;}
.of_ke ul li .p2{position: absolute;top:0;left: 0;width:100%;height:100%;background:rgba(243,152,0,0.7);text-align: center;padding-top:40px;transform: translateY(-100%);
    -webkit-transform: translateY(100%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.of_ke ul li .p2 span{display: block;font-size:18px;font-weight:bold;color:#fff;margin-top:20px;}
.of_ke ul li .p2 em{display:block;width:90%;margin:30px auto 0;font-size:14px;color:#fff;text-align: left;}

.of_ke ul li:hover .p1{display:none;}
.of_ke ul li:hover .p2{transform: translateY(0);-webkit-transform: translateY(0);}
.of_ke a{display:block;width:30%;background:#f39800;color:#fff;font-size:18px;font-weight: bold;text-align: center;margin:40px auto;border-radius:5px;line-height:2.5;}
.of_ke a:hover{background:#ffba47;}


.ke_dao{background:#eeeeee;padding-bottom:60px;width:100%;overflow:hidden;}
.dao{overflow:hidden;}
.container{margin:0 auto; padding:0;}
.dao ul{overflow:hidden;width:1200px;}
.dao ul li{overflow:hidden;float:left;width:80px;height:365px;cursor: pointer;-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;position: relative;}

.dao ul li .li_left{float:left;width:80px;height:365px;}
.dao ul li .li_right{float:left;height:365px;position: relative;z-index:333;-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;width:720px;position: absolute;top:0;left:80px;
}
.dao ul li.curr .li_right{width:720px;}

.dao ul li.curr{width:800px;}
.dao ul li .li_left{padding-top:50px;text-align: center;font-size:30px;color:#fff;}
.dao ul li .li_left img{margin-bottom:26px;}
.dao ul li:nth-child(1) .li_left{background:#407ed3;}
.dao ul li:nth-child(2) .li_left{background:#f33c3c;}
.dao ul li:nth-child(3) .li_left{background:#407ed3;}
.dao ul li:nth-child(4) .li_left{background:#e75878;}
.dao ul li:nth-child(5) .li_left{background:#ffcd32;}
.dao ul li:nth-child(6) .li_left{background:#e58154;}

.dao ul li .li_right .p1{position: absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.6);padding:30px 0 0 90px;}
.dao ul li .li_right .p1 span{overflow:hidden;display:block;font-size:18px;color:#fff;margin-top:30px;}

.dan3{padding:30px 0;}
.dl1 dt{margin:40px 0 20px;}
.dl1 dd{float:left;width:24%;margin-right:1.333%;cursor:pointer;}
.dl1 dd:last-child{margin-right:0;}
.dl1 dd .p_t{font-size:16px;color:#333;line-height:2.2;width:267px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;text-align:center;}
.dl1 dd .tan{display:none;position: absolute;top:-20px;left:242px;z-index:11;padding-left:10px;}
.dl1 dd:nth-child(n+4) .tan{position: absolute;top:-20px;left:-390px;padding-right:10px;padding-left:0;}
.dl1 dd .tan .tank{width:380px;background:#fff; border:1px #333 solid;border-radius:15px;padding:20px 10px;position: relative;}
.dl1 dd .tan .tank::before{
    content: '';
    width: 0;
    height: 0;
    border-width:8px 8px 8px 0;
    border-style:dashed;
    border-color:transparent #333 transparent transparent ;
    position: absolute;
    top: 100px;
    left: -9px;
}
.dl1 dd .tan .tank::after{
    content: '';
    width: 0;
    height: 0;
    border-width:8px 8px 8px 0;
    border-style:dashed;
    border-color:transparent #fff transparent transparent;
    position: absolute;
    top: 100px;
    left: -8px;
}

.dl1 dd:nth-child(n+4) .tan .tank::before{
    content: '';
    width: 0;
    height: 0;
    border-width:8px 0 8px 8px;
    border-style:dashed;
    border-color:transparent transparent transparent #333;
    position: absolute;
    top: 100px;
    left: auto;
    right:-9px;
}
.dl1 dd:nth-child(n+4) .tan .tank::after{
    content: '';
    width: 0;
    height: 0;
    border-width:8px 0 8px 8px;
    border-style:dashed;
    border-color:transparent transparent transparent #fff ;
    position: absolute;
    top: 100px;
    left: auto;
    right:-8px;
}
.dl1 dd .tan h3{font-size:20px;margin-bottom:5px;}
.dl1 dd .tan .p1{font-size:14px;line-height:1.5;overflow:hidden;width:100%;}
.dl1 dd .tan .p1 span{display:block; float:left;width:22%;}
.dl1 dd .tan .p1 i{display:block; float:left;width:78%;}
.shi_btn{display:block; background:#eb546d;font-size:18px;color:#fff;width:80%;margin:10px auto 0;line-height:40px;border-radius:10px;text-align:center;}
.shi_btn:hover{color:#fff;background:#fe153c;}
.dd_img{position: relative;width:242px;height:150px;}
.dd_img .p_tt{display:block;position: absolute;top:60px;left:0;width:100%; text-align:center;color:#fff;font-size:18px;z-index:9;}
.dd_img em{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10;display:none;}
.dl1 dd:hover em{display:block;}
.dl1 dd:hover .tan{display:block;}






/*老师*/
.zhong{margin-top:70px;}
.zhong ul.ul1{overflow:hidden;}
.zhong ul.ul1 li{float:left;width:40%;}
.zhong ul.ul1 li+li{width:60%;}
.zhong ul.ul1 li .p1{font-size:24px;color:#f39800;padding-left:20px;}
.zhong ul.ul1 li .p2{font-size:14px;color:#333;width:90%;margin-top:50px;line-height:2;padding-left:20px;}

.zhong ul.ul2{height:300px;background:#f08118;margin-top:95px;}
.zhong ul.ul2 li{float:left;width:60%;}
.zhong ul.ul2 li+li{float:left;width:40%;}
.zhong ul.ul2 li p{padding-left:90px;}
.zhong ul.ul2 li .p1{font-size:24px;font-weight: bold;color:#fff;margin-top:20px;}
.zhong ul.ul2 li .p2{margin-top:40px;font-size:18px;font-weight: bold;}
.zhong ul.ul2 li .p3{font-size:14px;padding-right:50px;}
.zhong ul.ul2 li img{margin-top:-78px;}
.laoshi{margin-bottom:80px;}
.laoshi ul{overflow:hidden;padding-top:120px;}
.laoshi ul li{float:left;width:23%;border:6px #f08118 solid;}
.laoshi ul li img{margin-top:-109px;}
.laoshi ul li+li{margin-left:2.666%;}
.laoshi ul li p{background:#f08118;padding:10px 10px;}
.laoshi ul li p span{display:block;color:#fff;font-size:14px;}



@media screen and (max-width:768px){
    body,html{width:100%;overflow-x:hidden;}
    .r_xuanfu{display:none;}
    .bottom{padding:20px 0 5px 0;}
    .c_banner {height: auto;}
    .logo_img{width:50%;margin-top:0.1rem;}
    .collapsed{margin-top:0.5rem;}
    .header{height:4rem;padding:0 1rem;}
    .nav_btn{background:rgba(0,0,0,0.5); float: none; width: 100%; margin-top: 0px;} 
    .nav_btn li{width:100%;color:#fff;}
    .nav_btn li a {height: 4rem;line-height:4rem;color: #fff;font-size: 1.2rem;}
    .gao{height:4rem;}
    .list-inline{margin:0;}

    /*bannar*/
    .biaodan{position: static;width:100%;}
    .container{margin:0 auto;padding:0;}
    .con1_text p{padding:1rem;font-size:1.2rem;}
    .form {
        width: 100%;
        background: rgba(3,155,255,0.5);
        height:auto;
        float: none;
        padding-bottom:2rem;
    }
    .form h3{padding-top:2rem;font-size:1.4rem;}
    .choose span{font-size:1rem;}
    .form p {height:3rem;line-height:3rem;}
    .form p label{font-size:1rem;height:3rem;line-height:3rem;}
    .form p select{font-size:1rem;height:3rem;line-height:3rem;}
    .form p input{font-size:1rem;height:3rem;line-height:3rem;}
    .form p a.code{font-size:1rem;height:3rem;line-height:3rem;}
    .form a.button{font-size:1.4rem;height:3rem;line-height:3rem;}

    h2 {font-size: 1.6rem; padding-bottom: 3rem;background: url(../img/titbg.png) no-repeat center bottom;margin: 2rem 0;}
    .con1_text p{font-size:1.2rem;}
    .con1 ul li+li{margin:1.5rem 0;}
    .con1 ul li {float: left;width: 49%;height:20rem; border-radius: 1rem;margin: 1.5rem 0;padding-top: 2rem;}
    
.con1 ul li:nth-child(2n){margin-left:2%;}
.con1 ul li span{font-size:1.6rem;}
.con1 ul li span i{font-size:1rem;}
.con1 ul li .si_con .p1{font-size:1.6rem;}
.con1 ul li .si_con .p1 i{font-size:1rem;}
.con1 ul li .si_con .p2{font-size:1.2rem;}
.con1 ul li .si_con{height:20rem;}
.con1 ul li .si_con a{font-size:1.6rem;}

.con2_text p{font-size:1.2rem;}
.con2_img {margin: 2rem 1rem;}
.con2_img img{margin-top:2rem;}
.ke_san {border-radius: 1rem;width: 90%;margin: 2rem auto 0;}
.ke_san ul li {
    width: 100%;
    float: none;
    height: auto;
}
.ke_san ul{margin:0 0 2rem;}
.con3 ul.ul1 li p.p3{font-size:1rem;}
.ke_san ul li .p1{font-size:1.6rem;margin-top:2rem;}

.ke_san ul li .p2 {
    margin-top: 1rem;
    font-size: 1.4rem;
}
.ke_san ul li+li {
    background: none;}

.con3 ul.ul1 li {
    width: 90%;
    float: none;
    margin:0 auto ;
    height: auto;

}
.con3 ul.ul1 li p.p1{padding-top:2rem;margin:0;font-size:1.4rem;}
.con3 ul.ul1 li p.p2 {
    width: 90%;
    padding: 1.5rem 0;
    margin: 0 auto;
    color: #fff;
    line-height: 1.5;font-size:1rem;
}
.con4 .ch_ul li {
    width: 90%;
    float: none;
    margin: 1rem auto;
}
.con4 .ch_ul li+li{margin:1rem auto;}

.con5bg {
    display: block;
    position: static;
    left: 0;
    margin-left: 0;
    width: 100%;
    background: url(../img/dibg.jpg) no-repeat;
    height: auto;
}

.con5 .con5_ul li {
    float: none;
    width: 90%;
    margin:1rem auto 0;
    overflow: hidden;
}
.con5 .con5_ul li:nth-child(2){width:90%;}
.con5 .con5_ul li:nth-child(3){width:90%;}
.con5 .con5_ul li p.p2 em{font-size:1.2rem;}

.con5 a {
    width: 80%;
    font-size: 1.4rem;
    line-height: 2;
    margin: 1.5rem auto 1.5rem;
    border-radius: 1rem;
}

.dl1 dt{margin: 2rem auto;width:90%;}
.dl1 dd {
    float: none;
    width: 90%;
    margin:1.5rem auto 0;
    cursor: pointer;
}
.dd_img { text-align:center;
    position: relative;
    width:auto;
    height: auto;
}
.dl1 dd:hover em{display:none;}

.dl1 dd .tan {
    display: block;
    position: static;
    top: 0;
    left: 0 ;
    z-index: 11;
    padding-left: 0;

}
.dl1 dd .tan .tank {
    width: 90%;
    margin:0 auto;text-align:left;
    background: #fff;
    border: 1px #333 solid;
    border-radius: 15px;
    padding: 1rem;
    position: relative;
}
.dl1 dd .tan .p1 span{width:35%;}
.dl1 dd .tan .p1 i{width:65%;}
.dl1 dd .tan .tank::before{display:none;}
.dl1 dd .tan .tank::after{display:none;}
.dl1 dd:nth-child(n+4) .tan {
    display: block;
    position: static;
    top: 0;
    left: 0 ;
    z-index: 11;
    padding-left: 0;
}
.dl1 dd:last-child{margin:1.5rem auto 0;}
.dl1 dd:nth-child(n+4) .tan{padding:0;}
.dl1 dd .p_t{display:none;}

.of_ke ul li { float: none;width: 90%;height: 20rem;margin:1rem auto;}
.of_ke ul li .p2{padding-top:2rem;}
.of_ke ul li .p1{padding-top:2.5rem;}
.of_ke ul li .p1 span{font-size:1.4rem;}
.of_ke ul li .p2 span{font-size:1.4rem;margin-top:1.5rem;}
.of_ke ul li .p2 em{font-size:1rem;margin:1.5rem auto;}

.of_ke a {width: 80%;font-size: 1.4rem;margin: 2rem auto;}
.ke_dao{padding-bottom:2rem;}
.dao ul{width:100%;}
.dao ul li {width: 100%;float:none;height:28rem;margin-top:2rem;}
.dao ul li.curr{width:100%;} 
.dao ul li.curr .li_right{width:80%;}
.dao ul li .li_right{width:80%;position:relative;top:0;left:0;}
.dao ul li .li_left{width:20%;padding-top:3rem;font-size:2rem;}
.dao ul li .li_right .p1{padding:2rem 0 0 2rem;}
.dao ul li .li_right .p1 span{font-size:1.2rem;margin-top:1.5rem;}
.dao ul li .li_right .p1 span em{display:block;}

.qie_tit li {
    height: 56px;
    line-height: 36px;
    font-size: 1.2rem;
    padding: 10px;
}
.liu a {width: 80%;font-size: 1.4rem;margin: 2rem auto;}

.youshi ul {padding-bottom:2rem;}
.youshi ul li {
    float: none;
    width: 90%;
    color: #fff;
    margin:1.5rem auto 0;
}
.youshi ul.ul2 li{width:90%;float:none;}
.youshi ul li .p1{margin-top:1.5rem;font-size:1.4rem;}
.youshi ul li .p2{font-size:1rem;}
.youshi a {width: 80%;font-size: 1.4rem;margin: 2rem auto;}


.stu_text{font-size:1rem;width:90%;margin:0 auto;}
.student ul li {
    float: none;
    width: 90%;
    margin: 1.5rem auto;
    text-align: center;
}
.voice ul li {
    float: none;
    width: 90%;
    height: auto;margin:1rem auto 3rem;
    padding: 0 1.5rem;padding-bottom:2rem;
}
.voice ul li+li {
    margin:1rem auto;
}

.voice ul li .p1 {
    width: 50%;
    font-size: 1.6rem;
    margin-top: -1.6rem;
}
.voice ul li .p2 {
    margin: 1.5rem 0;
    font-size: 1rem;
}
.voice ul li .p3 {font-size: 1.4rem;}
.voice ul li .p4{font-size:1rem;}
.voice a {width: 80%;font-size: 1.4rem;margin: 2rem auto;}


/*老师*/
.zhong ul.ul1 li {
    float: none;
    width: 90%;
    margin:1.5rem auto;
}
.zhong ul.ul1 li+li {
    float: none;
    width: 90%;
    margin:0 auto;}


.zhong ul.ul1 li .p1 {
    font-size: 1.4rem;
    color: #f39800;
    padding-left: 0;
    width:90%;margin:0 auto;
}
.zhong ul.ul1 li .p2 {
    font-size: 1rem;
    color: #333;
    width: 90%;
    margin: 1.5rem auto;
    line-height: 1.5;
    padding-left: 0;
}
.zhong ul.ul2{height:auto;padding-bottom:2rem;}
.zhong ul.ul2 li{float:none;width:90%;margin:1.5rem auto;}
.zhong ul.ul2 li+li { float: none; width: 90%;margin:0 auto;}

.zhong ul.ul2 li p {
    padding-left: 0;
}
.zhong ul.ul2 li .p1 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
   padding-top: 1.5rem;
   text-align: center;
}
.zhong ul.ul2 li .p2{font-size:1.2rem;margin-top:1.5rem;}
.zhong ul.ul2 li .p3{font-size:1rem;}
.zhong ul.ul2 li img{margin-top:0;}

.laoshi ul li {
    float: none;
    width: 90%;
    border: 3px #f08118 solid;
    margin:1.5rem auto 10rem;
}

.laoshi ul li p span{font-size:1rem;}
.laoshi ul li+li{margin:1.5rem auto 10rem;}


}





@media only screen and (min-width: 320px) and (max-width: 992px) {
.pchide{ display: none;}
.type_text{width: 231px;left: 0; top: 10px;}
.type_text input{ width: 170px;}
.con1 .lefttxtpg{ width: 100%;}
.imgtitle img{ width: 100%;}
.fourreduce{ background-size: 100%; height: auto; text-align: center;}
.con1 .rightimgpg{ width: 100%; margin-top: 10px;}
.fourreduce{ background: none;}
.fourad img{ text-align: center;}
.con1 .fourreduce ul { width: 100%; float: none;padding-top: 30px;}	
.con1 .fourreduce ul li{ width: 48%; float: left;height: auto; padding-top: 5px;margin-right: 0; margin-bottom: 5px;}	
.con1 .fourreduce ul li img{ width: 100%;}	
.con1 ul li .si_con .p1 i img{ width: auto;}

.phonehide .fourreduce ul li .p2{ padding: 5px; text-align: left; font-size: 14px; height: 130px;}
	
.bglongreB .titleone, .bglongreB .titleone img, .maketime .titleone, .maketime .titleone img, .chooseCkc .titleone, .chooseCkc .titleone img, .advice .titleone, .advice .titleone img,.servicebg .titleone, .servicebg .titleone img, .teacherbg .titleone, .teacherbg .titleone img{ width: 100%;}
.floatFlist dl.floatFlistdl{ width: 49%; margin-right: 7px;    margin-bottom: 7px;}
.floatFlist dl.floatFlistdl:nth-child(2n){ margin-right: 0;}
.floatFlist dl.floatFlistdl dt{ width: 100%;}
.floatFlist .hidedialog dl.hidedl{ width: 86%; height: 122px;}
.floatFlist dl.floatFlistdl dd .floatlt1 h1{ width: 64%; text-align: center;}
.floatFlist .hidedialog dl.hidedl dt{ margin-left: 58px;}
.bglongreB{ background: no-repeat; background: #039aff;    height: auto; padding-bottom: 20px;}
.floatFlist dl.floatFlistdl dd .floatlt1{ font-size: 14px; margin-bottom: 10px;}
.btn_iconbg button.btn_operk{ margin-left: 12%; }


.floatFlist dl.floatFlistdl:last-child{ width: 96%; height: auto; margin-left: 2%;}
.floatFlist dl.floatFlistdl:last-child dt{ height: auto;}
.floatFlist dl.floatFlistdl:last-child dd{ margin-bottom: 20px;}
.floatFlist dl.floatFlistdl:last-child dd .floatlt1 h1{ width: 40%;}

.floatFlist dl.floatFlistdl:last-child .hidedialog dl.hidedl { width: 93%;  height: 257px; padding-top: 60px;}
.floatFlist dl.floatFlistdl:last-child .hidedialog dl.hidedl dt{ height: 100px; width: 100px;margin-left: 140px;}
.floatFlist dl.floatFlistdl:last-child .hidedialog dl.hidedl dt img { width: auto; text-align: center; vertical-align: middle; margin-top: 37px;}
.floatFlist dl.floatFlistdl:last-child .hidedialog dl.hidedl dd{ font-size: 24px;}


.posirel{ width: 33%; margin-right: 0;}
.makepadd30{ margin-left: 0;}
.listfz1 h1{ font-size: 1rem;}
.leftpost{ left: 7px;}
.listfz1 h1 span{ font-size: 0.75rem;}

.posirel.posirel1 .listfz1 .leftpost2, .leftpost1{ width: 52px;}
.leftpost1{ left: 82px;}
.posirel.posirel1 .listfz1 .leftpost{ position: absolute;  top: 29%; left: 0px; width: 52px;}
.posirel.posirel1 .listfz1 .leftpost1 { position: absolute; top: 56%; left: 86px; width: 52px;}
.posirel.posirel1 .listfz1 .leftpost2 { position: absolute; top: 73%; left: 0px; width: 52px;text-align: right;}
.posirel.posirel1 .listfz1 .leftpost3 { position: absolute; bottom: 78px; left: 86px; width: 52px;}
.posirel.posirel1 .listfz1 .leftpost4 { position: absolute; bottom: 48px; left: 0px; text-align: right; width: 52px;}

.posirel.posirel2 .listfz1{ background: url(../img/listsapfz3.png) no-repeat 50% 50%; height: 363px;}
.posirel.posirel2 .listfz1 .leftpost1 { position: absolute; top: 56%; left: 0px; width: 52px;text-align: right;}
.posirel.posirel2 .listfz1 .leftpost2 { position: absolute; top: 73%; left: 82px; width: 52px; text-align: left;}
.leftpost3{ bottom: 23px; left: 83px;}

.mabtntv{ margin: 35px auto;}
.divDlone dl.dl1bg, .divDlone dl.dl2bg, .divDlone dl.dl3bg{ width: 92%;  margin-bottom: 20px; background-size: 100%;  margin-left: 4%;}
.adviceuli{ width: 92%;}
.sixlei dl{ width: 48%;margin-left: 1%;  margin-bottom: 35px;}
.sixlei dl dt img, .six_bg{ width: 100%;}
.servicebg{ background: #039aff;}
.titleone h1{ margin-bottom: 20px; margin-top: 20px;}

.serdllist dl{ width: 48%; margin-right: 0; margin-left: 1%;}
.serdllist dl dt img{ width: 100%;}
.serdllist dl dd{ padding-left: 30px;font-size: 1rem;}
.serdllist dl.serdlbg1 dd, .serdllist dl.serdlbg2 dd, .serdllist dl.serdlbg3 dd, .serdllist dl.serdlbg4 dd, .serdllist dl.serdlbg5 dd, .serdllist dl.serdlbg6 dd{ font-size: 1rem;}
.teacherbg .titleone p{ width: 92%; margin-left: 4%;}
.whiteline{ width: 92%; height: auto;}
.form .whiteline h3{ padding-top: 0;}


.shi ul{ padding-top: 0;}

.teacherbg{ margin-bottom: 50px;}


.shi1 {
    background: #f3f5fd;
    margin-top: 2rem;
    padding: 2rem 0;
}
.shi .shi_text {
    font-size: 1.1rem;
    line-height: 1.5;
    width: 80%;
}

.shi .shi_text span {
    font-size: 1.2rem;
    margin:1rem 0;
}

.shi ul li {
    float: left;
    width: 50%;
    margin-right: 0;
    position: relative;
    margin-top:2rem;
    height: 25rem;
}
.shi ul li .li_con .p2 {
    font-size: 0.82rem;
    line-height: 1.7;
    width: 90%;
    margin: 5px auto 0;
}
.shi ul li .li_con .p1 span{font-size:1.2rem;}

.sixlei dl dd h1{ font-size: 1.25rem;}
.sixlei dl dd h1 span, .adviceuli li{ font-size: 1rem;}

.imgphonetb img{ width: 95%; margin-left: 3%; }
 .imgphonetb{ padding-top: 20px; padding-bottom: 20px;}
 .mabtntvfff{ margin: 25px auto;}
 .divDlone dl dt{ padding-top: 139px;}

}

@media only screen and (max-width: 375px) {
	.floatFlist dl.floatFlistdl:last-child .hidedialog dl.hidedl dt{ margin-left: 120px;}
	.floatFlist dl.floatFlistdl:last-child .hidedialog dl.hidedl{ height: 230px;}
	.floatFlist .hidedialog dl.hidedl{ height: 107px;}
	.floatFlist .hidedialog dl.hidedl dt{ margin-bottom: 0; margin-left: 52px;}
	.divDlone dl dt{ padding-top: 126px;}
	}
@media only screen and (max-width: 360px){
	.phonehide .fourreduce ul li .p2{ height: 150px;}
}

@media only screen and (max-width: 320px) {
	.floatFlist dl.floatFlistdl{ width: 48%; margin-left: 1%; margin-right: 0;}
	.floatFlist dl.floatFlistdl dt{ margin-bottom: -30px;}
	.floatFlist dl.floatFlistdl dd .floatlt1 h1{ width: 85%;}
	.floatFlist .hidedialog dl.hidedl{ width: 81%; height: 86px;}
	.floatFlist dl.floatFlistdl{ height: 385px;}
	.serdllist dl.serdlbg1 dd, .serdllist dl.serdlbg2 dd, .serdllist dl.serdlbg3 dd, .serdllist dl.serdlbg4 dd, .serdllist dl.serdlbg5 dd, .serdllist dl.serdlbg6 dd{ height: 44px; line-height: 44px;    background-size: 100% 100%;}
	.titleone h1 { margin-bottom: 10px; margin-top:10px; font-size: 1.2rem;}
    .divDlone dl dt{ margin-top: 2px;min-height: 180px; margin-bottom: 12px;}
    .divDlone dl dt p{ font-size: 14px; min-height: 60px;}
    .btn_iconbg button.btn_operk{ width: 260px;  padding-left: 16px;}
    .btn_iconbg button.btn_operk{ margin-left: 9%;}
    .divDlone dl dt h1{ font-size: 16px;}
    .divDlone dl.dl1bg, .divDlone dl.dl2bg, .divDlone dl.dl3bg{ height: 375px;}
    
   .floatFlist dl.floatFlistdl:last-child dt{ height: 240px;}
   .floatFlist dl.floatFlistdl:last-child .hidedialog dl.hidedl{ width: 91%; height: 193px;}
   
   .floatFlist .hidedialog dl.hidedl dt{ margin-left:47px; width: 35px; height: 35px;}
   .floatFlist dl.floatFlistdl:hover .hidedialog dl.hidedl dt img{ width: 50%;  margin-top: 10px;}
   .floatFlist dl.floatFlistdl:hover .hidedialog dl.hidedl dd{ margin-top: 32px;}
   
   .floatFlist dl.floatFlistdl:last-child .hidedialog dl.hidedl dt{ margin-left: 90px; margin-top: -34px;}
   .floatFlist dl.floatFlistdl:last-child .hidedialog dl.hidedl dd{ margin-top: 35px;}
   .floatFlist dl.floatFlistdl:last-child .hidedialog dl.hidedl dt img{ width: auto;  margin-top: 37px;}
   .phonehide .fourreduce ul li .p2{ height: 150px;}
}


@media only screen and (min-width: 1024px) and (max-width: 3000px) {
	.phonehide{ display: none;}
}




/*右悬浮*/
.r_xuanfu {
    width: 48px;
    height: auto;
    position: fixed;
    right: 5px;
    top: 20%;
    z-index: 999;
    text-align: center;
}

.r_xuanfu p {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    display: inline-block;
}

.r_xuanfu .qq {
    background: url(../img/qq.png) no-repeat;
}

.r_xuanfu .weixin {
    background: url(../img/weixin.png) no-repeat;
    position: relative;
}

.r_xuanfu .weibo {
    background: url(../img/weibo.png) no-repeat;
    position: relative;
}

.r_xuanfu .renren {
    background: url(../img/renren.png) no-repeat;
    position: relative;
}

.r_xuanfu .kongjian {
    background: url(../img/kongjian.png) no-repeat;
    position: relative;
}

.r_xuanfu .fanhui {
    width: 48px;
    height: 48px;
    background: url(../img/top.png) no-repeat;
    position: relative;
    /*display: none;*/
}

.r_xuanfu .qq:hover {
    background: url(../img/qq_h.png) no-repeat;
}

.r_xuanfu .weixin:hover {
    background: url(../img/weixin_h.png) no-repeat;
    position: relative;
}

.r_xuanfu .weibo:hover {
    background: url(../img/weibo_h.png) no-repeat;
    position: relative;
}

.r_xuanfu .renren:hover {
    background: url(../img/renren_h.png) no-repeat;
    position: relative;
}

.r_xuanfu .kongjian:hover {
    background: url(../img/kongjian_h.png) no-repeat;
    position: relative;
}

.r_xuanfu .fanhui:hover {
    width: 48px;
    height: 48px;
    background: url(../img/top_h.png) no-repeat;
    position: relative;
    display: none;
}

ul, ol {
    list-style: none;
}
#teacher_swiper {
    width: 100%;
    padding-top: 30px;
}
#teacher_swiper .slide {
    position: relative;
    
}
#teacher_swiper .slide a{
    display: block;
    width: 80%;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #039aff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    border-bottom: 2px solid #0060ba;
}
#teacher_swiper .slide a:hover{
    background-color: #0060ba;
}
.teacher_box{
    width: 100%;
    background-color: #f2f5f7;
    padding: 30px 0;
}
.teacher_box .titleone img{
    display: block;
    margin: 0 auto;
}
.teacher_box .titleone p{
    font-size: 20px;
    color: #039aff;
    text-align: center;
    padding-top: 20px;
    font-weight: 700;
}
.teacher_box .titleone span{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333;
    padding-top: 20px;
}




/*header*/
.header{ padding-bottom: 30px; }
.header h1 {
    float      : left;
    width      : 210px;
    height     : 51px;
    background : url(http://lh.longre.com/home/public/images/logo.png) no-repeat;
    text-indent: -9999px;
    margin-top : 32px;
}

.lger {
    float     : left;
    margin-top: 33px;
}

.lger img {
    float : left;
    margin: 0 12px 0 44px;
    width : 200px;
}