@charset "utf-8";
/* CSS Document */
/*全局控制*/
body{margin:0; padding:0; font:12px "Microsoft YaHei";}
h1,h2,h3,ul,ol,li,p,dl,dt,dd,img,input{margin:0; padding:0; border:0; list-style:none;}
a{text-decoration:none; color:#8E8E8E; cursor:pointer; }
input{ font-family:"Microsoft YaHei";}
select{ font-family:"Microsoft YaHei";}
button{ font-family:"Microsoft YaHei";}
img{ display:inline-block;}
.dis_n{ display:none;}
.dis_b{ display:block;}
.dis_ib{ display:inline-block;}
.pr{ position:relative;}
.fw_b{ font-weight:bold !important;}
.wb80{ width:63%}
.tc{ text-align:center}
.c-red{ color:red}
img{ display:inline-block;}
.no_margin{ margin:0!important;}
/*字体图标样式开始*/
@font-face{font-family: "iconfont"; src: url('../font/iconfont.eot'); /* IE9*/ src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome、firefox */ url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont{font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/*字体图标样式结束*/
/*首页*/
/*header*/
.header{width:970px; height:90px; background:url(../images/head-bg.jpg) no-repeat; margin:0 auto;}
.logo{width:108px; height:45px; padding-top:23px;}
/*banner*/
.banner{width:970px; height:350px; margin:0 auto; position:relative; overflow:hidden;}
.banner ul{height:350px; width:970px; position:absolute; left:50%; margin-left:-485px;}
.banner ul li{display:block; width:970px; height:350px;}
.bannerDown{width:970px; height:50px; line-height:50px; background:url(../images/bottom_bg.png) repeat-x; position:absolute; left:0; bottom:0;}

.bannerDown .figure{background:url(../images/icon.png) no-repeat; position:absolute; bottom:-10px; left:50%; margin-left:-58px;}
.bannerDownL{color:#0053A3; width:500px; font-size:18px; font-weight:700; padding-left:20px; float:left;}
.bannerDownC{width:170px; padding:15px 0 0 30px; float:left;}
.bannerDownC li{ width:20px; height:20px; line-height:20px; text-align:center; background:#333; color:#fff; margin:0 0 0 5px; float:left; cursor:pointer;}
.bannerDownC .current{ background:#0053A3; font-weight:700;}
.bannerDownR{width:220px; float:right; height:50px; line-height:50px; }
.bannerDownR2{ width:180px;}
.bannerDownR a{width:70px; height:50px; display:inline-block; text-align:center; color:#0053A3; font-weight:600; float:left;}
.bannerDownR2 a{ width:90px;}
/*tab*/
.tab{width:970px; height:50px; line-height:50px; margin:0 auto; background:#ECECEC;}
.tab li{float:left; width:242.5px; height:50px; text-align:center; font-size:18px;cursor:pointer; position:relative;}
.tab li a{ color:#050505; display:inline-block;}
.tab .current{ background:#0053A3; color:#fff;}
.tab .current a{ color:#fff;}
.tab2 li{ width:950px; padding-left:20px; text-align:left;}
.tab li i{ margin-left:5px; font-size:18px;}
.tab li .tags { position:absolute; right:36px;top: 8px; background:#fc0000;height:16px;line-height:14px;border-top-left-radius: 6px;border-bottom-right-radius: 6px;font-size: 12px; padding: 0 4px;color:#fff;
width: 16px;background-size: 16px 16px;-webkit-animation: scaleDraw 5s ease-in-out infinite;}
 @keyframes scaleDraw {
	0%{
		transform: scale(1); 
	}
	25%{
		transform: scale(1.2);
	}
	50%{
		transform: scale(1);
	}
	75%{
		transform: scale(1.2);
	}
}
/*content*/
.content{width:940px; height:auto; margin:0 auto; font-size:12px; padding:20px 15px; overflow:hidden;}
.content .p{ line-height:18px; text-indent:24px; margin-top:10px;}
/*pic_wrap*/
.pic_wrap{width:670px; height:128px; margin:20px auto 0; padding:0 150px;}
.pic_wrap img{ margin-right:53px; display:inline-block; float:left;}
/*footer*/
.footer{width:930px; height:40px; line-height:40px; margin:0 auto; background:#0053A3; padding:0 20px; color:#fff; font-family:Arial;}
.footerL{ float:left;}
.footerR{ float:right;}
/*即将开课*/
.contentL{ width:685px; padding:0 10px; float:left;}
.pic_iconWrap{ padding-top:10px;}
.pic_iconWrap img{ margin-right:5px;}
.contentL .hgroup{ padding-bottom:20px; }
.contentL .hgroup h3,.contentR .hgroup h3{ font-size:14px; height:28px; line-height:28px;color:#101010; font-weight:600;}
.contentL .hgroup font,.contentR font{ font-size:12px; line-height:24px;color:#101010;}
.contentR{ width:195px; padding:0 10px 80px; margin:0 10px; background:#F0F0F0; float:left;}
.contentR .figure{ text-align:center; padding:20px 0;}
/*按时间查询课程*/
.content{width:940px; height:auto; margin:0 auto; font-size:12px; padding:20px 15px; overflow:hidden;}

.time_box,.product_box{ width:230px; height:auto; position:absolute; top:50px; left:6px; display:none; z-index:111 }
.time_box li,.product_box li{ width:230px; height:25px; line-height:25px; background:#3F77B0; border-bottom:1px solid #fff; text-align:left; }
.time_box li a,.product_box li a{width:200px; font-size:12px; display:block;padding-left:30px;}
.time_box li a:hover,.product_box li a:hover{ background:#8EAFDA;}
.year{ font-size:18px; color:#1460a9; font-family:Arial;}
.year i{ width:15px; height:15px; background:url(../images/dot.png) no-repeat; display:inline-block; margin:0 10px; *margin:0 10px 3px;}
.Tabmember{width:970px; font-size:12px; margin:20px 0; border-top:1px solid #e1e6eb;}
.Tabmember li{width:930px; padding:0 20px; height:28px; line-height:28px; border-bottom:1px solid #e1e6eb;}
.Tabmember li span{ width:235px; height:28px; line-height:28px;  display:inline-block; float:left; overflow:hidden;}
.Tabmember li .last_span{ width:340px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; margin-right:25px;}
.Tabmember li .button{ width:70px; height:20px; vertical-align:middle; line-height:20px; margin:4px 10px; display:inline-block;text-align:center; border:none; background:#fcc800; float:left; cursor:pointer;}
.Tabmember li:first-child{ background:#ececec;}
.Tabmember a{ color:#000;}
.Tabmember2{ width:685px; border:none;}
.Tabmember2 li{width:660px; background:#aec6e4; border-bottom:1px solid #fff; padding:0 15px 0 10px;}
.Tabmember2 li:first-child{ background:#5d8dc9; color:#000; font-weight:600;}
.Tabmember2 li span{ width:200px;}
.Tabmember2 li .con_span{ width:260px;}
/*登录、注册、密码重置*/
em {font-style: normal;}
i{font-style: normal;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
.clear {zoom: 1;}
*:focus {outline: none;}
.login{width:450px; margin:10% auto;}
.reg{width:800px; margin:3% auto;}
.login form{ margin-top:30px}
/*.login label{ width:448px; border:1px solid #dcdddd; background:#fff; display:inline-block; height:40px; line-height:40px; margin-bottom:12px}*/
.login label{background:#fff; margin-bottom:12px}
.login label input{ height:26px; line-height:26px; color:#898989; margin:7px; border:none; background:#fff; padding:0 10px 0 0;width:368px; float:left; font-size:16px;}
.login .yz{ width:258px; float:left;}
.login .yz input{ width:240px;}
.login .btn_yz{ width:150px; margin-left:20px; height:40px; line-height:38px;background: #0052a2;border: 1px solid #0052a2; float:right;color: #fff; font-size:16px; text-align:center;}
.login .btn_yz.cur{ width:150px; margin-left:20px; height:40px; line-height:38px;background: #dcdddd;border: 1px solid #dcdddd; float:right;color: #fff; font-size:16px; text-align:center;}
.login .login-con div{ float:left; width:50%; display:inline-block; height:25px; line-height:25px; cursor:pointer}
.login div span{margin-left: 5px; font-size:14px; color:#898989;padding-left:20px;}
.r_off{background:url(../images/icon-dx.png) no-repeat left center}
.r_on{background:url(../images/icon-dx2.png) no-repeat left center;}
.login .login-con a{ display:inline-block; float:right; color:#f00; font-size:14px}
.login .button{ width:100%; border:none; background:#0052a2; color:#fff; font-size:16px; height:50px; line-height:50px; border-radius:5px; margin-top:20px; display:inline-block; text-align:center;}
.login h1 { color: #0052a2; font-size: 48px; font-weight: normal; text-align:center;}
.login_reg{ width:100%; display:inline-block;font-size:14px; margin-top:15px}
/*个人资料*/
.addinput li{padding-top: 6px;padding-bottom: 6px; font-family:"Microsoft YaHei"; display:inline-block;width:100%}
.addinput li span { display:inline-block; width:200px; text-align:right; margin-right:10px;max-width:203px;vertical-align:top;}
.addinput li label{ line-height:18px; display:inline-block; *vertical-align:4px; line-height: 20px; margin-top: 4px;}
.addinput li span{ *float:left}
.s1{padding: 5px; border: 1px solid #ddd; color: #999; vertical-align: middle;}
select{background-color: #fff;border: 1px solid #ddd;display: inline-block;padding: 5px 6px;font-size: 12px; height:28px; line-height: 28px; color: #555; margin-top: 0;}
.save{ width:70px; height:30px; line-height:30px; color:#fff; text-align:center; background:#0052a2; display:inline-block; border-radius:3px;}
.layer {position:fixed; top:50%; left:50%; width:400px; height:200px; background:#d5d6d6; z-index:1111; display:none; margin-top:-200px; margin-left:-100px;}
.layer p{ margin-top:50px; text-align:center; font-size:20px;}
.layer p a{ margin:0 20px; width:70px; height:30px; line-height:30px; border-radius:3px; background:#0052a2; display:inline-block; color:#fff; font-size:14px;}
.content li em{ margin-right:15px;}
.content li em input{ vertical-align:middle; margin-right:5px}
.content li i{ color:red; margin-left:5px}
.content li img{ vertical-align:middle; margin-left:10px;}
.mt20{ margin-top:20px}
.reg-btn{border:none; line-height:28px; width:auto; padding:0 15px; cursor:pointer}
.contentL-tit{ position:absolute; top:60px; height:30px; line-height:30px;width:100%; text-align:center; color:#fff; font-size:20px }
@media only screen and (max-device-width:640px){

/*.login{ width:94%; margin:8% 3% 0}*/
.login label{ width:100%;}
.login label input{ width:94%; padding:0 3%; margin:7px 0; font-size:.9rem}
.content{ width:94%; margin:8% 3% 0}
.addinput li span{ width:30%; font-size:.9rem;}
.login .yz{ width:50%}
.login .yz input{ width:94%}
.login .btn_yz{ width:42%}
}
@media only screen and (max-device-width:1024px){

/*.login{ width:94%; margin:8% 3% 0}*/
.login label{ width:100%;}
.login label input{ width:94%; padding:0 3%; margin:7px 0; font-size:.9rem}
.content{ width:94%; margin:8% 0 0; padding:0}
.content2{ display:none}
.content3{ margin-top:0}
.content3 li { width:100%; text-align:center; margin-bottom:20px}
.content3 li span{ display:none}
}