/*banner*/
.banner { width: 100%; height: 320px;}
.banner .slideBox { width: 100%; position: relative; height: 320px; overflow: hidden; z-index: 0;}
.banner .slideBox .bd { width: 100%; z-index: 0; }
.banner .slideBox .bd li { zoom: 1;}
.banner .slideBox .bd li a { display: block; width: 100%; height: 320px;}
.banner .slideBox .hd { position: absolute; left: 50%; margin-left: -33px; bottom: 20px;}
.banner .slideBox .hd ul li { float: left; margin-right:8px; width:30px; height:8px; cursor: pointer; background-color: #fff; }
.banner .slideBox .hd ul li.on { background-color: #ce0a18;}


/**============= ?????? =============**/
/*title*/
.main .title { margin-bottom: 20px; padding-bottom: 10px; }
.main .title.tit1 { background: url("../images/tit1.png") no-repeat center bottom; width: 790px; }
.main .title.tit2 { background: url("../images/tit2.png") no-repeat center bottom; width: 380px; }
.main .title h3 { font-size: 18px; font-weight: bold; padding-left: 36px; height: 30px;line-height: 30px; background: url(../images/icon8.png) no-repeat left center;}
.main .title .more { transition: all .3s; background: url("../images/more.png") no-repeat left center; width: 56px; height: 17px; margin-top: 10px;}
.main .title .more:hover { padding-right: 5px; }
/*list*/
.main .list ul li { line-height: 44px; padding-left:13px; background: url("../images/icon2.png") no-repeat left center; border-bottom: 1px solid #e3c5c7; }
.main .list ul li:hover { background: url("../images/icon2_h.png") no-repeat left center; border-bottom: 1px solid #ce0a18; }
.main .list ul li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 80%;}
.main .list ul li:hover a { color: #ce0a18;  }
.main .list ul li span { color: #adadad;}s



/**============= ??????? =============**/
/*box1*/
.box1 { padding-top: 35px;}
/*news*/
.box1 .news { width: 790px;margin-top:30px;}
.box1 .news .title h3 { background: url("../images/icon1.png") no-repeat left center;}
.box1 .news .slideBox1 { overflow: hidden; position: relative; width: 380px;}
.box1 .news .slideBox1 .hd { position: absolute; right: 5px; bottom: 13px; z-index: 1; }
.box1 .news .slideBox1 .hd ul li { float: left; margin-right: 5px; width: 8px; height: 8px; background: #fff; cursor: pointer; border-radius: 50%;}
.box1 .news .slideBox1 .hd ul li.on { background: #ce0a18; }
.box1 .news .slideBox1 .bd li { width: 380px; height: 274px; z-index: 0; }
.box1 .news .slideBox1 .bd li img { width: 100%; height: 100%; display: block; }
.box1 .news .slideBox1 .bd li .txt { position: absolute; bottom: 0; width: 100%; line-height: 36px;  height: 36px; background: url(../images/hei.png); }
.box1 .news .slideBox1 .bd li .txt a { display: block; color: #fff; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 10px;  }
.box1 .news .list { width: 380px; }
/*notice*/
.box1 .notice { width: 380px;margin-top:30px; }
.box1 .notice .title h3 { background: url("../images/icon3.png") no-repeat left center;}
.box1 .notice .txt_top {margin-top: 30px;}
.box1 .notice .txt_top .bd ul li {margin-bottom: 10px;}
.box1 .notice .txt_top .bd ul li .date { width: 66px; text-align: center;}
.box1 .notice .txt_top .bd ul li .date h4 { background-color: #e5e5e5; color: #a6a6a6; font-weight: bold; font-size: 24px; height:28px; line-height:28px}
.box1 .notice .txt_top .bd ul li:hover .date h4 { background-color: #ce0a18; color: #fff;}
.box1 .notice .txt_top .bd ul li .date h5 { color: #a6a6a6; border: 1px solid #e5e5e5;line-height: 24px;}
.box1 .notice .txt_top .bd ul li:hover .date h5 { color: #ce0a18; border: 1px solid #ce0a18;}
.box1 .notice .txt_top .bd ul li .txt { width: 296px; line-height: 22px; height: 44px; overflow: hidden; margin-top: 3px;}
.box1 .notice .txt_top .bd ul li:hover .txt a { color: #ce0a18;}


/*box2*/
.box2 { padding-top: 35px;}
/*teach*/
.box2 .teach { width: 380px; margin-right: 30px;}
.box2 .teach .title h3 { background: url("../images/icon8.png") no-repeat left center;}
/*art*/
.box2 .art { width: 380px; }
.box2 .art .title h3 { background: url("../images/icon5.png") no-repeat left center;}
.box2 .art ul li { margin-bottom: 21px;}
.box2 .art ul li .pic { width: 160px; height: 106px; overflow: hidden;}
.box2 .art ul li .pic img { width: 100%; height: 100%; transition: all .3s;}
.box2 .art ul li .pic img:hover { transform: scale(1.1);}
.box2 .art ul li .word { width: 198px; position: relative; margin-top: 14px;}
.box2 .art ul li .word h4 { font-size: 14px;    width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
.box2 .art ul li:hover .word h4 { color: #ce0a18; }
.box2 .art ul li .word span { color: #707070; position: absolute; top:0; right:0; }
.box2 .art ul li .word p { color: #707070; line-height: 24px; height: 48px; overflow: hidden; margin-top: 8px; }


/*box3*/
.box3 { padding: 15px 0 35px 0;}
/*dangqun*/
.box3 .dangqun { width: 380px; margin-right: 30px;}
.box3 .dangqun .title h3 { background: url("../images/icon7.png") no-repeat left center;}
.box3 .dangqun .above { margin-bottom: 14px;}
.box3 .dangqun .above .pic { width: 175px; height: 121px; overflow: hidden;}
.box3 .dangqun .above .pic img { width: 100%; height: 100%; transition: all .3s;}
.box3 .dangqun .above .pic img:hover { transform: scale(1.1);}
.box3 .dangqun .above .word { width: 186px; margin-top: 14px;}
.box3 .dangqun .above .word h4 { font-size: 14px;}
.box3 .dangqun .above .word span { display: block; color: #adadad; margin: 6px 0;}
.box3 .dangqun .above .word a { color: #ce0a18; }
/*student*/
.box3 .student { width: 380px;}
.box3 .student .title h3 { background: url("../images/icon6.png") no-repeat left center;}
/*people*/
.box3 .people { width: 380px;}
.box3 .people .title h3 { background: url("../images/icon4.png") no-repeat left center;}





/*teacher*/
.m_box .m_right .m_teacher h2 { font-size: 18px; font-weight: bold; text-align: center; margin: 20px 0; }
.m_box .m_right .m_teacher img { max-width: 40%; margin: 0 auto 20px; display: block; }
.m_box .m_right .m_teacher p { text-indent: 2em; color: #707070; line-height: 32px; font-size: 16px; }
.m_box .m_right .m_teacher .line h3 { background: url("../images/icon12.png") no-repeat left center; font-size: 16px; font-weight: bold; padding-left: 20px; margin: 20px 0 10px; }
.m_box .m_right .m_teacher .line h4 { font-size: 16px; margin-bottom: 10px; background: url("../images/icon13.png") no-repeat 20px center; padding-left: 40px; }
.m_box .m_right .m_teacher .line pre { padding: 0 0 10px 40px; display: block; color: #707070;  line-height:32px;  font-size: 16px; white-space: pre-wrap;word-wrap: break-word; }
.m_box .m_right .m_teacher .line h5 pre { font-size: 16px; margin-bottom: 10px; padding-left: 20px;  line-height:32px;    white-space: pre-wrap; word-wrap: break-word;}
.m_box .m_right .m_teacher .line h5 { font-size:16px; line-height:32px; }






/**============= ?????? =============**/
/*list*/
.m_box .m_right .m_list ul li { border-bottom: 1px dotted #e4e4e4; padding: 30px 0; }
.m_box .m_right .m_list ul li .photo { width: 230px; height: 150px; overflow: hidden;}
.m_box .m_right .m_list ul li .photo img { width: 100%; height: 100%; transition: all .3s}
.m_box .m_right .m_list ul li .content { width: 630px; }
.m_box .m_right .m_list ul li .content h3 { width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; font-weight: bold;}
.m_box .m_right .m_list ul li .content .txt { margin: 15px 0; line-height: 28px; height: 56px; overflow: hidden; color: #999; }
.m_box .m_right .m_list ul li .content .infor span { margin-right: 20px; }
.m_box .m_right .m_list ul li:hover { border-bottom-color: #ce0a18;  }
.m_box .m_right .m_list ul li:hover .photo img { transform: scale(1.1); }
.m_box .m_right .m_list ul li:hover .content h3 a { color: #ce0a18; }
/*list2*/
.m_box .m_right .m_list2 ul li {border-bottom: 1px dashed #e5e5e5;background:url("../images/icon11.png") no-repeat left center;line-height: 40px;height: 40px;}
.m_box .m_right .m_list2 ul li:hover { border-bottom: 1px dashed #ce0a18; background:url("../images/icon11_h.png") no-repeat left center; }
.m_box .m_right .m_list2 ul li a { padding-left: 15px;}
.m_box .m_right .m_list2 ul li:hover a { color: #ce0a18;}
.m_box .m_right .m_list2 ul li span { color: #8f8f8f;}
/*list3*/
.m_box .m_right .m_list3 { margin-top: 30px; }
.m_box .m_right .m_list3 .line h4 { font-size: 14px; font-weight: bold; background: url("../images/icon12.png") no-repeat left center; padding-left: 20px; margin-bottom: 20px; }
.m_box .m_right .m_list3 .line ul { width: 110%;}
.m_box .m_right .m_list3 .line ul li { float: left; width: 130px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #f2f2f2; border-radius: 10px; margin:0 21px 20px 0; }
/*content*/
.m_box .m_right .m_word { margin-top: 30px;}
.m_box .m_right .m_word .infor{ margin: 20px 0; text-align: center;}
.m_box .m_right .m_word .infor span { display: inline-block; _display:inline; *display: inline; zoom:1; vertical-align: middle; margin: 0 10px; color: #8f8f8f;}
.m_box .m_right .m_word h3 {font-size: 24px; }
.m_box .m_right .m_word p { text-indent: 2em; line-height: 32px; font-size: 16px;}
.m_box .m_right .m_word img {}