body { color: #333;font-size:.28em; line-height: 1.5; font-family: arial, Microsoft Yahei }
body,.h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset,
legend, button, input, textarea, th, td { margin: 0; padding: 0; }
img { vertical-align: middle; border: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol, li { list-style: none; }
.lf{
    float: left;
}
.row{
    margin: 0;
}
.col-xs-12{
    padding: 0;
}
.container{
    max-width: 480px;
    padding: 0;
    margin: auto;
}
.container img{
    width: 100%;
}
.rt{
    float: right;
}
.clear { clear: both;}
@media only screen and (max-width:300px){
    body{font-size:10px!important}


}
@media only screen and (max-width:310px) and (min-width:300px){
    body{font-size:10px!important}


}
@media only screen and (max-width:320px) and (min-width:310px){
    body{font-size:10.66667px!important}
    .book{right: -168px;}
}
@media only screen and (max-width:360px) and (min-width:320px){
    body{font-size:10.66667px!important}

}
@media only screen and (max-width:360px) and (min-width:350px){
    body{font-size:12px!important}
    .book{right: -217px;}
}
@media only screen and (max-width:400px) and (min-width:359px){
    body{font-size:12px!important}
    .book{right: -198px;}
}
@media only screen and (max-width:469px) and (min-width:401px){
    body{font-size:12px!important}
    .book{right: -237px;}
}
@media only screen and (max-width:480px) and (min-width:470px){
    body{font-size:15.66667px!important}
    .book{right: -237px;}
}
@media only screen and (min-width:480px){
    body{font-size:15.66667px!important}
    .book{right: -348px;bottom: -26px !important;}
}

/*引用*/

.logo{
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 0;
    display: inline-block;
    padding: 0 0 0 8px;
}
.lbtn:hover{
    background-color: #0074D7;
}
.navbg{
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.ltop{

}
.topbg{
    background-color: #0074D7;
}
ul li a{
    color: #ffffff;
}
.ibar{

}
.ibar > li {
    float: left;
    color: #fff;
}

.ibar > li > a {
    padding-top: 15px;
    padding-bottom: 15px;

}
a:hover{
    text-decoration: none;
}

.container{
    max-width: 480px;
}

@font-face {
    font-family: 'MyNewFont';   /*字体名称*/
    font-size: 2em;
    src: url('SENTYGOLDENBELL%20(1).TTF');      /*字体源文件*/
}
h4{
    font-size: 1.8em;
    padding: 1em 0 0.7em 0;
    font-weight: bold;
}
.zybg{
    width: 47%;background: #FFF4C3;
    box-sizing: border-box;
    margin: 1% 1.5%;
    border-radius: 12px;
}
#weixinpop{width:100%;max-height:55px!important;max-width:640px;position:fixed;z-index:99999999;left:0;right:0;top:0;height:0px;margin:auto;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;background:rgba(0,0,0,.8);color:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;transition:height .3s ease;-webkit-transition:height .3s ease;}.weixinpop-an{height:70px!important;}#weixinpop div:first-child{text-align:center;padding:10px 5px;}#weixinpop div:first-child img{width:60%;border-radius:6px;}#weixinpop div:nth-child(2){width:58%;border-left:1px solid #909090;}#weixinpop div:nth-child(2) p{padding:0px 0;text-indent:10px;}#weixinpop div:last-child{background:#fff;color:#000;padding:5px 10px;border-radius:5px;}
.btn-group{
    background: #0074D7;
}
.zybg h5{
    padding: 0.9em 0 0.5em 0;
    font-size: 1.4em;
    color: #FD1D11;
    font-weight: bold;
}
.zybg h5 p span{
    font-size: 1.4em;
}

.zybg .sbtn:hover{
    color: #fff;
}
.s2-main {
    width: 90%;
    margin: auto;
}
.item {
    width: 100%;
    float: left;
}
.dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #666;
    float: left;
    line-height: 32px;
    margin-top: 12px;
}.item p {
     float: left;
     line-height: 2em;
     font-size: 1.3em;
     padding-left: 25px;
     color: #696969;
 }
.lmzxak2 {
    border: 1px solid #ccc;
    height: 34px;
    width: 100%;
    text-indent: 34px;
    font: 1em/2em "Microsoft YaHei";
    border-radius: 5px;
    margin: 5px 0;
}
.lmzxak3 {
    width: 100%;
    display: block;
    margin: 20px auto;
    /* height: 45px; */
    border: none;
    background: #ED3C42;
    color: #fff;
    border-radius: 4px;
    letter-spacing: 1px;
    font-size: 17px;
}
.zxbm16{
    width: 85%;
    margin: 0 auto;
}
.rf1{
    border: 3px solid #FFC61E ;
    position: relative;
    border-radius: 16px;
    width: 96%;
    left: 2%;
    margin:1.8em auto 0;
}
.rf1 p.pd{
    line-height: 1.8em;
    font-size: 1.2em;
    width: 92%;
    margin: auto;
    padding:0.8em 9px 1em;
    box-sizing: border-box;
}
.rf1 div.stitle{
    position: relative;
    top:-0.9em;
    width: 100%;
}
.rf1 .stitle span{
    display: inline-block;
    height: 0;
    width: 260px;
    border-top: 3.5em solid #0CD1A1;
    border-left: 1.5em solid transparent;
    border-right: 1.5em solid transparent;
    margin: auto;
}
.rf1 p.pt{
    width: 100%;
    position: absolute;
    top:0.8em;
    font-size: 1.3em;
    color: #fff;
}

.zybg .sbtn:hover{
    color: #fff;
}

span.squre {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background: #EC1818;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center;
    transform: rotate(45DEG);
    position: relative;
}

span .number {
    position: absolute;
    width:  1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    transform: rotate(-45deg);
    top: 0;
    left: 0;
    font-weight: bold;
}
.sbtn:hover{
    color: #fff;
}
.p_con{
    font-size: 1.3em;
    line-height: 1.8em;
    color: #2E0000;
    padding: 1em 0;
}
.sbtn{
    display: inline-block;
    width: 100%;
    border-radius: 15px;
    margin: 1em 0;
    padding: 8px 0;
    color: #fff;
    background: linear-gradient(to right, #FD1D11 , #FF5E04);
    -webkit-animation: sbtn 1s linear infinite;
    -moz-animation:  sbtn 1s linear infinite;
    -o-animation:  sbtn 1s linear infinite;
}
@-webkit-keyframes sbtn {
    0%{
        background: linear-gradient(to right, #FD1D11 , #FF5E04); /* 标准的语法 */
    }
    100%{
        background: linear-gradient(to right,#FF5E04,#FD1D11);
    }
}
@-moz-keyframes sbtn {
    0%{
        background: linear-gradient(to right, #FD1D11 , #FF5E04); /* 标准的语法 */
    }
    100%{
        background: linear-gradient(to right,#FF5E04,#FD1D11);
    }
}
@-o-keyframes sbtn {
    0%{
        background: linear-gradient(to right, #FD1D11 , #FF5E04); /* 标准的语法 */
    }
    100%{
        background: linear-gradient(to right,#FF5E04,#FD1D11);
    }
}
.zybg .sbtn:hover{
    color: #fff;
}
.pp{
    -webkit-animation:  pp 1s linear infinite;
    animation: pp 1s linear infinite;
    -moz-animation:  pp 1s linear infinite;;
    -o-animation:  pp 1s linear infinite;;
}
@keyframes pp {
    0%{
        position: absolute;
        bottom: 0;
    }
    50%{
        position: absolute;
        bottom: -5px;
    }
    100%{
        position: absolute;
        bottom: 0;
    }
}
@-webkit-keyframes pp {
    0%{
        position: absolute;
        bottom: 0;
    }
    50%{
        position: absolute;
        bottom: -5px;
    }
    100%{
        position: absolute;
        bottom: 0;
    }
}
@-moz-keyframes pp {
    0%{
        position: absolute;
        bottom: 0;
    }
    50%{
        position: absolute;
        bottom: -5px;
    }
    100%{
        position: absolute;
        bottom: 0;
    }

}
@-ms-keyframes pp {
    0%{
        position: absolute;
        bottom: 0;
    }
    50%{
        position: absolute;
        bottom: -5px;
    }
    100%{
        position: absolute;
        bottom: 0;
    }
}
@-o-keyframes pp {
    0%{
        position: absolute;
        bottom: 0;
    }
    50%{
        position: absolute;
        bottom: -5px;
    }
    100%{
        position: absolute;
        bottom: 0;
    }
}
.form-control{
    height: 40px;
}
.cs{
    color: #C60000;
    font-weight: bold;
}

.zy .col-xs-6{
    padding: 5px;
    text-align: center;
}
.zy .col-xs-6 p{
    color: #444;
    font-size: 1.3em;
    padding: 0.5em 0;
}

h3{
    font-size: 1.8em;
    font-weight: bold;
}

.bs{
    color: #FF5237!important;
}

.f1 span{
    font-weight: bold;
}

.stu .col-xs-3{
    padding: 0 7px;
}
.stu .col-xs-3 h3{
    font-size: 1.2em;
    color: #fff;
    padding: 0.5em 0;
}
.stu .col-xs-3 p{
    color: #fff;
    line-height: 1.7em;
    font-size: 1.1em;
}

.stu .col-xs-3 span:last-child{
    font-size: 1em;
    color: #F15552;
    display: inline-block;
    width: 100%;
}

input,select{
    background: transparent;
    border: 1px solid #50535C;

}
input{
    color: #fff;
}
.lmzxak3{
    border: 1px solid #eee;
}

.top  .col-xs-12{
    position: relative;
}

.top h1{
    font-size: 1.5em;
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    top:56%;
}

.topb{
    position: absolute;
    width: 100%;
    text-align: center;
    top:72%;

}

.topb a{
    position: relative;
    display: inline-block;
    background: #F75D65;
    color: #fff;
    font-size: 1.4em;
    text-decoration: none;
    border-radius: 20px;
    padding: 3px 30px;
    z-index: 8;
}

.topb a>span{
    display: inline-block;
    background: #F8FB16;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1em;
    border-radius: 50%;
    background: linear-gradient(to right, #F8FB16 , #F5CB1F);
}

.topb a>span span{
    color: #F75D65;
}
.topb{

}
.circle{
    display: inline-block;
    width: 3.2em;
    height: 3.2em;
    border: 2px solid #D2C2EE;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    left: 73%;
    top:-5px;
    z-index: 2;
}

.f1 h1,.f2 h1{
    font-weight: bold;
    font-size: 1.7em;
    color: #4D4D4D;
    letter-spacing: 3px;
}

.f1 h1 span,.f2 h1 span{
    color: #F75D65;
}

.f1 p{
    font-size: 1.2em;
    line-height: 1.8em;
    color: #5E5E5E;
    padding: 0.5em 0;
}

.f1 p span{
    color: #F75D65;
}

.mswt{
    display: inline-block;;
    color: #000000;
    padding: 5px 3em;
    background: #FAD900;
    text-align: center;
    margin: 1.1em auto;
    font-size: 1.3em;
    border-radius: 15px;
}
.mswt:hover{
    color: #000000;
}
.tel{
    background: #fff
}
.tel a{
    display: inline-block;width:90%;padding: 5px 0;background: #2CB05A;font-size: 1.3em;color: #fff;border-radius: 8px
}

.f2{
    padding: 0.6em 0;
}
.tbs{
    color: #4D4D4D;
    padding: 1em 0 0.5em 0;
}
.tbs h3{
    font-size: 1.3em;
    font-weight: bold;
}

.tm{
    position: relative;
    margin-bottom: 2.2em;
}
.tm1{
    position: relative;
    top:0
}

.fonts{
    display: inline-block;
    background: #8D63D4;
    border-radius: 50%;
    color: #fff;
    font-size: 1em;
    text-align: center;
    position: absolute;
}

.tm1{
    width:4.5em;
    height: 4.5em;
    line-height: 4.5em;
    top:-5%;left:8%
}
.tm2{
    width:4.5em;
    height: 4.5em;
    line-height: 4.5em;
    top:28%;left:6%;
    opacity: .6;
}
.tm3{
    width:4.5em;
    height: 4.5em;
    line-height: 4.5em;
    top:65%;left:3%;
    opacity: .9;
}

.tm4{
    width:4.5em;
    height: 4.5em;
    line-height: 4.5em;
    top:75%;left:30%;
    opacity: .6;
}
.tm5{
    width:4.5em;
    height: 4.5em;
    line-height: 4.5em;
    top:-5%;right:6%;
    opacity: .9;
}
.tm6{
    width:4.5em;
    height: 4.5em;
    line-height: 4.5em;
    top:25%;right:6%;
    opacity: .8;
}

.tm6{
    width:4.5em;
    height: 4.5em;
    line-height: 4.5em;
    top:28%;right:6%;
    opacity: .8;
}

.tm7{
    width:5.5em;
    height: 5.5em;
    line-height: 5.5em;
    top:72%;right:8%;
    opacity: 1;
}

.bs .col-xs-6{
    border: 1px solid #333;
    margin: 0.5em 0.5%;
    padding: 0.2em 0;
    text-align: center;
    width: 49%;
    font-size: 1.2em;
}


.bs .col-xs-6 a{
    color: #4D4D4D;
}
.zynav{
    background:#F8F8F8;
}
.zynav .col-xs-4{
    padding: 0.5em 0;
}

.zynav .col-xs-4 a{
    font-size: 1.3em;
    color: #333333;
}

#one h3{
    color: #5E6AFF;
    font-size: 1.8em;
    padding: 1em 0 0.5em 0;
}
#two h3{
    color: #5E6AFF;
    font-size: 1.8em;
    padding: 0.5em 0 0.5em 0;
}
#three h3{
    color: #5E6AFF;
    font-size: 1.8em;
    padding: 0.5em 0 0.5em 0;
}
#two p{
    font-size: 1.2em;
    line-height: 1.8em;
}
#three p{
    font-size: 1.2em;
    line-height: 1.8em;
}
#one p{
    font-size: 1.2em;
    line-height: 1.8em;
}

.iconfont{
    color: #FC2300;
    font-size: 1.1em;
}

.zybtn{
    display: inline-block;
    color: #ff0000;
    width: 47%;
    border: 1px solid #ff0000;
    border-radius: 18px;
    padding: 0.3em 0;
    text-align: center;
    margin-top: 0.5em;
}
.zybtn:hover{
    color: #ff0000;
}
.ljbtn{
    display: inline-block;
    color: #fff;
    background: #FF0000;
    width: 47%;
    border: 1px solid #ff0000;
    border-radius: 18px;
    padding: 0.3em 0;
    text-align: center;
    margin-top: 0.5em;
}
.ljbtn:hover{
    color: #fff;
}

.col-xs-4{
    padding: 0.2em;
    text-align: center;
    color: #fff;
    font-size: 1.1em;
}

#htop .col-xs-4{
    position: relative;
}

#htop .col-xs-4 div{
    position: absolute;
    width: 96%;
    bottom: 0;
    height:1.5em;
    line-height:1.5em;
    background: #BA3DF5;
}

.gbtn{
    width: 60%;
    height: auto;
    overflow: hidden;
    background: url('../image/nvs_bg1.png') no-repeat;
    display: block;
    margin: 1.2em auto;
    line-height: 2.5em;
    font-size: 1.4em;
    text-align: center;
    background-size: 100% 100%;
    color: #333;
    font-weight: normal;
}
.iconfont{
    font-size: 14px !important;
}

.know{
    display: inline-block;
    padding: 5px 0;
    width: 70%;
    border-radius: 18px;
    margin: 0.3em 15%;
    background: #D30000;
    text-align: center;
    color: #fff;
}
.know:hover{
    color: #fff;
}

.xhbox{
    padding: 1em 0;
}

.csbtn{
    display: inline-block;
    width: 90%;
    padding: 5px 0;
    font-size: 1.1em;
    text-align: center;
    color: #666;
    border: 1px solid #333;
}
.csxh{
  margin: 0.2em 0;
    padding: 4px;
    text-align: center;
}
.student {
    padding: 3px;
    text-align: center;
}