* { 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%; }

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; }
}




/* 2.1 sj_header
---------------------------------------------------------------------- */
.sj_Header{ width:100%; padding:1%; background:#FFF;}
.sj_Header_left{ float:left; margin-top:1%;}
.sj_Header_right{ float:right; margin-top:2%;}
/* 2.2 pro_header
---------------------------------------------------------------------- */
.pro_Header{ width:100%; background:#F97F12; font-weight:normal; overflow:hidden;}
.pro_Header_left{ margin-left:1%; float:left;}
.pro_title{ text-align:center; width:60%; line-height:4rem;float: left; display: block; font-size:2.5rem;}
.pro_title a{ color:#FFF;}
.pro_Header_right{ float:right; margin-right:2%;}
.pro_Header_left,.pro_Header_right{ margin-top: .25em;}
/* 3.menu
---------------------------------------------------------------------- */
#sj_menu{border-bottom:1px solid #FFF;}
.sj_menu_bg{ background:#fc9820; width:100%; overflow:hidden;}
.sj_menu_ul{ border-top:1px solid #FFF; margin:.5em 0;}
.sj_menu_ul li{ float:left; width:24.99%; border-left:1px solid #FFF;text-align:center; line-height:50px; height:50px;}
.sj_menu_ul li:first-child{ border-left:none; width:25%;}
.sj_menu_ul li a{ color:#FFF;}






.footer { text-align: center; font-size:.28rem;
width: 100%; clear: both; height: 13.7rem; }
.footer p { color: #888; line-height:1.5rem; color:#FFFFFF;}
.footer p a { color:#FFFFFF; padding: 0 10px; }
.footer p span a { color:#FFFFFF;}
.bottom_adr {
background:url(../images/bottom_adr.gif)left .35rem; background-size: 100% auto; width:.35rem;
height:.35rem;
display: inline-block; color: #ee7800 }
.bottom_qq {
background:url(../images/bottom_qq.gif) left .35rem; background-size: 100% auto; width:.35rem;
height:.35rem;
display: inline-block; color: #ee7800 }
.user-info { background: #f3f3f3; width: 100%; float: left;background:rgba(243,243,243,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ff3f3f3,endColorstr=#7ff3f3f3);zoom:1;}
:root .user-info{filter:none\9;}/*for IE9*/
.user-info li { width: 20%; text-align: center; float: left; display: inline; box-sizing: border-box; }
.user-info li img { width:2rem;
height:2rem;
margin-top:.07rem;
}
.user-info li p {
font-size:.24rem; color: #ee7902 }
.com-client { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 800; }
.com-client .con {
padding:.02rem .1rem .04rem 0; position: relative; z-index: 1; }
.com-client .bg { background: #004988; opacity: .6; height:.96rem;
width: 100%; position: absolute; z-index: 0; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); }
.com-client span { display: block; }
.com-client span.cli-txt { text-align: left; float: left; padding-top:.2rem
}
.com-client span.cli-txt p { line-height: 150%; font-size:.22rem;
color: #fff; }
.com-client span.cli-txt p strong { line-height: 150%; font-size:.32rem;
color: #fff; }
.com-client .cli-btn { text-align: right; width: 2.1rem; float: right; }
.com-client .cli-btn .pop-btn-client { text-align: center; background: url(../images/call.png) center top no-repeat; background-size: 100% auto; width: 2.2rem; height:.81rem;
display: block; }
.shake{margin:0 auto; display:block; position:fixed; top:80%; left:30%}
.shake img{ margin:0 auto;}