/* CSS Document */

body {display: block;margin: 0px;}
.kyfdb{font-family:"΢ÈíÑźÚ"; background:#e4e4e4; color:#333333;}
ul, menu, dir {display: block;list-style-type: disc;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
ul,li{list-style:none;}
a{text-decoration:none}
a:visited{}a:hover{text-decoration:underline}
a:active{}ul,li,ol{list-style:none}
img{border:0;vertical-align:middle}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.clearfix { zoom:1;}
.clearfix:after { content:".";display:block;height:0;clear:both; visibility:hidden;}
.bxw1100 {width: 1100px;margin: 0 auto;}
.bgtab{border-collapse: collapse;font-size:14px;line-height:22px;color: black;}

.fl{float:left; display:inline;} 
.fr{float:right; display:inline;}
.pos_a{position:absolute;}
.pos_r{position:relative;}

.ptblr20{ padding: 20px;}

.mtb10{ margin:10px auto;}
.mtb20{ margin:20px auto;}
.mtb30{ margin:30px auto;}
.mtb40{ margin:40px auto;}

.mlr10{ margin:auto 10px;}
.mlr20{ margin:auto 20px;}
.mlr30{ margin:auto 30px;}
.mlr40{ margin:auto 40px;}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt52{margin-top:52px;}

.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}
.mr50{ margin-right:50px;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{ margin-left:50px;}
.ml550{ margin-left:550px;}
.ml572{ margin-left:572px;}
.ml615{ margin-left:615px;}

.pt8{ padding-top:8px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt50{ padding-top:50px;}
.pt80{ padding-top:80px;}
.pt90{ padding-top:90px;}

.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr50{ padding-right:50px;}

.pb10{ padding-bottom:10px;}

.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl50{ padding-left:50px;}
.pl100{ padding-left:100px;}
.pl200{ padding-left:200px;}
.pl230{ padding-left:230px;}

.h60{ height:60px;}
.h135{ height:135px;}
.h300{ height:300px;}
.h315{ height:315px;}
.h350{ height:350px;}
.h375{ height:375px;}
.h360{ height:360px;}
.h400{ height:400px;}
.h450{ height:450px;}
.h500{ height:500px;}

.w350{ width:350px;}
.w380{ width:380px;}
.w480{ width:480px;}
.w750{ width:748px;}
.wb18{width:18%;}
.w1100{ width:1100px; margin:0px auto;}
.w980{ width:980px; margin:0px auto;}

/* ×ÖÌåÑùʽ */
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.ft12{font:normal 12px "΢ÈíÑźÚ";}
.ft14{font:normal 14px "΢ÈíÑźÚ";}
.ft16{font:normal 16px "΢ÈíÑźÚ"; line-height:32px;}
.ft18{font:normal 18px "΢ÈíÑźÚ"; line-height:38px;}
.ft20{font:normal 20px "΢ÈíÑźÚ";}
.ft22{font:normal 22px "΢ÈíÑźÚ";}
.ft24{font:normal 24px "΢ÈíÑźÚ";}
.ft26{font:normal 26px "΢ÈíÑźÚ";}
.ft28{font:normal 28px "΢ÈíÑźÚ";}
.fcw{ color:#ffffff;}

.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh32{line-height:32px;}

.fwb{font-weight:bold;}
.fwn{font-weight:normal;}
.txtl{ text-align:left;}
.txtr{ text-align:right;}
.txtc{ text-align:center;}



#menu{ display:none;}
/*°àÐÍÍ·²¿µ¼º½*/
.public_nav{background:#323232; height:52px; width:100%;position: fixed;top: 0;left: 0;z-index: 9;}
.public_nav .logo{height: 52px;}
.public_nav .logo img{ height: 50px;}
.public_nav .logo a { display:block;}
.nav .navListBg{background:url(http://www.qsiedu.com/skin/default/images/jixunying/iconBg_01.jpg) no-repeat 100px 25px;padding: 0 3px;}
.nav .bxbtn{display: block;font-size: 16px;color: #fefefe;padding: 0 23px;text-align: center;line-height: 52px;}

.nav .navHidden{display: none;position: absolute;z-index: 8888;background: #ffffff;
box-shadow: 0px 0px 5px 2px #d5d5d5;}
.nav .navHidden .icon{ background:url(http://www.qsiedu.com/skin/default/images/jixunying/iconBg_02.png) no-repeat;width: 16px;height: 9px;position: absolute;}
.nav .navHidden .icon1{ top:-9px; left:350px;}
.nav .navHidden .icon2 { top:-9px; left:53px;}
.nav .navHidden .icon3 { top:-9px; left:48px;}
.nav .navHidden a { color:#666666; font-size:14px;line-height:30px;}
.nav .navHidden a:hover { color:#eb510b; text-decoration:none;}
.nav .navHidden .titleBox { border-bottom:1px #999999 solid;}
.nav .navHidden .titleBox h2 { line-height:40px; font-weight:normal; font-size:16px; border-bottom:2px #0e6eb8 solid; width:; margin-bottom:-1px;}
.nav .navHidden1 { padding-top:5px; left:-310px; width:1100px; padding-bottom:10px;}
.nav .navHidden2 { width:124px; padding-bottom:10px;}
.nav .navHidden2 li , .navHidden3 li { text-align:center;}
.nav .navHidden3 { width:110px; padding-bottom:10px;}
.nav .navs{height: 52px;width: 2px;background:url(http://www.qsiedu.com/skin/default/images/jixunying/navBtnBg_04.jpg) no-repeat;margin-left: 5px;}

/*°àÐͽ¹µã*/
.head {height:55px;background-color:#393939;border-bottom:1px solid #ededed;position:fixed;z-index: 19999;left: 0; top: 0;width: 100%;height: 55px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex; display: none;}
.head a{color:#FFF;}
.head .head_tit{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;-moz-flex:1;flex:1;line-height:55px;text-align:center;color:#3a3a3a;font-size:1.3rem; color:#fff;}
.head .head_icon{width:60px;height:55px;background:url(http://www.qsiedu.com/skin/phone/images/bm_head.png);background-size:66px 135px;display:block;}
.head .head_back{background-position:0 -70px;left:0}
.head .head_nav{float:right;margin-right:3px;margin-left:10px;background-position:-12px -6px;right:0;}
.head .head_nav a{float:left;width:108px;height:30px;margin:7px 0 0 13px;display:block;width:100%;height:100%;}

.headhovertree {width: 100%;min-height: 100%;height: auto;background: url(html.jpg) fixed no-repeat left top;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
.headhovertree {padding-bottom: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
div.head_mask {position:fixed;z-index: 2;right: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;display: none;}
aside.head_wrapper {position:fixed;z-index: 4; right: 0;top: 0;width: 70%;-webkit-transform: translate3d(100%, 0, 0);-moz-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);-o-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
aside.head_wrapper > div {background-color: #343434;min-height: 100%;}
aside.head_wrapper > div > div {padding: 0 10px;height: 55px;background-color: #262626;overflow: hidden;}
aside.head_wrapper > div > div strong {height: 45px;line-height: 45px;font-size: 18px;color: #ffffff;font-weight: normal;}
aside.head_wrapper.moved {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
aside.head_wrapper li > a {padding: 15px 10px;border-top: 1px solid #4d4d4d;border-bottom: 1px solid #262626;font-size: 15px;display: block;color: #fff;}
aside.head_wrapper li.current > a {background-color: #262626;}

/*°àÐͽ¹µã*/
.ban_banner{}
.bimg{ display:block; width:100%; max-width:1920px; margin:0px auto;}

/*°àÐ͵¼º½*/
.ban_nav{ background:#393939;}
.ban_nav ul li{float:left; width:14%; text-align:center; font-size:1em;}
.ban_nav ul li a,.ban_nav ul li a:hover{ display:block; line-height:60px; text-decoration:none; color:#fff;}
.ban_nav ul li.y a,.ban_nav ul li.y a:hover{ display:block;background:#ffdf2b; color:#393939;}

/*°àÐÍtit*/
.ban_tit{ margin:50px auto 40px; text-align:center; font-size:3em; font-weight:bold;}
.ban_tit img{ margin:0px 10px;}

.ban_zx a{ display:block; width:150px; font-size:1.2em; line-height:40px; text-align:center; margin:30px auto; background:#ffdf2b;}

/*1*/
 .con{ height:429px;margin:4% auto;box-shadow:0 0 10px #000; }
 .con ul li{ height:429px; position:relative; overflow:hidden; float:left;}
 .con ul li h3{ width:20px; height:429px; color:#fff; font-family:"΢ÈíÑźÚ"; font-size:16px; padding:15px; cursor:pointer;-webkit-margin-before: 0em;}
 .con ul li.ti1 h3{ background:#333333;}
 .con ul li.ti2 h3{ background:#263b77;}
 .con ul li.ti3 h3{ background:#c32e20;}
 .con ul li.ti4 h3{ background:#d38950;}
 .con ul li.ti5 h3{ background:#c2a490;}
 .show{ position:absolute;  top:0; width:94%; height:429px;background-size:cover;cursor:pointer;}
 .show span{display:block;position:absolute;left:20px;bottom:20px;}
@keyframes zq{ from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@-webkit-keyframes zq{ from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}

/*ad*/
.ban_ad{ text-align:center; color:#fff;}
.ad_bg1{ background:url(http://www.qsiedu.com/skin/default/images/2019banxing/ban_ad.png) no-repeat center;}
.ad_bg2{background:url(http://www.qsiedu.com/skin/default/images/2019banxing/ban_ad2.png) no-repeat center;}
.ban_ad .fl{ width:70%;}
.ban_ad .fl h2{ font-size:2.2em;}
.ban_ad .fl p{ font-size:1.5em;}
.ban_ad .fl p span{ margin:0px 8px;}
.yf{ color:#ffdf2b;}
.ban_ad .fr{ width:30%;}
.ban_ad .fr a{ display:block; width:100px; margin:4em 0px; line-height:2em; font-size:1em;background:#ffdf2b; color:#333;}

/*2*/
.ban_xq{}
.ban_xq ul{}
.ban_xq ul li{ float:left; width:46%; margin:2%;}
.ban_xq ul li img{ width:100%;}
hr{-webkit-margin-after: 0em;}


/*3*/
.ban_main{ background:#f0f0f0; color:#333333; padding:20px 0px;}

.changeBan{font-family:"΢ÈíÑźÚ";}

.banTit{width:100%;height:40px;}
.banTit li{width: 548px; border:1px solid #333;text-align: center;line-height: 40px;float: left;font-size: 22px;cursor: pointer;}
.banTit li.on{background:#ffdf2b;}
.changeBan div{display: none}
.changeBan div.on{display: block;}
.changeBan table td{padding:5px;}
.changeBan table td a{ display:block; color:#333; width:150px; margin:10% auto; text-align:center; line-height:40px; text-decoration:none; border:1px solid #333; border-radius:5px;}
.changeBan table td a:hover{ background:#ffdf2b;}

/*4*/
.ban_ys{ background:#fff; padding:1px 60px 50px;}
.ban_ys p{text-indent:2em;}
.ban_ys h2{ font-size:2em; margin:20px auto; text-align:center;}
.ban_ys .fl{ width:40%; margin:10px 0px;}
.ys_01{ width:36%;margin: 30px 2%;padding: 2% 0px;}
.ban_ys .fl ul li{ float:left; width:44%; margin:5px 3%; list-style:circle;list-style-position: inside;}
.ban_ys .fl ul li a{ color:#333; text-decoration:none;}
.ban_ys .fr{ width:50%; margin:10px 5%; }
.ban_ys .fr p{ text-indent:2em; line-height:30px; -webkit-margin-before: 0em;
-webkit-margin-after: 0em;}
.ban_ys .fr a{display:block; width:150px; font-size:1.2em; line-height:40px; text-align:center; margin:10px 0px; background:#ffdf2b;}
.ban_ys .fl img,.ban_ys .fr img{ border:2px solid #c2a490; margin:20px 0px;}
.ban_ys .main{ min-width:585px; min-height:340px; background:url(http://www.qsiedu.com/skin/default/images/2019banxing/ban_sp.png) no-repeat center; text-align:center;}
.ban_ys .main iframe{ margin:20px auto;}


/*5*/
.ban_jc{ background:url(http://www.qsiedu.com/skin/default/images/2019banxing/ban_zl.png) #1c2b60 no-repeat bottom center; height:415px; padding:30px 20px; color:#fff;}
.ban_jc h2{ font-size:2.4em; color:#ffdf2b;text-align:center; -webkit-margin-before: 0em; -webkit-margin-after: 0em;}
.ban_jc .fl{ margin:20px; padding:20px;}
.ban_jc .fl a{ font-size:1.5em; padding:0px 10px; margin:20px 0px; border:2px solid #fff;}
.ban_jc .fl p{ line-height:40px;}
.ban_jc .fl span{ font-size:1.2em;padding:3px; margin:10px 1%; border:2px solid #fff;}

/*6*/
#dd { width:100%; height:525px; margin:50px auto 0 auto; overflow:hidden;}
#dd li { display:none; float:left; width:100%; height:525px; overflow:hidden;background:#fff;}
#dd li img{ float:left;}
#dd li span {  width:42%; padding:20px 4%; display:inline-block;line-height:26px;}
#dd li span h2{ font-size:1.5em;}
#dd li span p { text-indent:2em;-webkit-margin-before: 0em;-webkit-margin-after: 0em;}
#dd li span a{ display:block; float:left;width:25%; margin:10px 10%; padding:5px 10px; text-align:center; background:#ffdf2b; color:#333; text-decoration:none;}
#dd li.on { display:block; width:100%; overflow:hidden; z-index:100}
#ii { width:10px; position:relative; margin:5px auto 0 auto; left:10px; bottom:295px;}
#ii li { width:10px; height:10px; margin:10px; background:#aaaaaa; text-align:center; line-height:10px; cursor:pointer; border-radius:10px;}
#ii li.on{ background:#ffdf2b;}


/*7*/
.ban_ry{ background:#f0f0f0; padding:1px 0px 40px 0px;}
.ban_ry h2{position: relative;-webkit-margin-before: 0em;-webkit-margin-after: 0em;padding: 10px;background: #3d4151;opacity: 0.8; color:#fff;}
.ban_ry ul{}
.ban_ry ul li{ float:left; margin: 0px 5px; height:410px;}
.ban_ry ul li img{ border:2px solid #c2a490;}
.ban_ry ul li h2{bottom: 53px;}
.ban_ry ul li ul li{ float:none; margin:0px 0px 10px 0px; height:132px;}
.ban_ry ul li ul li img{ border:1px solid #c2a490; width: 196px; height: 130px;}
.ban_ry ul li ul li h2{ font-size:1em;bottom: 43px;}


/*8*/
.ban_yw{}
.ban_yw .fl,.ban_yw .fr{ width:44%; margin:0px 3%;}
#news{height:180px;overflow: hidden; margin:20px auto;}
.ban_yw .fl ul{}
.ban_yw .fl ul li{ list-style:square; color: #c32e20; line-height:36px; border-bottom:1px dashed #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;list-style-position: inside;}
.ban_yw .fl ul li a{ color:#333; text-decoration:none;}
.ban_yw .fl ul li a span{ float:right;}
.ban_yw .fr h2{ text-align:center;}

@media only screen and (max-width:640px) {
	.fl{ float:none;}
	.fr{ float:none;}
	.w1100{ width: 100%;}
	.w980{ width:96%; margin:0px auto;}
	.ban_nav ul li { width: 20%;}
	.ban_tit {font-size: 1em;margin: 20px auto;}
	.ban_ad .fl h2 {font-size: 1.2em; padding: 10px 0px;
		-webkit-margin-before: 0em; -webkit-margin-after: 0em;}
	.ban_ad .fl p {font-size: 1em;}
	.ban_ad .fr a {margin: 2em auto;}
	.ban_tit img { width: 20%;}
	.ban_xq ul li { float: none; width: 96%;margin: 2%;}
	.banTit li {width: 99%;}
	.changeBan table td a {  display: block;width: auto;}
	.ft24 {font: normal 14px "΢ÈíÑźÚ";}
	.ptblr20{ padding: 5px;}
	.ban_ys { padding: 1px 2%;}
	.ban_ys .fr {margin: 10px 0%;}
	.ban_ys .fl img,.ban_ys .fr img{ width:99%;}
	.ban_ys .fr a { margin: 10px auto;}
	.ban_ys .main {min-width: 99%;min-height: auto;background:none;}
	.ban_ys .main img{ width:100%;}
	.ban_jc{height:auto;}
	.ban_jc .fl span {display: block;}
	.con,.con ul li,.con ul li h3,.show{height:190px;}
	#dd,#dd li {height: auto; }
	#dd li img {width: 100%;}
	#dd li span {width: 92%;}
	#dd li span a { float:none;width: 80%;margin: 10px auto;}
	#ii { width: 90%; bottom:auto; margin: 5px auto;left: 30%;}
	#ii li{ float:left;}
	.ban_ry ul li { float:left;height: auto;width: 100%;}
	.ban_ry ul li img{ width:98%;}
	.ban_ry h2 { padding:0px;width: 96%;padding-left: 10px; line-height: 42px;}
	.ban_ry ul li ul li {height: auto;}
	.ban_ry ul li h2,.ban_ry ul li ul li h2 {bottom:auto; }
	.ban_yw .fl img{width:98%;}
	.public_nav{ display:none;}
	.head{display:flex;}
	.ban_nav ul li a, .ban_nav ul li a:hover {line-height: 30px;border-bottom: 1px solid #e4e4e4;}
	}