@charset "utf-8";

.header_ol{ height:160px; background:url(../image/online/top.png) no-repeat right bottom;}

.menu{ margin-top:31px; width:100%; height:30px; background:#057bac;-webkit-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;
-ms-border-radius: 15px;border-radius: 15px;}
.menu ul{ padding-left:50px;}
.menu li{ float:left; padding-left:25px; margin-right:25px; height:30px; line-height:30px; background:url(../image/menu.png) no-repeat 0px -30px;}
.menu li a{ font-weight:bold; color:#fff;}

.menu-f{ margin-top:0px; width:1024px; height:30px; background:#057bac;-webkit-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;
-ms-border-radius: 15px;border-radius: 15px; margin-left:auto; margin-right:auto; margin-bottom:15px;}
.menu-f ul{ padding-left:50px;}
.menu-f li{ float:left; padding-left:25px; margin-right:25px; height:30px; line-height:30px; background:url(../image/menu.png) no-repeat 0px -30px;}
.menu-f li a{ font-weight:bold; color:#fff;}

.banner_n{ padding:14px 0 0 0; height:406px; width:100%; background:url(../image/online/bannerbg.png) repeat-x;}
#banner{width:1024px;height:375px;position:relative;font-size:12px;overflow:hidden;}

.steps5{ padding:20px 0 10px 55px; margin:0px 10px 0px 20px; background:url(../image/online/steps5.png) no-repeat 0 30px;}
.steps5 li{ height:51px; overflow:hidden; line-height:20px; color:#057bac;}

.boxteach{ margin-top:15px}
.pic_tc{ margin-right:15px; padding:7px;  width:112px; height:112px;border:#ddd 1px solid;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius:5px;
-ms-border-radius:5px;border-radius:5px;background: -webkit-gradient(linear, left top, right top, from(#f6f6f6), to(#e5e5e5));
background: -webkit-linear-gradient(top, #f6f6f6, #e5e5e5);background: -moz-linear-gradient(top, #f6f6f6, #e5e5e5);background: -o-linear-gradient(top, #f6f6f6, #e5e5e5);background: -ms-linear-gradient(top, #f6f6f6, #e5e5e5);background: linear-gradient(top, #f6f6f6, #e5e5e5);background-color: #f6f6f6;}
.pic_tc img{ width:112px; height:112px;}
.boxteach p{ line-height:18px;}


.signbox{ width:365px; height:225px; border:1px solid #ccc;}
.sign_tt{ padding:10px 20px; text-align:justify; font-size:14px; font-weight:bold;}
.signline{ height:28px; line-height:28px;}
.signline span{ display:inline-block; width:100px; padding-right:10px; text-align:right;}
.signline .txt{ height:26px; line-height:26px; border:1px solid #ccc;box-shadow: inset 1px 1px 2px #ccc;:}
.signline .txt:focus{ box-shadow: none}
.sdbtn{ padding:15px 75px;}
.btn_ol{ display:inline-block; width:80px; height:30px; border:none; background:url(../image/online/btnbg.png) no-repeat; line-height:30px; text-align:center; color:#fff;}
.padl75{ padding-left:75px;}

.aboutbox{ padding:10px 20px; width:285px; height:207px; background:url(../image/online/aboutbg.png) repeat;}
.aboutbox p{ line-height:30px; text-align:justify; }

.tit_ol{ padding-left:20px;height:30px; background:#057bac;-webkit-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;
-ms-border-radius: 15px;border-radius: 15px; line-height:30px; color:#fff; font-size:14px; font-weight:bold;}
a.more{ display:inline-block; width:100%;text-align:right;color:#777;}
.newslist{ padding:10px 10px 10px 10px}
.newslist li{ padding:5px 10px 5px 25px; background:url(../image/online/icon.png) left 4px no-repeat;}
.newslist li:hover{ padding-bottom:4px; border-bottom:1px dashed #057bac;}