body,html{
    color: #202f3d;
}
/*reset*/
*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
    margin: 0;
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #333;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
}

audio,
canvas,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input,
button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0; border-color:transparent;
}

del {
    text-decoration: line-through;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

.clearfix:after {
    content:"."; display:block; visibility:hidden; height:0; clear:both;
}

html {
    font-size: 12px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    max-width: 480px;
    margin: 0 auto;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;

}


.banner{
    width: 100%;
    height:5.8rem ;
    z-index: 3;
    overflow: hidden;
    background: url("../imgs/banner.jpg") no-repeat 0 0/100% 100%;
}

 .tt{
    color: #fb6f2a;
    font-size: .36rem;
    text-align: center;
    letter-spacing: .01rem;
    width: 90%;
    height: .7rem;
    font-weight: bolder;
    overflow: hidden;
    margin: .5rem auto .2rem;

}
 .tt p{
    float: left;
    width: 9%;
    height: .35rem;
    margin-top:..07rem;
    background: url("../imgs/bt_l.png") no-repeat 0 0/100% 100%;

}
.tt p:last-child{
    background: url("../imgs/bt_r.png") no-repeat 0 0/100% 100%;

}
.tt p:nth-child(2){
    width: 82%;
    background: none;
    margin-top: 0;

}

.wrapper{
    width: 100%;
    overflow: hidden;
    background: url("../imgs/bg1.jpg") no-repeat 0 0/100% 100%;

}
.xyjj{
    width: 98%;
    margin: 0 auto .5rem;

}
.xyjj .info{
    color: #20202d;
    line-height:.35rem;
    font-size: .25rem;
    margin-top: .4rem;
    letter-spacing: .01rem;
    padding:  .2rem;
    box-sizing: border-box;
    text-align: justify;
    background: url("../imgs/jj_bg.png") no-repeat 0 0/100% 100%;
    height: 2.2rem;
}



.ys{
    width: 98%;
    margin: .2rem auto .5rem;
    overflow: hidden;
}
.tt2{
    width: 80%;
}
.ys ul li{
    float: left;
    width: 33% ;
    height: 2.5rem;

    background: url("../imgs/ys1.png") no-repeat 0 0/100% 100%;
}
.ys ul li:nth-child(2){
    background: url("../imgs/ys2.png") no-repeat 0 0/100% 100%;

}
.ys ul li:nth-child(3){
    background: url("../imgs/ys3.png") no-repeat 0 0/100% 100%;

}
.ys ul li p{
    color: #fff;
    font-size: .2rem;
    text-align: center;
    padding-top: .15rem;
}

.rkd{
    width: 100%;
    margin:.5rem auto;
    overflow: hidden;
    background: #fff5e5;
}
.tt3{
    width: 90%;
}
.tt3 p:nth-child(2){
    width: 80%;
}
.rkd .gjrkd{
    width: 5rem;
    height: .65rem;
    background: url("../imgs/rkd.png") no-repeat 0 0/100% 100%;
   margin: .3rem auto;
}
.rkd ul li{
    float: left;
    width: 25%;
    height: 1.7rem;
    color: #fff;
    font-size: .26rem;
    text-align: center;
    background: url("../imgs/c1.jpg") no-repeat 0 0/100% 100%;
    font-weight: bolder;
    letter-spacing: .01rem;
    margin: 0 0;
}
.rkd ul.ul1 li:nth-child(2){
    background: url("../imgs/c2.jpg") no-repeat 0 0/100% 100%;

}
.rkd ul.ul1 li:nth-child(3){
    background: url("../imgs/c3.jpg") no-repeat 0 0/100% 100%;

}
.rkd ul.ul1 li:nth-child(4){
    background: url("../imgs/c4.jpg") no-repeat 0 0/100% 100%;

}
.rkd ul.ul2 li:nth-child(1){
    background: url("../imgs/c5.jpg") no-repeat 0 0/100% 100%;

}
.rkd ul.ul2 li:nth-child(2){
    background: url("../imgs/c6.jpg") no-repeat 0 0/100% 100%;

}
.rkd ul.ul2 li:nth-child(3){
    background: url("../imgs/c7.jpg") no-repeat 0 0/100% 100%;

}
.rkd ul li .country{
    background: #fff;
    border-radius: .5rem;
    width: 1.5rem;
    height: .4rem;
    line-height: .4rem;
    margin: .2rem auto;
    color: #ea6942;
}
.rkd ul{
    overflow: hidden;
}
.rkd ul.ul1{
    width: 100%;
    margin: .3rem auto;
}
.rkd ul.ul2{
    width: 75%;
    margin: .2rem auto 1rem;
}
.rkd ul.ul2 li{
    width: 33%;
}
 .shxs {
    width: 96%;
    height: .9rem;
    line-height: .8rem;
    background: url("../imgs/xsqt.png") no-repeat 0 0/100% 100%;
    text-align: center;
    font-size: .29rem;
    font-weight: bolder;
    margin: -1rem auto 0;
}
 .shxs span{
    color: #ea6942;
}


 .vs{
     width: 100%;
     background: #fff;
    overflow: hidden;
     margin: .5rem auto 0;
 }


.con1{
    width: 98%;
    height: 4.2rem;
    margin: .5rem auto;
    overflow: hidden;
    background: url("../imgs/vs.png") no-repeat 0 0/100% 100%;

}
.con1>div{
    float: left;
    box-sizing: border-box;

}
.con1 .left{
    width: 45%;
    margin-right: 1%;
    margin-top: .65rem;
}
.con1 .right{
    width: 54%;
    margin-top: .15rem;
    color: #fff;
}

.con1 .cbt{
    color: #ea6942;
    text-align: center;
    font-size: .29rem;
    letter-spacing: .02rem;
    font-weight: bolder;
}
.con1 div div{
    padding: .25rem .1rem;
    font-size: .24rem;
    letter-spacing: .01rem;
    line-height: .35rem;

}
.con1 .right div{
    font-size: .26rem;
      margin: 0.1rem;
  
}
.con1 div div p:before{
    display: inline-block;
    content: "1";
    width:.3rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    font-size: .25rem;
    margin-right: .1rem;
    font-weight: bolder;
}
.con1 .right div p:before{
    color: #ea6942;
}
.con1 div.right div {
    line-height: 0.5rem;
}
.con1 div div p:nth-child(2):before{
    content: "2";
}
.con1 div div p:nth-child(3):before{
    content: "3";
}
.con1 div div p:nth-child(4):before{
    content: "4";
}
.con1 div div p:nth-child(5):before{
    content: "5";
}



.course{
    width: 100%;
    background:  #fff5e5;
    overflow: hidden;
    margin: 0 auto ;
}
table{
    width:98%;
    margin: .5rem auto;
    overflow: hidden;
    font-size: .24rem;
    text-align: center;
    border: .02rem solid #fee1cc;

}


table tr td{
    background: #fff;
    padding: .1rem 0;
    /*border-top: 2px solid #fff;*/
    /*border-bottom: 2px solid #fff;*/
    border-right:.02rem solid #fee1cc;
    border-left:.02rem solid #fee1cc;
    letter-spacing: .02rem;

}

table tr:nth-child(2n+1) td{
    background: #fff5e5;
}
table tr th{
    color: #fff;
    background: #ea6942;
    padding: .08rem 0;
    font-size: .24rem;
    /*border-top: 2px solid #fff;*/
    /*border-bottom: 2px solid #fff;*/
    border-right:.02rem solid #fee1cc;
    border-left:.02rem solid #fee1cc;
}
table tr td:nth-child(1){
    font-weight: bolder;
}

.kcys{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;

}
.kcys .ys div{
   width: 100%;
    height: 1.1rem;
    background: url("../imgs/k1.jpg") no-repeat 0 0/100% 100%;
    margin: .1rem auto;
    overflow: hidden
}

.kcys .ys .top {
    width: 32%;
    font-size: .22rem;
    float: left;
    margin-left: 6%;
    margin-top:.43rem;
    font-weight: bolder;
}
.kcys .ys .xx{
    float: left;
    width: 60%;
    color: #fff;
    font-size: .24rem;
    line-height: .33rem;
    margin-top: .15rem;
}
.kcys .ys div:nth-child(3) .xx,.kcys .ys div:nth-child(5) .xx{
margin-top: 0.05rem;
}
.kcys .ys div:nth-child(2){
    background: url("../imgs/k2.jpg") no-repeat 0 0/100% 100%;
}
.kcys .ys div:nth-child(3){
    background: url("../imgs/k3.jpg") no-repeat 0 0/100% 100%;
    height: 1.4rem;

}
.kcys .ys div:nth-child(3) .top{
    margin-top:.55rem ;
}
.kcys .ys div:nth-child(4){
    background: url("../imgs/k4.jpg") no-repeat 0 0/100% 100%;

}
.kcys .ys div:nth-child(5){
    background: url("../imgs/k5.jpg") no-repeat 0 0/100% 100%;

}
.kcys .ys div:nth-child(2n) .xx{
    color: #282828;
}
.kcys .ys div:nth-child(2n) .top{
    color: #fff;
}



.tt4{
    width: 98%;
}
.tt4 p:nth-child(2){
    width: 81%;
}
.tt4 p:last-child {
    background: url(../imgs/btr.png) no-repeat 0 0 / 100% 100%;
}
.tt4 p:first-child {
    background: url(../imgs/btl.png) no-repeat 0 0 / 100% 100%;
}


.cjyq{
    width: 100%;
    margin: -.4rem auto 0;
    overflow: hidden;
    background: url("../imgs/bg5.jpg") no-repeat 0 0/100% 100%;
  padding-top: 0.5rem;
}


.zgys{
    width: 100%;
    margin: 0 auto ;
    overflow: hidden;
    background: url("../imgs/bg6.jpg") no-repeat 0 0/100% 100%;

}

.zgys .news{
    text-align: justify;
    margin-left: .2rem;
    font-size: .25rem;
    letter-spacing: .02rem;
    line-height: .45rem;
    margin-top: .3rem;
    box-sizing: border-box;
    padding: 0.1rem 0.4rem 0.1rem 0.2rem;
}
.zgys .outer{
    width:98% ;
    height: 5.6rem;
    background: url("../imgs/bg.png") no-repeat 0 0/100% 100%;
    margin: .5rem auto .8rem;
    overflow: hidden;

}
.zgys table{
    width: 90%;
    font-size: .25rem;
    margin-top: 0;
}
.zgys table th{
    font-size: .25rem;
}


.ysitem{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: url("../imgs/bg7.jpg") no-repeat 0 0/100% 100%;

}
.ysitem .inner{
    width: 98%;
    margin: .5rem auto .8rem;
    overflow: hidden;
}
.ysitem .inner>div{
    width: 45%;
    height: 3rem;
    background: url("../imgs/p1.jpg") no-repeat 0 0/100% 100%;
    float: left;
    margin: 0 2.5%;
    box-sizing: border-box;
    padding: .1rem;
}
.ysitem .inner .bt{
    font-size: .28rem;
    text-align: center;
    font-weight: bolder;

}
.ysitem .inner .xx{
    font-size: .24rem;
    line-height: .32rem;

    margin-top: .2rem;
    text-align: justify;
}

.xbk{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: url("../imgs/bg8.jpg") no-repeat 0 0/100% 100%;
}
.xbk table tr td,.xbk table tr th{
    padding:.15rem 0;
    letter-spacing: .02rem;
    font-size: .29rem;
    font-weight: normal;
}