@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-family:'Microsoft Yahei';  color: #222;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a { text-decoration: none; color: #666; background: none }
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}

#header{ border-bottom:1px solid #f5f5f5; padding:24px 0 20px; overflow:hidden; margin-bottom:20px;}
.h-top{ width:910px; margin:0 auto; overflow:hidden;}
.top-logo{ float:left; width:112px; height:46px;}
.top-ul{ float:right; width:720px; height:30px; margin-top:16px;}
.top-ul li{ float:left; width:120px; line-height:30px; text-align:center; font-size:18px; font-weight:bold; display:inline-block;}
.top-ul li a{ color:#666;}
.top-ul li a:hover{ color:#0128cd;}

.banner{ width:910px; height:280px; margin:0 auto;}
.banner .bd{ width:910px; overflow:hidden;}
.banner .bd ul li{ height:280px;}

.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{}
.banner .hd ul .on{}

.notice{ width:830px; height:42px; line-height:42px; padding:0 30px 0 50px; margin:0 auto; font-size:16px; color:#666; background:#f3f3f3 url(../images/speaker.gif) 20px center no-repeat; border-radius:0 0 4px 4px;}
.notice span{ float:right; width:18px; height:17px; margin-top:12px; display:inline-block;}
.notice ul{ overflow:hidden; display:block;}
.notice ul li{}
.notice ul li a{ color:#666;}
.notice ul li a:hover{ color:#0128cd;}

#container{ width:908px; height:auto; overflow:hidden; margin:20px auto; border:1px solid #ebebeb; border-radius:4px;}
.title-h2{ height:70px; border-bottom:1px solid #ebebeb; padding-left:20px; line-height:70px; color:#1035d0; font-weight:bold; font-size:30px;}
.main{border-bottom:1px solid #ebebeb; overflow:hidden;}
.main-left{ float:left;  padding:20px; overflow:hidden; width:421px; }
.title{ background:url(../images/vertical-bar.gif) left center no-repeat; padding-left:14px; line-height:22px; font-size:20px; color:#666;}
.title a{ float:right; display:inline-block; color:#333; font-size:14px;}
.title a:hover{ color:#0128cd; font-size:14px;}
.course{ width:422px; height:190px; margin-top:20px;}

.main-right{ float:left; overflow:hidden; width:446px; border-left:1px solid #ebebeb;}
.idea{ padding:20px; overflow:hidden; width:406px; }
.idea-dl{ overflow:hidden; display:block; margin-top:10px;}
.idea-dl dt{ float:left; width:160px; height:72px;}
.idea-dl dd{ float:right; width:236px; height:72px; line-height:20px; font-size:14px; color:#999;}
.idea-line{border-top:1px solid #ebebeb;}
.font18{ font-size:18px;}

.product{ padding:20px; overflow:hidden;}
.product-m20{ margin-bottom:20px;}
.product-ul{width:870px; overflow:hidden;}
.product-ul ul{ overflow:hidden; display:block; }
.product-ul ul li{ float:left; width:156px; display:inline-block; margin-right:18px; cursor:pointer;}
.product-ul ul li img{ border:1px solid #ebebeb;}
.product-ul ul li span{ display:block; line-height:30px; text-align:center; font-size:16px; color:#666; margin-top:5px;}

.footer{ overflow:hidden; background:#363636; padding:30px 0; margin-top:40px;}
.footer-nav{ width:910px; height:20px; margin:0 auto; text-align:center;}
.footer-nav a{ padding:0 12px; display:inline-block; line-height:20px; font-size:14px; color:#bdbdbd; border-right:1px solid #bdbdbd;}
.footer-nav a:nth-last-child(1){ border:none;}
.footer-nav a:hover{ color:#FFF;}

.record{overflow:hidden; background:#2b2b2b; height:36px; border-top:1px solid #252525;}
.record-cont{text-align:center; width:910px; margin:0 auto; overflow:hidden;}
.record p{ font-size:14px;display:inline-block;color:#666; line-height:36px;}
.record p:nth-child(1){ margin-right:10px;}
.record p a{ color:#ccc;}