﻿@charset "utf-8";
/* ============容器============== */
*{ margin:0; padding:0; word-wrap:break-word;}
body{font-size:14px;font-family: "微软雅黑",Microsoft YaHei,Verdana,Arial,Tahoma;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
select,input{vertical-align:middle;}
fieldset,img{border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
html{margin:0;height:100%;}
a img{border:none;}
a {blr:expression(this.onFocus=this.blur())}
a:focus{outline: none; } 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font:}
.clearfix{display:inline-block;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */ 
/***************** universal *****************/
span.spacing{ height:10px; display:block; overflow:hidden;}
#head,#banner,#f_link,#foot,.con_box,#Container{ width:1200px; margin:0 auto;}

/* ==常用== */
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}

.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
     
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}

.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

.mb3{margin-bottom:3px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}

.pt0{padding-top:0px;}
.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt6{padding-top:6px;}
.pt8{padding-top:8px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}

.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}

.pl0{padding-left:0px;}
.pl1{padding-left:1px;}
.pl2{padding-left:2px;}
.pl3{padding-left:3px;}
.pl4{padding-left:4px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl12{padding-left:12px;}
.pl13{padding-left:13px;}
.pl15{padding-left:15px;}
.pl17{padding-left:17px;}
.pl18{padding-left:18px;}
.pl20{padding-left:20px;}
.pl40{padding-left:40px;}

.pr0{padding-right:0px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr17{padding-right:17px;}
.pr18{padding-right:18px;}
.pr30{padding-right:30px;}

.left{float:left;}
.right{float:right;}

.bold{font-weight:bold;}
.normal{font-weight:normal;}

.lh18{line-height:18px;}
.lh20{line-height:20px;}

.h14{height:14px;}
.h16{height:16px;}
.h18{height:18px;}
.h20{height:20px;}

.w23{width:23px;}
.w30{width:30px;}

/* ============font color============== */
.color-fff{color:#fff!important;}
.color-c1c1c1{color:#c1c1c1!important;}
.color-ccc{color:#ccc!important;}
.color_333{color:#333!important;}
.color-444{color:#444!important;}
.color-666{color:#666!important;}
.color-999{color:#999!important;}


/* ============background color============== */
.bg-ffff{background:#fff!important;}
.bg-fcfcfc{background:#fcfcfc!important;}
.bg-37383a{background:#37383a!important;}
.bg-292a2c{background:#292a2c!important;}

.t11{font-size:11px;}
.t12{font-size:12px;}
.t14{font-size:14px;}
.t16{font-size:16px;}
.t_dline{text-decoration:underline;}

.oh{overflow:hidden;}

.p_abs{position:absolute;z-index:800;}
.p_rel{position:relative;}
.disin{display: inline }
.disno{display: none }
.disbl{display:block;}
.disnull{display:}

.curper{cursor:pointer}

.wrap{white-space:normal}

.spanws{display:-moz-inline-box; display:inline-block; }

input{BORDER: #bbb 1px solid; PADDING: 2px;}
input[type~=text]{height:16px;}
input[type~=radio]{border:0px;}
input[type~=checkbox]{border:0px;}
input[type~=select]{border:0px;}
input[type~=image]{border:0px;}
textarea{BORDER: #bbb 1px solid; PADDING: 2px;OverFlow:Auto;}

/*清除浮动*/
.clear{clear:both;height:0px;line-height:0px;margin:0 auto;font-size:1px;}

/*input*/
.inputcss {
	border:1px solid #E10000;background-color: #FFFFFF;}
.inputcss_focus {
	border:1px solid #E10000;background-color: #FFFFFF;}	
.textareacss {
	BORDER: #E10000 1px solid;overflow:auto;}
.textareacss_focus {
	BORDER: #E10000 1px solid;overflow:auto;}

/* ============link style============== */
A:link {color:#666;TEXT-DECORATION: none;}
A:visited {color:#666;TEXT-DECORATION: none;}
A:hover {color:#ffa800;TEXT-DECORATION: none;}
/* ============img style============== */
.img_box{padding:2px;float:left;text-align:center;}
.img_box img{padding:1px; border:1px solid #e6e6e6;}
.img_box A:hover IMG{border:1px solid #ff5d2a;}
/* ============header============== */
#header{ WIDTH: 100%;height:80px;background:#FFFFFF;}
#header .top{MARGIN:0 auto; WIDTH: 1000px;}
.logo{float:left;padding:18px 11px;}
.tel{float:right;width:260px;padding:39px 0px 25px;}
.tel_box{float:left;}
.tel_box .hot_tel{
	 float:left;
	 background:url("../images/tel.png") no-repeat 0 3px;
	 padding-left:24px;
	 font-size:18px;
	 color:#f3951a;
	 margin-right:25px;
	 line-height:25px;
	 font-weight:600;
}
.tel_box .urgent_tel{
	 float:left;
	 background:url("../images/phone.png") no-repeat 0 3px;
	 padding-left:24px;
	 font-size:18px;
	 color:#f3951a;
	 font-weight:600;
}
.tel_box span{
	color:#666;
	font-size:14px;
}

/* ============nav============== */
#nav {background: #2c2c2c;width:100%; height:37px;z-index:10;overflow:hidden;}
#nav ul {width:1200px;height:37px;margin:0 auto; padding: 0;line-height:37px;}
#nav ul li {float: left; height:37px;color:#ffffff;margin-right:2px;padding:0 36px;text-align:center;}
#nav ul li a{display:block;color: #ffffff; font-size:14px; font-weight:bold;}
#nav ul li:hover{background: #ff8300;text-decoration: none; color:#ffffff;}
#nav ul li.current{background: #ff8300; text-decoration: none; color:#ffffff;padding:0 28px;}

/* ============goTop============== */
#goTop{ position:fixed; right:50px; bottom:300px;cursor:pointer; background:url("../images/goTop.png");height:64px;width:20px;overflow:hidden;text-align:center;_position:absolute;_right:auto;_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,20)||15));_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||45)-(parseInt(this.currentStyle.marginBottom,20)||15)));}
*html #goTop{ right:50px; bottom:80px; } /*IE6识别*/
*html #goTop{ position:absolute;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,80)||0));}


/* ============footer============== */
#footer{width:100%;background:#424242;;clear:both;margin-top:20px;}

#footer .footer-menu{
	width:1200px;
	margin:0 auto;
	padding:35px 0;
	overflow:hidden;
}
.menu-list{
	float:left;
	width:120px;
	min-height:220px;
	border-right:1px #3a3a3a solid;
	padding-left:40px;
}
.menu-list h2{
	font-size:14px;
	color:#fff;
	font-weight:700;
}
.menu-list ul{
	float:left;
	width:120px;
	padding-top:10px;
}
.menu-list ul li{
	float:left;
	width:120px;
	line-height:35px;
	color:#999999;
}
.menu-list a{color:#999999;}
.footer-wx{
	float:left;
	padding-left:40px;
}
.footer-wx{text-align:center;color:#d2d2d2;}
.footer-wx p{line-height:20px;}
.footer-bottom{
	width:100%;
	background:#333333;
	clear:both;
}
.copyright{
	width:1000px;
	margin:0 auto;
	text-align:center;
	padding:25px 0;
	line-height:22px;
	overflow:hidden;
}
/***************** foot *****************/
#foot_bg{ min-width:1200px; border-top:1px #454648 solid; background:#2c2c2c;}
#foot{ height:46px; line-height:46px; color:#979797;text-align:center;}
#foot .f_rt a{ color:#9a9a9a;}
#foot .f_rt a:hover{ text-decoration:underline;}
/* ============footer end============== */
/* 底部固定注册框 */
.f-banner {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 70px;
    width: 100%;
    z-index: 1000;
    overflow: hidden;
    background: rgba(51,51,51,.9);
    display: inline-flex;
    justify-content: center;
    flex-direction: row;
}
.f-banner .b-1 {
    line-height: 70px;
    margin-left: 25px;
    width: 420px;
    font-size: 19px;
    color: #fff;
}
.f-banner .b-2 {
    display: inline-flex;
    margin-left: 35px;
}
.f-banner .b-list {
    float: left;
}
.f-banner .b-3 {
    margin-left: 10px;
    width: 300px;
    display: inline;
}
.f-banner .b-2 a {
    font-size: 18px;
    display: block;
    float: left;
    color: #333;
    margin-top: 18px;
    width: 156px;
    height: 36px;
    border-radius: 50px;
    line-height: 36px;
    text-align: center;
}
.guidecmenu {
    display: inline;
    width: 320px;
    margin: 0 0 0 35px;
    float: left !important;
    margin-top: 14px;
}
.guidecmenu a img {
    float: left;
    margin: 5px 4px 0 0;
}
.guidecmenu p {
    float: left;
    width: 120px;
    margin: 0 0 0 8px;
    line-height: 22px;
    font-size: 15px;
}
.guidecmenu a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}
.footer_btn{
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    width: 156px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    margin-right: 10px;
    cursor: pointer;
    text-align: center;
}
.yy_btn{
    background-color:#FD8575;
}
.zx_btn{
    background-color:#45C8DC;
}
.hot_phone{
    margin-right: 10px;
    margin-left: 50px;
    width: 38px;
    height: 39px;
    float: left;
    margin-top: 18px;
    background: url("../images/foot_tel.png") no-repeat;
}
.phone_color{
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 2px;
}	
.close {
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/close.png") no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: .4;
    cursor: pointer;
}
.close:hover{
    opacity: 1;
}
/**pager*/
div.web_pager {height:60px;line-height:60px;padding: 3px;  margin: 3px; text-align: center; clear:both; margin-bottom:10px;color:333;font-family:SimSun;}
div.web_pager a{border: #ccc 1px solid; padding:4px 5px;  margin: 3px; text-decoration: none;color:333;}
div.web_pager a:hover {border: #3297bc 1px solid; color: #3297bc; }
div.web_pager span.current{border: #3297bc 1px solid; padding:4px 5px;font-weight: bold; margin: 3px;  background-color: #3297bc; color:#fff;}
div.web_pager span.nolink{border: #ccc 1px solid; padding:4px 5px;  margin: 3px; text-decoration: none;color:333;}
div.web_pager span.disabled{border: #eee 1px solid; padding:4px 5px; text-decoration: none; margin: 2px; color: #ddd; text-align:center;}

/* QQkf */
.qqbox{
 width:147px;
 height:auto;
 overflow:hidden;
 position:absolute;
 right:1px;
 top:350px;
 color:#000000;
 font-size:12px;
 letter-spacing:0px;
 z-index:999;
 clear: both; 
}
.qqlv{
 width:150px;
 height:459px;
 overflow:visible;
 position:relative;
 float:right;
 margin-right:1px;
 z-index:9999;
}
.QQKF_bg{

	background:url("../../../../../images/qqkf/qqbg.png"/*tpa=https://www.congraedu.com.cn/images/qqkf/qqbg.png*/) no-repeat 0px 0px;
	width:200px;
	height:auto;
	overflow:hidden;
	right:0;
	top:0;
	bottom:0px;
	z-index:9999;
}
.bottom_bg{
	background:url("../../../../../images/qqkf/qqbg.png"/*tpa=https://www.congraedu.com.cn/images/qqkf/qqbg.png*/) no-repeat 0px -434px;
	width:200px;
	height:16px;
	overflow:hidden;
	right:0;
	top:0;
	z-index:9999;
}
.kfpt{padding-top:45px;}
.kf_close{float:left;padding:10px 0px 0px 120px;width:15px;}
.qqbox .QQGroup{float:left;text-align:left;}
.qqbox .QQGroup h2{float:left;text-align:left;width:160px;padding:0px 0px 5px 17px;background:url("../../../../../images/qqkf/arrow.gif"/*tpa=https://www.congraedu.com.cn/images/qqkf/arrow.gif*/) no-repeat 10px 15px;color:#E10000;overflow:hidden;}
.qqbox .QQGroup ul{float:left;padding-left:35px;}
.qqbox .QQGroup ul li{float:left;text-align:left;height:24px;line-height:24px;width:130px;}

.qqkfhm{
 width:120px;
 height:22px;
 overflow:hidden;
 line-height:22px;
 padding-right:65px;
 position:relative;
 margin:3px 0;
 font-weight:normal;
}
.bgdh{ text-align:center;
 width:130px;
 padding-left:8px;
}
