@charset "GBK";
/*Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none;}
input.hidefocus::-moz-focus-inner {border:none;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup,b{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#5A5A5A;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
i,em{font-style:normal}
small{font-size:12px;display:block;}
html{background:#f4f5f4;height:auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
/*body {overflow-y:scroll;color:#454545;background:#fff;width:100%;max-width:480px;margin:0 auto;}*/
body{color:#222;background:#fff;width:100%;max-width:480px;margin:0 auto;height:100%;overflow-y:scroll;font-family:"PingFang SC", Tahoma, Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
a{color:#222;text-decoration:none;}
a:hover{  text-decoration:none}
header .header .navmenu div{width:100%;max-width:480px;margin:0 auto;color:#FFFFFF;text-align:center;}
header .header .navmenu div dl{text-align:left;padding:0 20px;margin-bottom:10px;}
header .header .navmenu div dl dt{font-size:18px;height:20px;line-height:20px;border-left:4px solid #dd6a24;padding-left:10px;}
header .header .navmenu div dl dd{font-size: 16px;line-height: 20px;padding-left:25px;}
header .header .navmenu div dl dd a{display: block;margin-top: 8px;color: #666;}
header .header .navmenu{width: 200px !important;margin-left: 40px !important;}
/*清除浮动*/
.clear{clear:both;}
.clear_fix{zoom:1;}
.clear_fix:after{display:block;clear:both;content:".";visibility:hidden;height:0;font-size:0;}

.z{ float:left;}
.y{ float:right;}
.txc{text-align:center !important;}
.txl{text-align:left !important;}
.txr{text-align:right !important;}
.none{display:none !important;}

.h5{height:5px;}
.h10{height:10px;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h45{height:45px;}
.h50{height:50px;}

.pd0{padding:0 !important;}

@-webkit-keyframes bottomFadeIn{
    0%{opacity:0;  -webkit-transform:translateY(10px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes bottomFadeIn{
    0%{opacity:0;  -moz-transform:translateY(10px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}

@keyframes bottomFadeIn{
    0%{opacity:0;  transform:translateY(10px);}
    100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes bottomFadeInOut{
    0%{opacity:0;  -webkit-transform:translateY(10px);}
    30%{opacity:1;-webkit-transform:translateY(0);}
    80%{opacity:1;-webkit-transform:translateY(0);}
    100%{opacity:0;-webkit-transform:translateY(-20px);}
}
@keyframes bottomFadeInOut{
    0%{opacity:0;  transform:translateY(10px);}
    30%{opacity:1;transform:translateY(0);}
    80%{opacity:1;transform:translateY(0);}
    100%{opacity:0;transform:translateY(-20px);}
}
@-webkit-keyframes topFadeIn{
    0%{opacity:0;  -webkit-transform:translateY(-10px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes topFadeIn{
    0%{opacity:0;  -moz-transform:translateY(-10px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@keyframes topFadeIn{
    0%{opacity:0;  transform:translateY(-10px);}
    100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes leftFadeIn{
    0%{opacity:0;  -webkit-transform:translateX(-10px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes leftFadeIn{
    0%{opacity:0;  -moz-transform:translateX(-10px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@keyframes leftFadeIn{
    0%{opacity:0;  transform:translateX(-10px);}
    100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes rightFadeIn{
    0%{opacity:0;  -webkit-transform:translateX(10px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes rightFadeIn{
    0%{opacity:0;  -moz-transform:translateX(10px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@keyframes rightFadeIn{
    0%{opacity:0;  transform:translateX(10px);}
    100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes popup{
    0%{-webkit-transform:scale(0);}
    60%{-webkit-transform:scale(1.1);}
    100%{-webkit-transform:scale(1);}
}
@-moz-keyframes popup{
    0%{-moz-transform:scale(0);}
    60%{-moz-transform:scale(1.1);}
    100%{-moz-transform:scale(1);}
}
@keyframes popup{
    0%{transform:scale(0);}
    60%{transform:scale(1.1);}
    100%{transform:scale(1);}
}
@keyframes flipInX{
    0%{transform:perspective(400px) rotateX(90deg);opacity:0}
    40%{transform:perspective(400px) rotateX(-10deg)}
    70%{transform:perspective(400px) rotateX(10deg)}
    100%{transform:perspective(400px) rotateX(0deg);opacity:1}
}
@-webkit-keyframes flipInX{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@-moz-keyframes flipInX{
    0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
    40%{-moz-transform:perspective(400px) rotateX(-10deg)}
    70%{-moz-transform:perspective(400px) rotateX(10deg)}
    100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes flipInY{
    0%{transform:perspective(400px) rotateY(90deg);opacity:0}
    40%{transform:perspective(400px) rotateY(-10deg)}
    70%{transform:perspective(400px) rotateY(10deg)}
    100%{transform:perspective(400px) rotateY(0deg);opacity:1}
}
@-webkit-keyframes flipInY{
    0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateY(10deg)}
    100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}
}
@-moz-keyframes flipInY{
    0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}
    40%{-moz-transform:perspective(400px) rotateY(-10deg)}
    70%{-moz-transform:perspective(400px) rotateY(10deg)}
    100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}
}

/*公用头部*/
header{width:100%;max-width:480px;height:100px;box-sizing:border-box;position:relative;overflow:hidden;}
header .header{position:fixed;width:100%;max-width:420px;padding:18px 30px;background:#fff;z-index:99;border-top:2px solid #dd6a24;}
header .header .logo{overflow:hidden;}
header .header .logo a{display:block;height:60px;overflow:hidden;position:relative;}
header .header .logo a img{height:60px;}
header .header .logo a font{display:none;position:absolute;background:#dd6a24;color:#fff;margin-right:5px;border-radius:5px;font-size:10px;width:56px;text-align:center;height:14px;line-height:16px;top:0;left:72px;}
header .header .query{display:block;width:160px;margin-left:45px;margin-top:12px;}
header .header .query dl{position:relative;z-index:100;width:100%;height:32px;text-indent:10px;border:1px solid #dfe3e7;background:#dfe3e7;}
header .header .query dl a{display:block;font-size:14px;color:#999;}
header .header .query dl dt{height:32px;padding:5px;box-sizing:border-box;line-height:22px;}
header .header .query dl dt i{background:url(http://m.qnciv.com/topic/wzryqx/images/query.png) no-repeat 0 0;display:block;float:right;width:15px;height:18px;position:relative;top:-18px;right:5px;}
header .header .query dl:hover{border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
header .header .query dl dd{padding:5px;box-sizing:border-box;background-color:#dfe3e7;display:none;width:calc(100% + 2px);position:absolute;z-index:9999;top:33px;left:-1px;border:1px solid #dfe3e7;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-animation:topFadeIn .3s ease-out;-moz-animation:topFadeIn .3s ease-out;animation:topFadeIn .3s ease-out;}
header .header .query dl.hover dd{display:block;}
header .header .query dl dd a{line-height:32px;display:block;text-align:left;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;}
header .header .query dl dd a:hover{text-decoration:none;}
header .header .navbtn{width:auto;height:60px;padding-top:10px;box-sizing:border-box;}
header .header .navbtn img{display:inline-block;width:auto;height:80%;float:right;}
header .header .navmenu{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:#fff;position:fixed;height:100%;transition:all 0.5s ease;width:480px;z-index:99;padding-top:20px;margin-left:-240px;left:50%;top:-120%;}
header .header .navmenu div{width:100%;max-width:480px;margin:0 auto;color:#FFFFFF;text-align:center;}
header .header .navmenu div dl{text-align:left;padding:0 20px;margin-bottom:20px;}
header .header .navmenu div dl dt{font-size:18px;height:20px;line-height:20px;border-left:4px solid #dd6a24;padding-left:10px;}
header .header.headerfixed .navmenu{width:480px;top:100px;}

header .header .navmenu{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:#fff;position:fixed;height:auto;transition:all 0.5s ease;width:160px;z-index:99;padding-top:20px;margin-left:80px;left:50%;/*! top:-120%;*/top:100px;/*! left:380px;*/display:none;box-shadow:0 0 15px rgba(0,0,0,.3);}
header .header .navmenu div{width:100%;max-width:480px;margin:0 auto;color:#FFFFFF;text-align:center;}

.fixedbot{background:#edeff0;overflow:hidden;font-size:14px;color:#666;margin-bottom:75px;padding:20px 30px 20px;border-top:1px solid #dd6a24;}
.fixedbot a{color:#666;}
.fixedbot p{line-height:20px;text-align:center;}
.fixedbot ul{width:100%;overflow:hidden;margin-top:10px;}
.fixedbot ul li{float:left;width:100%;overflow:hidden;text-align:center;line-height:30px;}
.fixedbot ul li + li:before{content:'';padding-left:24px;background:url(http://m.qnciv.com/topic/wzryqx/images/gab.png) center center no-repeat;height:30px;width:24px;position:relative;background-size:contain;}

/*公用页脚*/
.footer{background:#d05e0e;width:100%;overflow:hidden;text-align:center;padding:35px;box-sizing:border-box;font-size:16px;}
.footer a img{padding-bottom:20px;}
.footer p{height:25px;line-height:25px;margin:10px 0;color:#fff;}
.footer p.add{background:url(http://m.qnciv.com/topic/wzryqx/images/footer_add.png) left center no-repeat;}
.footer p.tel{background:url(http://m.qnciv.com/topic/wzryqx/images/footer_tel.png) left center no-repeat;}
.footer p a{display:inline-block;margin-right:10px;color:#fff;}
.footer .footerlogo{display:block;position:relative;width:100%;overflow:hidden;}
.footer .footerlogo font{display:block;position:absolute;background:#dd6a24;color:#fff;margin-right:5px;left:210px;border-radius:5px;font-size:12px;height:20px;line-height:20px;width:72px;top:0;}

/*底部菜单*/
footer{height:75px;width:100%;max-width:480px;background:#dd6a24;position:fixed;bottom:0;z-index:999;}
footer ul{overflow:hidden;padding:10px 20px;}
footer ul li{float:left;text-align:center;width:calc(100%/5);}
footer ul li a{overflow:hidden;display:block;}
footer ul li a img{display:block;overflow:hidden;margin:auto;}
footer ul li a p{color:#fff;font-size:14px;height:20px;line-height:20px;}

/*底部青鸟标识*/
.jadep {width:100%;overflow:hidden;background:#fafafa;border-bottom:2px solid #dd6a24;}
.jadep img {float:left;margin-left:45px;margin-top:85px;}
.jadep ul {float:right;width:calc(100%/2);overflow:hidden;padding-top:20px;padding-bottom:50px;padding-left:20px;box-sizing:border-box;}
.jadep ul li {height:22px;line-height:22px;font-size:16px;color:#999;margin-top:24px;}
.jadep ul li:before {content:'';display:block;float:left;width:32px;height:22px;margin-right:10px;background:url(http://m.qnciv.com/topic/wzryqx/images/jadepi.png) left center no-repeat;}

/*页面主图*/
.mbanner{width:100%;max-width:480px;height:320px;}
.mbanner em{display:block;}

.school{overflow:hidden;text-align:center;margin-top:40px;}
.school ul{overflow:hidden;}
.school ul li{margin-bottom:40px;}
.school ul li .pic{position:relative;margin-bottom:10px;}
.school ul li .pic font{position:absolute;font-size:12px;background:#dd6a24;color:#fff;padding:2px 10px;border-radius:50px;left:215px;}
.school ul li .txt{overflow:hidden;padding:0 40px;text-align:left;line-height:28px;}
.school ul li .txt h3{font-weight:700;}
.school ul li .txt font a{color:#e60012;}

.section{width:100%;max-width:480px;padding:0 30px;box-sizing:border-box;overflow:hidden;}
.section a.btn{display:block;overflow:hidden;width:150px;height:52px;background:url(/public/img/btn.png) center center no-repeat;margin:auto;line-height:42px;text-align:center;font-size:18px;}

.sectit{overflow:hidden;text-align:center;position:relative;padding:35px 0 20px;}
.sectit div{overflow:hidden;display:block;margin:auto;width:400px;height:80px;line-height:70px;text-align:center;}
.sectit div h2{font-size:20px;font-weight:700;overflow:hidden;text-indent:1.8em;}
.sectit p{font-size:16px;height:30px;line-height:30px;color:#999;}

.banner{width:480px;height:320px;position:relative;overflow:hidden;}
.banner .bd{position:relative;height:100%;z-index:0;}
.banner .bd ul{height:320px;overflow:hidden;}
.banner .bd ul li{zoom:1;vertical-align:middle;width:480px;height:320px;overflow:hidden;}
.banner .bd ul li a{display:block;width:100%;height:100%;}
.banner .bd ul li a img{display:block;width:480px;height:320px;}
.banner .hd{height:20px;position:absolute;width:100%;bottom:0;}
.banner .hd ul{height:20px;text-align:center;}
.banner .hd ul li{display:inline-block;width:15px;height:15px;background:#fff;text-indent:-9999em;margin:0 5px;border-radius:500px;cursor:pointer;}
.banner .hd ul li.on{background:#dd6a24;}

/*.isp_baozhang .sectit{background:url(http://m.qnciv.com/topic/wzryqx/images/icon_baozhang.png) center center no-repeat;}
.isp_teacher .sectit{background:url(http://m.qnciv.com/topic/wzryqx/images/icon_teacher.png) center center no-repeat;}
.isp_institute .sectit{background:url(http://m.qnciv.com/topic/wzryqx/images/icon_institute.png) center center no-repeat;}*/
.sectit.sectit01{background:url(http://m.qnciv.com/topic/wzryqx/images/sectit01.png) center 40px no-repeat;}
.sectit.sectit02{background:url(http://m.qnciv.com/topic/wzryqx/images/sectit02.png) center 40px no-repeat;}
.sectit.sectit03{background:url(http://m.qnciv.com/topic/wzryqx/images/sectit03.png) center 40px no-repeat;}
.sectit.sectit04{background:url(http://m.qnciv.com/topic/wzryqx/images/sectit04.png) center 40px no-repeat;}
.sectit.sectit05{background:url(http://m.qnciv.com/topic/wzryqx/images/sectit05.png) center 45px no-repeat;}
.sectit.sectit06{background:url(http://m.qnciv.com/topic/wzryqx/images/sectit06.png) center 45px no-repeat;}
.sectit.sectit07{background:url(http://m.qnciv.com/topic/wzryqx/images/sectit07.png) center 45px no-repeat;}
.sectit.sectit08{background:url(http://m.qnciv.com/topic/wzryqx/images/sectit08.png) center 40px no-repeat;}
img{max-width: 100%;display: block;}




.main{
    width: 100%;
    background: #dadee0;
}
.main-top{
    width: 100%;
    background: #dd6a25;
}
.main-xk{
    width: 100%;
    background: url(http://m.qnciv.com/topic/wzryqx/images/xk.png) no-repeat;
    background-size: 100%;
    text-align: center;
}
.main-xk span{
    display: inline-block;
    font-size: 17px;
    line-height: 30px;
    color: #fff;
}
.main-footer{
    width: 100%;
    background: #7e8182;
    background-image: linear-gradient(#7e8182, #aab2b6);
    text-align: center;
}
.warp{
    width: 400px;
    margin: 0 auto;
}
.warp .curriculum{
    text-align: center;
    padding-bottom: 65px;
}
.curriculum img{
    width: 60%;
    display: inline-block;
}
.curriculum p,.curriculum ul li{
    line-height: 26px;
    font-size: 16px;
    color: #fff;
    text-align: left;
}
.curriculum-tz{
    width: 100%;
    background: url(http://m.qnciv.com/topic/wzryqx/images/curriculum.jpg) no-repeat;
    background-size: 100%;
    height: 320px;
}
.curriculum-tz ul{
    width: 400px;
    margin: 0 auto;
}
.curriculum-tz ul li{
    width: 80px;
    height: 110px;
    margin-top: 10px;
    margin-left: 30px;
    float: left;
}
.curriculum-tz ul li a{
    width: 80px;
    height: 110px;
    display: block;
}
.curriculum-tz ul li.ons{
    margin-left: -10px;
}
.curriculum-tz ul li.ond{
    margin-left: 35px;
}
.curriculum-tz ul li.onf{
    margin-left: 35px;
}
.curriculum-tz ul li.on{
    margin-left: 20px;
}
.curriculum-tz ul li:first-child{
    margin-left: 42px;
}