@charset "utf-8";
/* CSS Document */

/*背景图片、背景颜色*/
body{min-width:1200px; background-color:#fff; overflow:hidden;}.bg-f{background-color:#FFF; }.bg-f5{background-color:#f5f5f5;}

/*png图片透明、零散样式*/
.p10-0{padding:10px 0px;}.p50-0{padding:50px 0;}.ml30{ margin-left:30px;}
input,a:hover,select{outline:none; font-family:Arial,microsoft yahei,宋体,Helvetica, sans-serif;}

/*宽度、高度、行高*/
.w290{width:290px;}
.w570{width:570px;}
.w880{width:880px;}
.h40{height:40px;}
.h50{height:50px;}
.h100p{height:100%;}

/*更多、详情、文本框、按钮*/
.more{ display:inline-block; width:40px; height:40px; background:#F1F1F1 url(../images/more.png) no-repeat; transition:background-color 0.3s;}
.more:hover{ background-color:#0294E0; background-position:0 -40px;}
.moreWhite{ background-color:#fff;}
.readMore{ display:inline-block; width:108px; height:26px; line-height:26px; text-align:center; background-color:#808080; color:#fff; position:absolute; right:-4px; bottom:-73px; transition:background-color 0.3s;}
.readMore:after{ content:">"; display:inline-block; width:26px; height:26px; background-color:#F9B401; color:#fff; position:absolute; right:-26px; top:0; transition:background-color 0.3s;}
.readMore:hover{ background-color:#F9B401; color:#fff;}
.readMore:hover:after{background-color:#808080; color:#fff;}

/*头部*/
.header{height:120px; position:relative; z-index:10; background-color:#fff; border-top:4px solid #0294E0;}
.header .logo{ display:block; height:72px; position:absolute; left:0px; top:50%; margin-top:-36px;}
.header .logoNote{ display:inline-block; width:420px; height:40px; position:absolute; left:140px; top:45px; text-indent:-999em;}
.header .searchBox{width:230px; padding:0 15px; height:40px; background-color:#f2f2f2; border:1px solid #e3e3e3; border-radius:40px; position:absolute; right:0; top:39px;}
.header .searchBox .searchTxt{ width:200px; height:40px; border:0; background-color:transparent; float:left;}
.header .searchBox .searchBtn{ width:30px; height:40px; background:url(../images/search.png) no-repeat center; border:none; float:left;}

/*导航*/
.nav{height:50px; background-color:#0294E0;}
.nav .nLi{ display:block; float:left; position:relative; z-index:100;}
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{display:inline-block; width:133px; height:50px; line-height:50px; font-size:15px; color:#fff; text-align:center; font-weight:normal; vertical-align:middle;}
.nav .nLi h3 a:hover,.nav .nLi h3 a.active{color:#fff; text-decoration:none; background-color:#EFC432; color:#fff;}
.nav .sub{ display:none; width:100%; top:50px; left:0; position:absolute; background-color:rgba(255,255,255,0.7); line-height:40px; text-align:center;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .nav .sub{background-color:#fff; filter:Alpha(opacity=70); position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 5px; color:#333;}
.nav .sub a:hover{ background-color:#338CD7; color:#fff; text-decoration:none;}

/*banner图*/
.banner{height:368px; overflow:hidden;}

/*标题*/
h1,h2,h3{ font-weight:normal;}
.title1,.title2{display:block; position:relative;}
.title1{ padding-bottom:10px;}
.title1:after{ content:""; display:inline-block; width:60px; height:4px; background-color:#0294E0;}
.title1 em{ font-size:30px; font-weight:bold; color:#0294E0; line-height:30px;}
.title1 p{ font-size:14px; color:#999; padding-top:5px;}
.title2{ border-bottom:1px solid #EBEBEB; padding-bottom:8px;}
.title2 em{display:inline-block; font-size:18px; color:#3d3d3d; position:relative;}
.title2 em:after{ content:""; display:inline-block; width:110%; height:2px; background-color:#338CD7; position:absolute; left:-5%; bottom:-11px;}


/*边框*/
.border-1{border:1px solid #e5e5e5;}
.border-nt{border:1px solid #e5e5e5; border-top:none;}
.border-tb{border-top:1px solid #EEE; border-bottom:1px solid #EEE; padding:20px;}

/*图片样式*/
.pic_list{ clear:both}
.pic_list li{display:block; float:left; _display:inline; padding:8px; position:relative;}
.pic_list li a{ display:block; overflow:hidden;}
.pic_list li a div{ position:relative;}
.pic_list li a img{ display:block;}
.pic_list li a p{ display:block; line-height:30px; padding:10px 0; text-align:center; font-size:14px;}
.pic_list li a i{ display:block; width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); z-index:2; transition:all 0.2s;}
.pic_list li a em{ display:none; width:40px; height:40px; position:absolute; margin:auto; left:0; right:0; top:0; bottom:0; background:url(../images/icon.png) no-repeat; background-position:0 -223px; z-index:3; transition:all 0.2s;}
.pic_list li a:hover i{opacity:0.6; -moz-opacity:0.6; -ms-opacity:0.6; -o-opacity:0.6; -webkit-opacity:0.6; filter:alpha(opacity=60); }
.pic_list li a:hover em{ display:block;}

/*课程介绍*/
.category li{width:300px; padding-bottom:15px;}
.category li a{ display:block; padding:20px; text-align:center; border:1px solid #E3E3E3; border-right:none; position:relative;}
.category li a img{ width:259px; height:195px; display:block; margin:0 auto; margin-bottom:10px;}
.category li a h3{height:46px; font-size:18px; line-height:46px; position:relative; margin-bottom:10px;}
.category li a p{ font-size:12px; color:#999; height:44px; overflow:hidden;}
.category li a em{width:67px; height:5px; overflow:hidden; font-size:0; color:#fff; background-color:#E3E3E3; position:absolute; left:50%; margin-left:-33px; bottom:-3px; transition:all 0.3s;}
.category li a:hover h3{ color:#0294E0; font-weight:bold; }
.category li a:hover em{ height:21px; background-color:#0294E0; color:#fff; bottom:-11px; font-size:12px; }

/*养成教育*/
.news dl{height:130px; padding:20px; background-color:#fff; margin-bottom:30px;}
.news dl dt{ width:170px; height:130px; float:left;}
.news dl dt img{ display:block;}
.news dl dd{ margin-left:190px;}
.news dl dd h3{height:48px; overflow:hidden; margin-bottom:10px; font-size:16px; line-height:24px;}
.news dl dd div{height:40px; line-height:20px; color:#999; overflow:hidden; margin-bottom:10px;}
.news dl dd p{ color:#777; font-size:14px;}

/*友情链接*/
.link li{width:238px; height:88px; border:1px solid #f5f5f5; background-color:#fff; float:left; display:table;}
.link li a{ display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.link li a img{width:140px; height:70px; display:block; margin:0 auto;}
.link_inner li{width:223px;}
.link li:hover{ border:1px solid #ddd;}
.link-word a{ white-space:nowrap; display:inline-block; margin:0 10px; color:#fff; line-height:30px;}
.link-word a:hover{text-decoration:underline; color:#fff;}

/*网站底部*/
.footer{ padding:30px 0; color:#ccedff; background-color:#0294E0; font-size:13px;}
.footer a{ color:#ccedff; margin:0 5px;}
.footer a:hover{ text-decoration:underline;}
.footerInfo{ line-height:40px;}
.footerWechat{width:122px; text-align:center; line-height:30px;}
.footerWechat img{ border:1px solid #D8DFE3;}

/*内页左侧_联系我们*/
.address{ border:1px solid #DFDFDF; background-color:#f5f5f5; border-radius:3px; padding:15px;}
.address .addr-title{ height:45px; margin-bottom:10px; padding-left:60px; background:url(../images/map.png) no-repeat left top; font-weight:normal; line-height:20px;}

/*内页二级导航*/
.sub_menu{ padding-bottom:10px;}
.sub_menu_hd{ padding:30px 0 30px 30px; color:#338CD7;}
.sub_menu_hd1{ padding:30px 0 30px 0; color:#338CD7;}
.sub_menu_hd1 p {border-left: 10px solid #EFC432;padding-left: 10px;}

.sub_menu_bd li{ line-height:45px;}
.sub_menu_bd li a{ display:block; font-size:14px; padding-left:30px;}
.sub_menu_bd li a:hover{ color:#fff; background-color:#BBBBBB;}
.sub_menu_bd li a.active{ background-color:#338CD7; color:#fff;}
.sub_menu_bd li ul li{ border-top:1px dotted #CCCCCC; border-bottom:none;}
.sub_menu_bd li ul li a{ font-size:12px; padding-left:30px; color:#666;}

/*内页列表*/
ul#menu, ul#menu ul {list-style-type:none;  margin: 0;  padding: 0;  width: 100%;}
ul#menu a { display: block;  text-decoration: none; font-size:14px; font-family:'microsoft yahei';}
ul#menu li { margin-top: 2px;}
ul#menu li a { color: #333; padding: 0.7em; padding-left:40px; background-color:#f1f1f1;}
ul#menu li a i { display:inline-block; width:0; height:0; border-width:5px 0px 5px 5px; border-style:solid; border-color:transparent transparent transparent #999; margin-right:10px;}
ul#menu li a:hover,ul#menu li a.active { color:#fff; background-color:#073F8A;}
ul#menu li a:hover i,ul#menu li a.active i{border-color:transparent transparent transparent #fff;}
ul#menu li ul li{border:none;}
ul#menu li ul li a { background-color:#f9f9f9;  color: #999;  padding-left: 55px; font-size:12px;}
ul#menu li ul li a:hover {background: #f9f9f9; text-decoration:none; color:#00583A; border-left:5px solid #00583A; text-indent:-5px;}

/*面包屑导航*/
.location_box{height:32px; line-height:32px; background-color:#f5f5f5; border-bottom:1px solid #e3e3e3;}
.location{font-size:12px;  padding-right:10px; font-weight:normal; color:#666;}
.location i{display:inline-block; width:0; height:0; line-height:0; border-style:solid; border-width:4px 0 4px 4px; border-color:transparent transparent transparent #666666; margin:0 10px;}
.location a{ color:#666666;}.location a:hover{ color:#C80900; text-decoration:underline;}

/*内页图文列表*/
.tongy dl{height:110px; position:relative; padding:10px 0; overflow:hidden;}
.tongy dl dt{width:146px; position:absolute; left:0px; top:10px;}
.tongy dl dt img{ display:block;}
.tongy dl dd{ padding:5px 0 10px 0;  min-height:144px; margin-left:156px;}
.tongy dl dd h3{ color:#333; font-size:16px; font-weight:normal; height:26px; line-height:26px; margin:0px 0 5px 0;}
.tongy dl dd div{ height:44px; overflow:hidden; line-height:22px; color:#999; margin-bottom:0px;}
.tongy dl dd p{ color:#666;}

/* 在线客服主要css样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:999999;width:110px;height:135px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px; border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:142px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-96px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:115px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:113px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}

/*登录注册*/
.loginTable td{ padding:10px 0;}
.loginTable th{ font-weight:normal; text-align:right;}
.loginTable td input[type=text],.loginTable td input[type=password]{ width:200px; padding:0 10px; height:32px; line-height:32px; vertical-align:middle; border:1px solid #e0e0e0;}
.loginTable td input[type=submit]{width:90px; height:32px; background-color:#FF705F; border:none; border-radius:3px; color:#fff; font-size:14px;}
.loginTable td textarea{ display:block; width:500px; padding:5px 10px; height:60px; line-height:30px; border:1px solid #e0e0e0; resize:none;}
.loginTable td select{width:222px; height:34px; border:1px solid #e0e0e0;}