* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
address, caption, cite, code, dfn, em, th, var { font-style: normal }
ul, li { list-style: none }
a { text-decoration: none; color: #555555; }
h1, h2, h3, h4 { font-weight: 300; }

html { background: #F3F3F3; min-height: 100%; }
html { font-size: 62.5%; }
img { display: block }
body { max-width: 640px; min-height: 100%; background: #FFF; margin: 0 auto !important; font-family: "Source Han Sans", "Hiragino Sans GB", "STXihei", "Microsoft YaHei", "SimSun", "Heiti", "sans-serif"; font-weight: 100;background: url(../images/bg.jpg) no-repeat #010447; background-size: contain;  }


.banner{ height:22rem; width:100%;}
.clearfix { clear: both; }
.clear { clear: both; }
.mt30 { width: 100%; margin-top:1.rem;
overflow: hidden; }
.bg5 { background: #d9d7d7 }
a { outline: 0; }
.h_20px { width: 100%; font-size: 0px; height: 1rem; clear: both }
.main { margin: 0 auto; padding:.8rem .8rem 0 .8rem;
}
.title { width: 32%; color: #c22433; text-align: center; margin: 0 auto; }
.introduce { color: #fff; font-size: 1.3rem; padding:.7rem 0 0 .5rem;line-height: 2rem; }
.introduce p img { margin-bottom: 1rem; }
.ullist { width: 100%; margin-top: 1rem; }
.ullist li { width: 46%; *width:45.9%;
float: left; display: inline; position: relative; overflow: hidden; margin-bottom: 1em; margin-left: 3% }
.ullist li img { width: 100%; }
.ullist li p { color: #fff; text-align: left; border-left: 2px solid #fff; font-size: 1rem; position: absolute; width: 100%; left: 4%; padding-left: 3% }
.ullist li p strong { font-size: 1.2em; }
.ullist li .black { width: 100%; height: 5.4rem; padding: .5em 0; background: rgba(0,0,0,.5); position: absolute; bottom: 0; left: 0; }
.owl-carousel { margin-top: 1rem; }
.c2list { width: 100% }
.c2list ul { width: 100% }
.c2list ul li { width: 46%; margin: 3% 0 1% 3%; float: left; text-align: center }
.c2list ul li img { margin-bottom: 1% }
.c2list ul li p { width: 100%; font-size: 1.2rem; font-weight: 100; line-height: 1.4; padding-top: 4px; }
.c2list ul li a p { color: #fff }
.c3ac1 { display: block; width: 96%; background: #ee7800; padding: 6px 0; margin: 0 auto 0 auto; border-radius: 3px }
.c3ac1 img { width: 45%; margin: 0 auto }
.footer { text-align: center; padding: 1rem 0; font-size: 1.2rem; color: #fff; }
.c2list dl { width: 100%; margin-top: 5%; font-size: 1rem; float:left }
.c2list dl dt { float: left; width: 28%; margin-right: 2%; }
.c2list dl a { color: #ccc }
.c2list dl a h2 { font-size: 1.4rem; color: #fff; margin-top:3% }
.schoolList { font-size: 0; width: 100%; }
.schoolList li { display: inline-block; width: 50%; float: left; display: inline; margin-top: 4% }
.mod-item { height: 10rem; background-color: #073c72; background-color: rgba(0,164,255,.2); border-top: 3px solid #0183d1; margin: 0 10px; color: #fff; text-align: center }
.mod-title { font-size: 1.5rem; padding-top: 1rem; }
.mod-txt {margin: .5rem 0 .5rem;font-size:1rem; line-height: 1.5rem; color: #8e99ae; padding: 0 1rem; }
.mod-btn { display: block; margin: 0 auto; width: 8rem; height: 2rem; line-height: 2rem; border: 1px solid #00a4ff; color: #00a4ff; text-align: center; font-size:1.2rem;
transition: all .5s; }
.mod-item a { color: #fff }
 @media only screen and (min-width: 481px) {
html { font-size: 104%!important; }
}
@media only screen and (min-width: 561px) {
html { font-size: 109%!important; }
}
@media only screen and (min-width: 641px) {
html { font-size: 125%!important; }
}