/*banner*/
.banner { width: 100%; height: 600px;}
.banner .slideBox { width: 100%; position: relative;height: 600px; overflow: hidden; z-index: 0;}
.banner .slideBox span { display: block; position: absolute; top: 50%; margin-top: -46px; z-index: 1; width: 46px; height: 92px; cursor: pointer;}
.banner .slideBox .prev { left: 12%; background: url("../images/arrow1.png") no-repeat ;  }
.banner .slideBox .next { right: 12%; background: url("../images/arrow2.png") no-repeat ; }
.banner .slideBox .bd { width: 100%; z-index: 0; }
.banner .slideBox .bd li { zoom: 1;}
.banner .slideBox .bd li a { display: block; width: 100%; height: 600px;}
.more2{
    color: #8f8f8f;
}
.more2:hover {
    color: #d28300;
}
/*in_icon*/
.in_icon { padding: 50px 0;}
.in_icon ul li { float: left; width: 416px;height: 179px; padding: 35px 49px; box-sizing: border-box;}
.in_icon ul li.li1 { background: url("../images/iconbg1.png") no-repeat center;}
.in_icon ul li.li2 { background: url("../images/iconbg2.png") no-repeat center; margin: 0 26px;}
.in_icon ul li.li3 { background: url("../images/iconbg3.png") no-repeat center;}
.in_icon ul li i { display: block; width: 28px; height: 28px; }
.in_icon ul li.li1 i { background: url("../images/icon1.png") no-repeat left center; }
.in_icon ul li.li2 i { background: url("../images/icon2.png") no-repeat left center; }
.in_icon ul li.li3 i { background: url("../images/icon3.png") no-repeat left center; }
.in_icon ul li h3 { font-size: 24px; margin: 10px 0 8px;font-weight:bold; }
.in_icon ul li a { font-size: 16px; color: #333; padding-right: 20px; }
.in_icon ul li a:hover { color: #006060; }

/*news*/
.news .title { border-bottom: 1px solid #ccc; margin-bottom: 40px; }
.news .title a { float: left; width: 180px; height: 50px; line-height: 50px; font-size: 24px; padding-left: 60px; box-sizing: border-box; border-top-left-radius: 4px;
    border-top-right-radius: 4px;  }
.news .title .xw { background: url("../images/icon4.png") no-repeat 24px center #f5f7f7; margin-right: 20px; }
.news .title .xw.on { background: url("../images/icon4_h.png") no-repeat 24px center #006060; color: #fff; }
.news .title .tz { background: url("../images/icon5.png") no-repeat 24px center #f5f7f7; }
.news .title .tz.on { background: url("../images/icon5_h.png") no-repeat 24px center #006060; color: #fff; }
.news .main { height: 430px; }
.news .main .box { position: relative; }
.news .main .box .more { position: absolute; right:0; top:-75px; color: #8f8f8f; }
.news .main .box .more:hover { color: #d28300; }
.news .main .box .slideBox1 { overflow: hidden; position: relative; width: 540px;}
.news .main .box .slideBox1 .hd { position: absolute; right: 5px; bottom: 21px; z-index: 1; }
.news .main .box .slideBox1 .hd ul li { float: left; margin-right: 5px; width: 8px; height: 8px; background: #fff; cursor: pointer; border-radius: 50%;}
.news .main .box .slideBox1 .hd ul li.on { background: #c02b30; }
.news .main .box .slideBox1 .bd li { width: 540px; height: 405px; overflow: hidden; }
.news .main .box .slideBox1 .bd li img { width: 100%; height: 100%; display: block; transition: all .3s; }
.news .main .box .slideBox1 .bd li:hover img { transform: scale(1.1); }
.news .main .box .slideBox1 .bd li .txt { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 50px;  height: 50px; background: url(../images/news.png); }
.news .main .box .slideBox1 .bd li .txt a { display: block; color: #fff; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 10px;  }
.news .main .box .list { width: 710px; }
.news .main .box .list ul li { border-bottom: 1px solid #f3f3f3; padding-bottom: 19px; margin:10px 0 19px; }
.news .main .box .list ul li .word { width: 585px; }
.news .main .box .list ul li .word h3 { font-size: 18px; margin-bottom: 10px; font-weight: bold;}
.news .main .box .list ul li .word h3:hover a { color: #c02b30; }
.news .main .box .list ul li .word p { color: #333; line-height: 32px; height: 64px; overflow: hidden; font-size:16px; }
.news .main .box .list ul li .date h4 { color: #8f8f8f; font-size: 20px; background: url("../images/icon6.png") no-repeat left center; padding-left: 30px;height: 20px; line-height: 20px; }
.news .main .box .list ul li .date span { color: #adadad; font-size: 16px; padding-left:30px; }
.news .main .box .notice ul { width: 105%; }
.news .main .box .notice ul li { float: left; width: 625px; background-color: #f5f7f7; border-radius: 6px; padding: 20px 30px; box-sizing: border-box; margin: 0 50px 23px 0; }
.news .main .box .notice ul li:hover { background-color: #006060; }
.news .main .box .notice ul li .word { width: 475px; }
.news .main .box .notice ul li .word h3 { font-size: 18px; margin-bottom: 3px; font-weight:bold;}
.news .main .box .notice ul li:hover .word h3 a { color: #fff; }
.news .main .box .notice ul li .word p { color: #333; font-size:16px; line-height: 1.5; height: 48px; overflow: hidden; }
.news .main .box .notice ul li:hover .word p { color: #fff; }
.news .main .box .notice ul li .date h4 { color: #8f8f8f; font-size: 20px; background: url("../images/icon6.png") no-repeat left center; padding-left: 30px;height: 20px; line-height: 20px; }
.news .main .box .notice ul li:hover .date h4 { color: #fff; background: url("../images/icon6_h.png") no-repeat left center; }
.news .main .box .notice ul li .date span { color: #adadad; font-size: 16px; padding-left:30px; }
.news .main .box .notice ul li:hover .date span { color: #fff; }

/*student*/
.student { background: url("../images/student.jpg") no-repeat center; width: 100%; height: 239px; text-align: center; }
.student h3 { color: #fff; font-size: 30px; padding-top: 68px; }
.student p { color: #fff; font-size: 24px; margin: 7px 0 17px; }
.student a { color: #006060; background: #fff; width: 113px; height: 30px; line-height: 30px; margin: 0 auto; display: block; border-radius: 20px; }
.student a:hover { color: #fff; background: #d28300; }

/*about*/
.about { background: url("../images/about.png") repeat-y left;height: 335px; }
.about .title { background: url("../images/about_tit.png") no-repeat left top; width: 275px; height: 375px; position: relative; top:-40px; }
.about .title h2 { color: #fff; font-size: 36px; padding: 50px 0 0 35px; }
.about .word { width: 974px; margin-top: 45px; }
.about .word h3 { font-size: 24px; margin-bottom: 8px; }
.about .word p { font-size: 16px; line-height: 32px; color: #707070; height: 192px; overflow: hidden; }
.about .word a { display: block; color: #006060; background: #ebeded; width: 140px; height: 36px; line-height: 36px; text-align: center; border-radius: 20px; margin-top: 15px;  }
.about .word a:hover { color: #fff; background: #d28300; }

/*subject*/
.subject { padding-top: 60px; position:relative; }
.subject .more {position:absolute; right:0; top:30px;}
.subject .hd { overflow:hidden; text-align: center;  }
.subject .hd ul{ overflow:hidden; zoom:1; margin-top:40px; }
.subject .hd ul li{ display: inline-block; _display:inline; *display:inline; width:10px; height:10px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;
    background-color: #d2d4d4; border-radius: 50%; }
.subject .hd ul li.on{ background-color: #c02b30; }
.subject .bd ul{ overflow:hidden; zoom:1; }
.subject .bd ul li{ margin-right: 50px; float:left; overflow:hidden; width: 400px;  }
.subject .bd ul li h3 { font-size: 20px;font-weight:bold; }
.subject .bd ul li span { display: block; width: 20px; height: 3px; background: url("../images/icon7.png") no-repeat center; margin:20px 0; }
.subject .bd ul li p { color: #8f8f8f; line-height: 32px; height: 96px; overflow: hidden; }
.subject .bd ul li a { color: #006060; background: #ebeded; width: 113px; height: 30px; line-height: 30px; text-align: center; display: block; border-radius: 20px; margin-top: 20px; }
.subject .bd ul li:hover a { color: #fff; background: #d28300; }

/*tit_com*/
.tit_com { margin-bottom: 50px; }
.tit_com h3 { font-size: 36px; text-align: center; }
.tit_com span { display: block; background: url("../images/title.png") no-repeat center; height: 18px; }

/*teacher*/
.teacher { background-color: #f5f7f7; padding: 50px 0; margin-top: 50px;}
.teacher .box { position: relative;}
.teacher .box .more {position:absolute; right:0; top:-40px;}
.teacher .box .hd span { display:block; width:28px; height:45px; cursor:pointer; position: absolute; z-index: 99}
.teacher .box .hd .prev { left:-38px; top:160px; background:url("../images/arrow3.png") no-repeat;}
.teacher .box .hd .next { right:-38px; top:160px; background: url("../images/arrow4.png") no-repeat; }
.teacher .box .bd ul {overflow: hidden;}
.teacher .box .bd ul li { float: left; margin-right:48px; width: 290px;}
.teacher .box .bd ul li .pic { width: 290px; height:370px; overflow: hidden; }
.teacher .box .bd ul li .pic img { width: 100%; height: 100%; display: block; transition: all .3s;}
.teacher .box .bd ul li:hover .pic img { transform: scale(1.1); }
.teacher .box .bd ul li .intro h4 { font-size: 22px; margin-top: 20px;}
.teacher .box .bd ul li .intro h4 a { color: #006060; }
.teacher .box .bd ul li .intro h4 span { font-size: 16px; color: #707070; }
.teacher .box .bd ul li .intro h5 { font-size: 16px; margin: 8px 0 5px; color: #d28300; }
.teacher .box .bd ul li .intro p { color: #8f8f8f; line-height: 24px; height: 48px; overflow: hidden; }

/*trends*/
.trends { padding: 50px 0; }
.trends .list ul { width: 105%; }
.trends .list ul li { float: left; background: url("../images/icon8.png") no-repeat center; width: 436px; height: 321px; margin-right: 5px; padding: 60px 60px; box-sizing: border-box; }
.trends .list ul li h3 { font-weight: bold; font-size: 18px; line-height: 28px; height: 56px; overflow: hidden; }
.trends .list ul li h3:hover a { color: #c02b30; }
.trends .list ul li p { line-height: 28px; height: 56px; overflow: hidden; color: #707070; margin: 20px 0; }
.trends .list ul li h4 { font-size: 28px; height: 28px; line-height: 28px; }
.trends .list ul li h5 { font-size: 24px; color: #adadad; height: 24px; line-height: 24px; }






/**============= inside page =============**/
/*content*/
.ny_content { margin: 30px 0 50px;}
.ny_content h3 { text-align: center; font-size: 24px; }
.ny_content .lab { margin: 20px 0; text-align: center;}
.ny_content .lab span { display: inline-block; _display:inline; *display: inline; zoom:1; vertical-align: middle; margin: 0 10px; color: #8f8f8f;}
.ny_content p { text-indent: 2em; color: #707070; line-height: 32px; font-size: 16px;}
.ny_content img { margin: 10px auto; max-width: 100%; display: block;}
/*list1*/
.ny_list1 { margin: 10px 0 50px; }
.ny_list1 ul li { border-bottom: 1px solid #ebeded; padding: 30px 0; transition: all .3s; }
.ny_list1 ul li .photo { width: 230px; height: 160px; overflow: hidden;}
.ny_list1 ul li .photo img { width: 100%; height: 100%; transition: all .3s;}
.ny_list1 ul li .content { width: 80%; }
.ny_list1 ul li .content h3 { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; font-weight: bold; margin-top: 18px;}
.ny_list1 ul li .content p { line-height: 28px; height: 56px; overflow: hidden; color: #999; margin: 10px 0; }
.ny_list1 ul li .content span { color: #d28300; }
.ny_list1 ul li:hover { transform: translate(-5px,-5px); }
.ny_list1 ul li:hover .photo img { transform: scale(1.1); }
.ny_list1 ul li:hover .content h3 a { color: #c02b30; }
/*list2*/
.ny_list2 { margin: 30px 0 50px; }
.ny_list2 ul li { border-bottom: 1px solid #ebeded; margin-bottom: 20px; padding: 20px 0; box-sizing: border-box;  transition: all .3s; }
.ny_list2 ul li:hover { transform: translate(-5px,-5px); }
.ny_list2 ul li .date { text-align: center; padding: 14px 0 0 25px; }
.ny_list2 ul li .date p { color: #333; font-size:16px; }
.ny_list2 ul li .date h4 { color: #a6a6a6; font-size: 14px; font-weight: bold; }
.ny_list2 ul li .word { width: 91%; border-left: 1px solid #e5e5e5; padding-left: 20px; margin-left: 20px; }
.ny_list2 ul li .word h5 a { font-size: 16px; font-weight: bold; }
.ny_list2 ul li:hover .word h5 a { color: #c02b30; }
.ny_list2 ul li .word h6 a { color: #333; display: block; margin-top: 6px; line-height: 24px; height: 48px; overflow: hidden; font-size: 14px; }
/*list3*/
.ny_list3 { margin: 30px 0 50px; }
.ny_list3 ul li { border-bottom: 1px solid #ebeded; margin-bottom: 20px; padding: 20px 0; box-sizing: border-box;  transition: all .3s; }
.ny_list3 ul li:hover { transform: translate(-5px,-5px); }
.ny_list3 ul li a { display: block; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;background: url("../images/icon11.png") no-repeat left center;
    padding-left: 15px;}
/*pic1*/
.ny_pic1 { margin: 50px 0; }
.ny_pic1 ul { width:110%; }
.ny_pic1 ul li {float: left;margin: 0 30px 0 0;width: 320px;text-align: center;}
.ny_pic1 ul li .box {width:100%;height: 240px;overflow: hidden;}
.ny_pic1 ul li .box img { width:100%; height: 100%; display: block; transition: all .3s; }
.ny_pic1 ul li .tit a {line-height: 70px;height: 70px;font-size: 16px;color: #464646;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;font-weight: bold;}
.ny_pic1 ul li:hover .box img {transform: scale(1.1);}
/*pic2*/
.ny_pic2 { margin: 50px 0; }
.ny_pic2 ul { width:110%; }
.ny_pic2 ul li { float: left; margin-right: 46px; width: 290px; text-align: center;}
.ny_pic2 ul li .box { width:100%; height: 370px; overflow: hidden; }
.ny_pic2 ul li .box img { width:100%; height: 100%; display: block; transition: all .3s; }
.ny_pic2 ul li .tit a { line-height: 50px; height: 50px; font-size: 16px; color: #707070; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.ny_pic2 ul li:hover .box img {transform: scale(1.1);}
/*teacher_con*/
.teacher_con .th_above { width: 100%; margin: 50px 0 30px; background: #f5f7f7; padding: 30px; box-sizing: border-box; }
.teacher_con .th_above .photo { width: 180px; height: 230px;}
.teacher_con .th_above .photo img { width: 100%; height: 100%;}
.teacher_con .th_above .intro { width: 1005px;margin: 10px 0 0 50px;}
.teacher_con .th_above .intro .name { font-size: 24px; color: #006060;}
.teacher_con .th_above .intro .zc { font-size: 16px; color: #707070;  margin: 6px 0 20px;}
.teacher_con .th_above .intro h3 { font-size: 16px; line-height: 34px; }
.teacher_con .th_below { margin-bottom: 50px;}
.teacher_con .th_below p { line-height: 30px; color: #707070; font-size: 16px; text-indent: 2em;}
