/*title*/
.title { position: absolute; left:0; }
.title h2 { font-size: 30px; font-weight: bold; color: #2470ee;}
.title p { font-size: 48px; font-weight: bold; color: #e8eaed; text-transform: uppercase;}
.title a { color: #a5a6a8; background: url("../images/icon1.png") no-repeat left bottom; padding-bottom: 5px; display: block; margin-top: 10px; width: 68px; font-weight: bold;}
.title a:hover { color: #2470ee; }
@media screen and (max-width: 1919px) and (min-width:1024px){
    .title h2 { font-size: 30px;}
    .title p { font-size: 36px;}
}
@media screen and (max-width: 768px){
    .title { overflow: hidden; position: static; }
    .title h2 { float: left;font-size: 26px;}
    .title p { display: none;}
    .title a { float: right;}
}


/*part1*/
.news { position: relative; padding-top: 50px; }
.news .title { top:50px; }
.news .list .news_pic { overflow: hidden; position: relative; width: 33.4%; margin-top: 190px;}
.news .list .news_pic .hd { position: absolute; right: 5px; bottom: 13px; z-index: 1; }
.news .list .news_pic .hd ul li { float: left; margin-right: 5px; width: 8px; height: 8px; background: #fff; cursor: pointer; border-radius: 50%;}
.news .list .news_pic .hd ul li.on { background: #ce0a18; }
.news .list .news_pic .bd li { width: 100%; height: 290px; z-index: 0; }
.news .list .news_pic .bd li img { width: 100%; height: 100%; display: block; }
.news .list .news_pic .bd li .txt { position: absolute; bottom: 0; width: 100%; line-height: 36px;  height: 36px; background: url(../images/hei.png); }
.news .list .news_pic .bd li .txt a { display: block; color: #fff; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 10px;  }
.news .list .word { width: 61%; margin-top: 20px; }
.news .list .word ul { width: 106%; }
.news .list .word ul li { float: left; width: 44.8%; margin: 0 5% 5% 0;}
.news .list .word ul li span { background-color: #fe9602; color: #fff; line-height: 36px; height: 36px; display: inline-block; padding: 0 20px;}
.news .list .word ul li h3 { font-size: 1.125em; line-height: 30px; height: 60px; overflow: hidden; margin: 20px 0 10px;}
.news .list .word ul li p { color: #8f8f8f; line-height: 28px; height: 84px; overflow: hidden;}
@media screen and (max-width: 1919px) and (min-width:1024px) {
    .news .list .news_pic { margin-top: 150px;}
    .news .list .news_pic .bd li {  height: 210px; }
    .news .list .word { margin-top: 0; }
    .news .list .word ul li p {  height: 48px; line-height: 24px; }
}
@media screen and (max-width: 768px) {
    .news .list .news_pic { float: none; width: 100%; margin-top: 20px;}
    .news .list .news_pic .bd li {  height: 210px; }
    .news .list .word { float: none; width: 100%;}
    .news .list .word ul { width: 100%; }
    .news .list .word ul li { float: none; width: 100%; margin: 0 0 5% 0;}
    .news .list .word ul li p { height: 48px; line-height: 24px;}
}


/*notice*/
.notice { width: 100%; background-color: #edeff2; border-top: 1px solid #e8ebf1; margin-top: -8px; padding: 50px 0;}
.notice .title { position: static; margin-bottom: 40px;}
.notice .title p { color: #dcdee0; margin: -8px 0 0 20px; }
.notice .bd .main ul { width: 105%;}
.notice .bd .main ul li { float: left; background-color: #fff; width: 29.76%; padding: 3%; box-sizing: border-box; margin-right: 3%;}
.notice .bd .main ul li:hover { background: url("../images/notice.jpg") no-repeat center #2470ee;}
.notice .bd .main ul li span { color: #adadad; font-size: 16px; }
.notice .bd .main ul li:hover span { color: #fff; }
.notice .bd .main ul li i { background-color: #2470ee; display: block; width: 16px; height: 2px; margin: 20px 0 30px; }
.notice .bd .main ul li:hover i { background-color: #fff; }
.notice .bd .main ul li h3 { font-weight: bold; line-height: 30px; height: 60px; overflow: hidden; }
.notice .bd .main ul li:hover h3 { color: #fff; }
.notice .hd { text-align: center; margin-top: 50px; }
.notice .hd span { display: inline-block; _display:inline; *display:inline; zoom:1; background-color: #fe9602; opacity: 0.4; width:12px; height: 12px; border-radius: 50%; margin: 0 5px;  }
.notice .hd span.on { opacity: 1;}

.hy_font{width:100%;background:#fff;   padding: 25px 25px  35px;  box-sizing: border-box;border-radius: 10px; box-shadow: 0px 2px 8px #c8c9c9;margin-bottom:35px;}

.hy_nav{background:#f0f0f1;height:56px;line-height:56px;border-left:6px #2470ee solid;}

.hy_nav h2 { float: left;font-size: 20px; color:#2470ee;margin:0 auto;text-align:center;display: block; font-weight: bold;  padding-left:15px; text-transform :Uppercase; }
.hy_nav span{float:right;padding-right:15px;font-size:16px;}
.hy_wz{line-height:35px;font-size:16px;padding-top:15px;}




@media screen and (max-width: 768px){
    .notice { margin-top: 0px; padding: 30px 0;}
    .notice .title { margin-bottom: 30px;}
    .notice .bd .main ul { width: 100%;}
    .notice .bd .main ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 10px;}
    .notice .bd .main ul li i { display: none;}
    .notice .hd {  margin-top: 20px; }
   .hy_nav h2{font-size:18px;}
}


/*school*/
.school { background: url("../images/bg1.jpg") no-repeat center top; width: 100%; height: 540px; }
.school .box { position: relative;}
.school .box .title { top:50px; }
.school .box .title h2 { color: #fff;}
.school .box .title p { color: #66a1ff;}
.school .box .title a { color: #fff; background: url("../images/icon2.png") no-repeat left bottom;}
.school .box .main .bd .list .word { position:absolute; top: 226px; left: 0; width: 52.6%; line-height: 28px; height: 140px; overflow: hidden; }
.school .box .main .bd .list .word a { color: #fff;}
.school .box .main .bd .list .pic { position:absolute; right:0; top: 60px; width: 43.5%;}
.school .box .main .bd .list .pic .pho { height:400px; }
.school .box .main .bd .list .pic .pho img { display: block; width: 100%; height: 100%;}
.school .box .main .bd .list .pic .tit { height: 80px; line-height: 80px; background-color: #fe9602; }
.school .box .main .bd .list .pic .tit a { font-size: 20px; color: #fff; padding-left: 30px; }
.school .box .main span { display: block; position: absolute; width:45px; height:45px; cursor: pointer;}
.school .box .main .prev { left:0; top:495px; background:url(../images/arrow1.png) no-repeat; }
.school .box .main .next{ left:65px; top:495px;  background:url(../images/arrow2.png) no-repeat; }
@media screen and (max-width: 1919px) and (min-width:1024px){
    .school { height: 406px; }
    .school .box .main .bd .list .word { top: 192px;}
    .school .box .main .bd .list .pic .pho { height:300px; }
    .school .box .main .bd .list .pic .tit { height: 46px; line-height: 46px; background-color: #fe9602; }
    .school .box .main .bd .list .pic .tit a { font-size: 16px; }
    .school .box .main .prev { top:361px; background:url(../images/arrow3.png) no-repeat;}
    .school .box .main .next { top:361px; background:url(../images/arrow4.png) no-repeat;}
}
@media screen and (max-width: 768px){
    .school { height: 424px; }
    .school .box .title { padding-top:30px; position: static; }
    .school .box .main .bd .list .word { display: none; }
    .school .box .main .bd .list .pic { width: 100%; position: static; }
    .school .box .main .bd .list .pic .pho { height:200px; margin-top: 30px;}
    .school .box .main .bd .list .pic .tit { height: 46px; line-height: 46px; background-color: #fe9602; }
    .school .box .main .bd .list .pic .tit a { font-size: 16px; }
    .school .box .main .prev { top:365px; background:url(../images/arrow3.png) no-repeat;}
    .school .box .main .next { top:365px; background:url(../images/arrow4.png) no-repeat;}
}


/*meeting*/
.meeting { padding: 50px 0;}
.meeting .title { position: static; margin-bottom: 40px;}
.meeting .title p { color: #dcdee0; margin: -8px 0 0 20px; }
.meeting .list ul { width: 105%;}
.meeting .list ul li { float: left; border: 5px solid #edeff2; width: 29.76%; padding: 2%; box-sizing: border-box; margin-right: 3%;}
.meeting .list ul li:hover { border: 5px solid #fe9602;}
.meeting .list ul li h3 { line-height: 24px; height: 48px; color:#000; font-size: 16px; overflow: hidden; margin-bottom: 10px; }
.meeting .list ul li p { color: #838383; line-height: 24px; }
@media screen and (max-width: 768px){
    .meeting { margin-top: 30px; padding: 30px 0;}
    .meeting .title { margin-bottom: 30px;}
    .meeting .list ul { width: 100%;}
    .meeting .list ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 10px;}
}


/*icon*/
.f_icon { background: #2470ee; height: 220px;}
.f_icon ul { width: 105%;}
.f_icon ul li { float: left; width: 21.26%; margin-right: 3.4%; height: 100px; margin-top: 60px;}
.f_icon ul li.li1 { background: url("../images/icon3.png") no-repeat 20px center #fff; }
.f_icon ul li.li2 { background: url("../images/icon4.png") no-repeat 20px center #fff; }
.f_icon ul li.li3 { background: url("../images/icon5.png") no-repeat 20px center #fff; }
.f_icon ul li.li4 { background: url("../images/icon6.png") no-repeat 20px center #fff; }
.f_icon ul li a { display: block; margin: 26px 0 0 74px;}
.f_icon ul li h3 { font-size: 18px; margin-bottom: 10px;}
.f_icon ul li span { font-size: 16px; color: #c8c9cc; text-transform: uppercase;}
@media screen and (max-width: 768px){
    .f_icon { height: auto; padding: 10px 0 30px;overflow: hidden;}
    .f_icon ul li { width: 45%; margin-right: 3.4%; height: auto; margin-top: 20px; padding-bottom: 20px;}
    .f_icon ul li.li1 { background: url("../images/icon3.png") no-repeat center 20px #fff; }
    .f_icon ul li.li2 { background: url("../images/icon4.png") no-repeat center 20px #fff; }
    .f_icon ul li.li3 { background: url("../images/icon5.png") no-repeat center 20px #fff; }
    .f_icon ul li.li4 { background: url("../images/icon6.png") no-repeat center 20px #fff; }
    .f_icon ul li a { text-align: center; margin: 80px 0 0 0;}

}



/*foot*/
.foot { background-color:#333; padding: 30px 0; }
.foot .link { border-bottom: 1px solid #424242; padding-bottom: 20px; margin-bottom: 30px; }
.foot .link span { font-size: 16px; color: #fff; padding-right: 20px; }
.foot .link a { color: #b8b8b8; padding-right: 20px; line-height: 28px; }
.foot .message { margin-top: 10px; }
.foot .message p { color:#fff; line-height: 28px;  font-size:16px;}
.foot .qr_code { overflow: hidden;  }
.foot .qr_code .code { float: left; margin-left: 20px; text-align:center;}
.foot .qr_code .code img { width: 90px; height: 90px; border:3px #fff solid;border-radius:10px;}
.foot .qr_code .code p { color: #fff; text-align: center; }

@media screen and (max-width: 767px){
    .foot .logo { display: none }
    .foot .message{ float: none; margin: 0 0 10px 0; }
    .foot .qr_code{ float: none }
    .foot .qr_code .code { margin:0 20px 0 0; float:none;}
}







/**********************  ??????  **********************/
/*ny_content*/
.m_box .m_right .ny_content { margin-top: 20px; }
.m_box .m_right .ny_content h3 { text-align: center; font-size: 24px;}
.m_box .m_right .ny_content .lab { text-align: center; margin: 10px 0;}
.m_box .m_right .ny_content .lab span { display: inline-block; _display:inline; *display:inline; zoom:1; vertical-align: middle; color: #adadad; margin: 0 10px;}
.m_box .m_right .ny_content p { line-height: 28px; /*text-indent: 2em;*/}
.m_box .m_right .ny_content img{ max-width: 100%; margin: 10px auto;display:block;height:auto;}
.m_box .m_right .ny_content iframe{ max-width: 100%; margin: 10px auto;display:block;}
@media screen and (max-width:768px){
    .m_box .m_right .ny_content .lab span { margin-bottom: 10px;}
}
/*list*/
.m_box .m_right .ny_list ul li { border-bottom: 1px dotted #e4e4e4; padding: 30px 0; }
.m_box .m_right .ny_list ul li .photo { width: 25.6%; height: 150px; overflow: hidden;}
.m_box .m_right .ny_list ul li .photo img { width: 100%; height: 100%; transition: all .3s}
.m_box .m_right .ny_list ul li .content { width: 70%; }
.m_box .m_right .ny_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 .ny_list ul li .content .txt { margin: 15px 0; line-height: 28px; height: 56px; overflow: hidden; color: #999; }
.m_box .m_right .ny_list ul li .content .infor span { margin-right: 20px; }
.m_box .m_right .ny_list ul li:hover { border-bottom-color: #2470ee;  }
.m_box .m_right .ny_list ul li:hover .photo img { transform: scale(1.1); }
.m_box .m_right .ny_list ul li:hover .content h3 a { color: #2470ee; }
@media screen and (max-width: 1919px) and (min-width:1024px){
    .m_box .m_right .ny_list ul li .photo{ height: 110px;}
}
@media screen and (max-width: 767px){
    .m_box .m_right .ny_list ul li .photo { display: none;}
    .m_box .m_right .ny_list ul li .content { width: 100%; }
}
/*pic*/
.m_box .m_right .ny_pic { margin-top: 30px; }
.m_box .m_right .ny_pic ul { width:110%; }
.m_box .m_right .ny_pic ul li { float: left; margin: 0 2% 2% 0; width:29%; text-align: center; position: relative; }
.m_box .m_right .ny_pic ul li .box { width:100%; height: 210px; overflow: hidden; }
.m_box .m_right .ny_pic ul li .box img { width:100%; height: 100%; display: block; transition: all .3s; }
.m_box .m_right .ny_pic ul li .tit { text-align: center; line-height: 40px; height: 40px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute;
    left: 0; bottom:0; background: url("../images/hei.png"); }
.m_box .m_right .ny_pic ul li .tit a { color: #fff;}
.m_box .m_right .ny_pic ul li:hover .box img {transform: scale(1.1);}

.ny_content table{margin:0 auto!important;}
@media screen and (max-width: 1919px) and (min-width:1024px){
    .m_box .m_right .ny_pic ul li .box { height: 150px; }
    .m_box .m_right .ny_pic ul li .tit { line-height: 30px; height: 30px;}
}
@media screen and (max-width: 767px){
    .m_box .m_right .ny_pic { margin-top: 0; }
    .m_box .m_right .ny_pic ul li { width:44.6%; }
    .m_box .m_right .ny_pic ul li .box { height: 110px; }
    .m_box .m_right .ny_pic ul li .tit { position: static; background:none; height: 30px; line-height: 30px;}
    .m_box .m_right .ny_pic ul li .tit a { color: #333;}
}
/*list2*/
.m_box .m_right .ny_list2 ul li { border-bottom: 1px dotted #e4e4e4; height: 46px; line-height: 46px; background: url("../images/icon7.png") no-repeat left center; }
.m_box .m_right .ny_list2 ul li a { padding-left: 20px; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.m_box .m_right .ny_list2 ul li span { color: #adadad; }
.m_box .m_right .ny_list2 ul li:hover a { text-decoration: underline; }
@media screen and (max-width: 767px){
    .m_box .m_right .ny_list2 ul li a { width: 60%; }

}