.fl{float: left;}
.fr{float: right;}
/*header*/
.header{width: 1100px; margin: 0 auto; padding: 17px 0 14px;}
.logo{float: left; margin-right: 15px;}
.header h1{float: left; padding-top: 10px; font-size: 24px; line-height: 39px;}
.header ul{float: right; padding-top: 10px;}
.header ul li{float: left; margin-right: 21px;}
.header ul li a{display: block; padding: 0 16px; border:1px solid #fff; font-size: 16px; line-height: 32px; border-radius: 16px;}
.header ul li a:hover{color: #2181d1; border-color: #2181d1; text-decoration: none;}
.header ul li a.cur{color: #2181d1; border-color: #2181d1; text-decoration: none;}

/*top*/
.top_con{background: #54a8ee; padding: 44px 0}
.top{width: 1100px; margin: 0 auto}
.school{width: 460px; background: #fff; padding: 22px 20px 30px;}
.school .sl{width: 180px; float: left;}
.school .sl a{display: block; margin-top: 1px; background: #54a8ee; font-size: 14px; line-height: 34px; color: #fff; text-align: center;}	
.school .sl a.c{background: #f05832;}
.school .sr{width: 252px; float: right;}
.school .sr span{display: block; font-size: 18px; line-height: 1em; margin-bottom: 13px; font-weight: 700;}
.school .sr p{font-size: 14px; color: #666; line-height: 25px;}
.school .sr a{display: block; color: #2181d1; line-height: 27px;}

/*teacher*/
.teach{width: 1100px; margin: 10px auto 0}
.teach h2{font-size: 24px; line-height: 84px; font-weight: 700; text-align: center;}
.tea_con{width: 1078px; border:1px solid #ddd; border-top: 2px solid #54a8ee; padding-left:20px; margin-bottom: 30px;}
.tea_con.bor{border-top: 2px solid #f05832}
.tea_l{width: 670px; float: left; padding-right: 22px; border-right:1px solid #dddddd;}
.tea_l h4{padding-left: 28px; background: url(../images/icon_01.png) left center no-repeat; line-height: 50px; margin-bottom: 12px;font-size: 16px;}
.tea_l h4.bg{background: url(../images/icon_02.png) left center no-repeat;}
.hot_con{width: 100%;}
.hot_t{width: 100%; margin-bottom: 25px;}
.hot_t a{display: block; float: left; margin-right: 9px; padding: 0 17px; font-size: 14px; line-height: 35px; position: relative;}
.hot_t a:hover{text-decoration: none;}
.hot_t .cur{background: #54a8ee; color: #fff;}
.hot_t .cur:before{content: ""; position: absolute; left: 50%; margin-left: -5px; bottom: -7px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #54a8ee;}
.hot_t .cur1{background: #f05832; color: #fff;}
.hot_t .cur1:before{content: ""; position: absolute; left: 50%; margin-left: -5px; bottom: -7px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #f05832;}
.hot_b{width: 100%;}
.hot{width: 100%; padding-bottom: 19px;}
.hot_img{float: left; width: 370px}
.hot .li_con{width: 270px; float: right;}
.hot .li_con span{display: block; font-size: 14px; color: #2181d1; margin-bottom: 4px; line-height: 1em;}
.hot .li_con p{font-size: 14px; line-height: 25px; margin-bottom: 15px;}
.hot .li_con p.last{margin-bottom: 0;}
.tea_r{background: #fafafa; float: right; width: 344px; padding:0 20px 15px; height: 340px;}
.tea_r h4{padding-left: 34px; background:url(../images/heart.png) left center no-repeat; font-size: 14px; line-height: 54px;}
.tea_r .voice{width: 350px; height: 286px; overflow: hidden;}
.tea_r .voice ul li{width: 100%; margin-bottom: 10px;}
.tea_r .voice ul li p{line-height: 21px;}
.tea_r .voice ul li p span{color: #2181d1; margin-right: 7px;}

/*dynamic*/
.dyna_con{width: 100%; background: #fafafa; padding-bottom: 32px; margin-bottom: 40px;}
.dyna{width: 1100px; margin: 0 auto;}
.dyna h2{font-size: 24px; line-height: 84px; font-weight: 700; text-align: center;}

.dyna_b{margin-right: -60px;}
.dyna_b ul{width: 325px; float: left; margin-right: 60px;}
.dyna_b ul h4{font-size: 14px; line-height: 34px; font-weight: 700; color: #2181d1;}
.dyna_b ul li{padding-left: 11px; background: url(../images/blue.png) left center no-repeat; width: 310px; height: 35px;}
.dyna_b ul li a{display: block; float: left; width: 275px; height: 30px; line-height: 30px;overflow: hidden; white-space:nowrap; text-overflow:hidden;}
.dyna_b ul li span{display: block; float: right; line-height: 30px;}
/*friend*/
.friend{width: 1100px; padding:0 0 9px 0; border:1px solid #dddddd; margin:0 auto 20px; }
.friend h3{padding-left: 10px; background: #f5f5f5; font-size: 20px; color: #444; line-height: 40px; margin-bottom: 10px;}
.friend_con{width: 948px; padding:0 10px;}
.friend_con a{font-size: 13px; color: #666666; line-height: 25px; margin-right: 15px;}
.block{display: block;}

#cnfoot a{color:#000; text-decoration:none}
#cnfoot{width:1100px;font-size:12px;float:none;text-align:center;margin:8px auto 0px auto}
.footlink{width:1060px;float:left;background:#F8F8F8;border:#D0D0D0 1px solid;line-height:30px}
.footlink a{margin:10px 10px}
#cnfoot .abg{display:inline-block;width:90px;height:31px;background:url(../images/dx.gif)}
.footCon{width:1100px;float:left;line-height:24px}
.footCon center{margin:7px 0px 4px 0px}