body {
    font: 100% verdana !important;
    margin: 0 auto;
    color: #333;
    min-width: 1200px;
}
.fl {
    float: left;
}
.clear{
	clear:both;
}
.banner_box{
	width: 100%;
	min-width: 100px;
	background: url("https://www.threegryphons.com/OtherItem/scscyx/images/banner.png") center top no-repeat;
	height: 100px;
}
.header_box{
	width: 100%;
	background: #12589f;
}
.header_ul{
	width: 1000px;
	margin:0 auto;
	overflow: hidden;
}
.header_ul li a{
	width: 142px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	float: left;
}
.header_ul .active a{
	background: #0584de;
}
.main{
	width: 1000px;
	margin:0 auto;
}
.main_box{
	background: #fff;
	margin-top: 20px;
    border: 6px #4165AF solid;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 30px;
}
.student_box{
	background: #f5f7fb;
	width: 218px;
	border: 1px solid #b0c7df;
	margin-top: 10px;
	float: left;
	height: 207px;
	overflow: hidden;
}
.student_tit{
	width: 175px;
	margin:0 auto;
	line-height: 32px;
	color: #12589f;
	padding-left: 24px;
	background: url("https://www.threegryphons.com/OtherItem/scscyx/images/student_icon.png") 0 center no-repeat;
	border-bottom: 1px solid #6d98c4;
	font-size: 14px;
	font-weight: bold;
}
.login_box{
	margin-left: 20px;
	margin-top: 14px;
}
.user_img{
	float: left;
}
.login_ts{
	float: left;
	margin-left: 7px;
}
.login_ts1{
	margin-top: 7px;
	font-size: 14px;
	color: #1369c0;
	font-weight: bold;
}
.login_ts2{
	margin-top: 7px;
	font-size: 14px;
	color: #777777;
}
.login_btn{
	width: 178px;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 14px;
	cursor: pointer;
	background: #12589f;
}
.register_btn{
	width: 176px;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	border: 1px  solid #12589f;
	color: #12589f;
	cursor: pointer;
	margin-bottom: 16px;
}
.zczc_box{
	width: 468px;
	float: left;
	margin-left: 9px;
	margin-top: 10px;
	border: 1px solid #b0c7df;
	height: 207px;
	overflow: hidden;
}
.zczc_header{
	width: 100%;
	background: #f5f7fb;
}
.zczc_tit{
	width: 114px;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: url("https://www.threegryphons.com/OtherItem/scscyx/images/zczc_bg.png") 0 0 no-repeat;
	padding-left: 40px;
}
.zczc_nr{
	padding: 15px;
	line-height: 25px;
	color: #222;
	text-indent: 2em;
	font-size: 14px;
}
.zczc_nr a{
	color: #f66126;
	cursor: pointer;
}
.zczc_nr a:hover{
	text-decoration: underline;
}
.cjwt_box{
	width: 290px;
	float: left;
	margin-left: 9px;
	margin-top: 10px;
	border: 1px solid #b0c7df;
	height: 207px;
	overflow: hidden; 
}
.cjwt_tit{
	width: 114px;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: url("https://www.threegryphons.com/OtherItem/scscyx/images/cjwt_bg.png") 0 0 no-repeat;
	padding-left: 40px;
	float: left;
}
.cjwt_ul{
	margin-left: 20px;
}
.cjwt_ul li{
	font-size: 14px;
	padding-left: 13px;
	background: url("https://www.threegryphons.com/OtherItem/scscyx/images/jt.png") 0 center no-repeat;
	margin-top: 20px;
	cursor: pointer;
}
.cjwt_ul li a{
	color: #222;
}
.cjwt_ul li a:hover{
	color: #f66126;
}
.cjwt_more{
	float: right;
	margin-right: 9px;
	line-height: 32px;
	color: #12589f;
	cursor: pointer;
	font-size: 14px;
}
.zxxz_box{
	background: #f5f7fb;
	width: 218px;
	border: 1px solid #b0c7df;
	margin-top: 10px;
	float: left;
	height: 241px;
	overflow: hidden;
}
.zxxz_tit{
	width: 175px;
	margin:0 auto;
	line-height: 32px;
	color: #12589f;
	padding-left: 24px;
	background: url("https://www.threegryphons.com/OtherItem/scscyx/images/zxxz_icon.png") 0 center no-repeat;
	border-bottom: 1px solid #6d98c4;
	font-size: 14px;
	font-weight: bold;
}
.zxxz_ul{
	overflow: hidden;
}
.zxxz_ul li{
	margin-left: 20px;
	padding-right: 6px;
	padding-left: 11px;
	font-size: 14px;
	float: left;
	background: url("https://www.threegryphons.com/OtherItem/scscyx/images/jt.png") 0 center no-repeat;
	margin-top: 14px;
}
.zxxz_ul li a{
	color: #222;
}
.zxxz_ul li a:hover{
	color: #f66126;
}
.lxzx_tit{
	width: 175px;
	margin:13px auto 5px;
	line-height: 32px;
	color: #12589f;
	padding-left: 24px;
	background: url("https://www.threegryphons.com/OtherItem/scscyx/images/tel_icon.png") 0 center no-repeat;
	border-bottom: 1px solid #6d98c4;
	font-size: 14px;
	font-weight: bold;
}
.tel_zi{
	font-size: 14px;
	margin-top: 10px;
	margin-left: 10px;
}
.zxgg_box{
	width: 468px;
	float: left;
	margin-left: 9px;
	margin-top: 10px;
	border: 1px solid #b0c7df;
	height: 241px;
	overflow: hidden;
}
.zxgg_tit{
	width: 114px;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: url("https://www.threegryphons.com/OtherItem/scscyx/images/zxgg_bg.png") 0 0 no-repeat;
	padding-left: 40px;
}
.zxgg_ul{
	margin-left: 20px;
}
.zxgg_ul li{
	padding-left: 13px;
	margin-top: 20px;
	background: url("https://www.threegryphons.com/OtherItem/scscyx/images/jt.png") 0 center no-repeat;
	font-size: 14px;
	cursor: pointer;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.zxgg_ul li a{
	color: #222;
}
.zxgg_ul li a:hover{
	color: #f66126
}
.zxgg_ul li span{
	float: right;
	margin-right: 20px;
	color: #777777;
}
.xsly_box{
	width: 290px;
	float: left;
	margin-left: 9px;
	margin-top: 10px;
	border: 1px solid #b0c7df;
	height: 241px;
	overflow: hidden;
}
.xsly_tit{
	width: 114px;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: url("https://www.threegryphons.com/OtherItem/scscyx/images/xsly_bg.png") 0 0 no-repeat;
	padding-left: 40px;
}
.student_say{
	width: 246px;
	margin:16px auto 0;
	border-bottom: 1px solid #e5e5e5;
}
.ly_tit img{
	width:26px;
	height: 26px; 
	float: left;
	border-radius: 50px;
}
.ly_name{
	color: #f66126;
	float: left;
	margin-left: 7px;
	line-height: 26px;
	font-size: 14px;
	font-weight: bold;
}
.ly_nr{
	line-height: 23px;
	font-size: 14px;
	margin-top: 6px;
	padding-bottom: 6px;
}
.yqts_box{
	width: 100%;
	height: 94px;
	border: 1px solid #b0c7df;
	background-image: linear-gradient(#fff, #edf7fd);
	overflow: hidden;
	position: relative;
	margin-top: 9px;
}
.laba{
	position: absolute;
	bottom: -12px;
    left: -8px;
}
.yqts_nr{
	margin-left: 97px;
}
.yqts_zi{
	color: #327cc1;
	margin-top: 14px;
	font-size: 14px;
	font-weight: bold;
}
.yqts_ts{
	line-height: 23px;
	width: 876px;
	font-size: 14px;
}
.yqts_ts span{
	color: #f66126;
}
.foot_box{
	width: 100%;
	height: 100px;
	background: #12589f;
	margin-top: 10px;
}
.foot_box p{
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.zhuguan{
	padding-top: 30px;
}
.banquan{
	padding-top: 10px;
}
.banquan a{
	color: #fff;
}
.yesLogin{
	display: none;
}
.notice_box{
    width: 750px;
    background: #fff;
    margin-top: 20px;
    height: 800px;
    float: left;
    padding: 30px;
    border: 6px #4165AF solid;
    border-radius: 10px;
    box-sizing: border-box;
}
.notice_menu{
	float: right;
	background: #fff;
	margin-top: 20px;
	width: 220px;
	height: 122px;
}
.notice_tit{
	padding-left: 18px;
	border-left: 3px solid #12589f;
	font-weight: bold;
	font-size: 20px;
}
.question_box{
	width: 770px;
	background: #fff;
	margin-top: 20px;
	float: left;
	border: 3px #4165AF solid;
    border-radius: 10px;
    box-sizing: border-box;
}
.question_dh{
	padding-top: 15px;
	color: #777777;
	font-size: 12px;
}
.question_ul{
	width: 709px;
	margin:20px auto 0;
	border-top: 1px solid #f0f0f0;
}
.question_ul li{
	font-size: 14px;
	line-height: 38px;
}
.question_ul li a{
	color: #333;
}
.question_ul li a:hover{
	color: #f66126;
}
.question_ul li span{
	float: right;
	color: #c0c0c0;
	margin-right: 30px;
}
.question_box .question_ul:nth-child(1){
	border: 0
}
.school_box{
	width: 943px;
	margin:0 auto;
	border-top: 1px solid #f0f0f0;
}
.school_img{
	float: left;
	width: 300px;
	height: 226px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.main .school_box:nth-child(1){
	border: 0;
}
.main .school_box:nth-child(1) .school_img{
	padding-top: 18px;
}
.main .school_box:nth-child(1) .school_tit{	
	padding-top: 30px;
}
.school_js{
	margin-left: 30px;
	float: left;
	width: 588px;
}
.school_tit{
	color: #12589f;
	font-weight: bold;
	padding-top: 44px;
	padding-bottom: 15px;
}
.school_nr{
	color: #333333;
	font-size: 14px;
	line-height: 25px;
	text-indent: 2em;
}
.swiper-container {
    width: 100%;
    height: 200px;
}
.swiper-slide{height:10px}  

.swiper-slide-active { height:auto}  
.login_mask{
	position: absolute;
	left: 0;
	top: -500px;
    width: 417px;
    height: 117px;
	z-index: 10000;
	display: none;
}
.login_mask_btn{
	position: absolute;
    width: 132px;
    height: 48px;
    right: 0;
    bottom: 0;
    background: #fff;
}

/**/
.topNav-mod{ height:110px;}
.topNav-mod h1{ padding:39px 0 0; font-size:30px;}
.topNav-mod .rightNav{}
.topNav-mod .rightNav .btn{ display:block; float:left; font-size:20px; color:#666; line-height:110px; margin-left:36px;}
.topNav-mod .rightNav .btn.on{ color:#3c6cf4; font-weight:bold;}
.topNav-mod .appDownLoad-btn{ display:block; float:left; width:90px; height:34px; line-height:34px; color:#fff; text-align:center; text-decoration:none; border-radius:40px; margin:38px 0 0 30px; background:#3c6cf4;}
.topNav-mod .login-con{ width:470px; height:470px; margin:30px 55px 0 0;}

/**/
.footer-wrap{ width:100%; background:#11141d;}
.footer-mod{ text-align:center !important; padding:70px 0;}
.footer-mod p{ line-height:38px; font-size:18px; color:#fff;}
.footer-mod p a{ color:#fff;}
   