/*
* @Author: ZhangJiaoLong
* @Date:   2017-06-09 10:16:02
 * @Last Modified by: weiqi
 * @Last Modified time: 2018-06-20 15:19:26
*/
.banner { position: relative; overflow: hidden; }
.list-banner { max-height: 300px; overflow: hidden; margin: 0 !important; position: relative }
.banner img { display: block; }
.banner-title { position: relative;display: inline-block; padding: 10px 30px 12px; font-family: "Microsoft YaHei"; font-size: 4.8em; color: #FF4E00; font-weight: bold;/*  background: rgba(255, 255, 255, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4CFFFFFF', endColorstr='#4CFFFFFF'); */ -webkit-transition: all .8s ease; -o-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; top: 0; position: absolute; letter-spacing: 9px; -webkit-text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; -moz-text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; }
.list-banner .zoomIn { display: block;position: absolute;top: 80px;left: 470px; }
.frame-wrap { background-color: #F5F5F5; overflow: hidden; padding: 20px 0  }
.frame-left { width: 245px; float: left; }
.frame-right { width: 935px; float: right; background-color: #fff; }
.main { background: #FFF; min-height: 610px; padding: 10px; }

table{width: 100%;text-align: center;line-height: 2;}
/* 左侧菜单 */
.sidebar-wrap { padding: 10px; background: #FFF; margin-bottom: 10px; }
.sidebar-name { height: 75px; background: url('/Public/Home/Default/images/frame/frame_titlebg.jpg') center center no-repeat; position: relative; }
.sidebar-name h2 { line-height: 65px; font-size: 2.6em; font-weight: bold; background: url('/Public/Home/Default/images/frame/list_title.png') no-repeat left 20px; text-indent: 40px; color: #387FE3; }
.sidebar-name:after { content: ""; width: 30px; height: 2px; background-color: #005FAD; position: absolute; bottom: 0; z-index: 99; }
ul.sidebar { display: block; background-color: #fff; }
ul.sidebar li { display: block; margin-top: 10px; background: #F0F2F5 }
ul.sidebar li a { display: block; height: 40px; line-height: 40px;cursor: pointer; color: #363636; font-size: 1.6em; padding-left: 60px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
ul.sidebar li a:before { content: ""; width: 30px; height: 40px; background: url('/Public/Home/Default/images/frame/sidebar_un.png') no-repeat center; position: absolute; left: 0; top: 0; border-right: 1px solid #FFF; }
ul.sidebar li.selected a,
ul.sidebar li a:hover { background-color: #FF7A44; color: #fff }
ul.sidebar li a:hover:before,ul.sidebar li.selected a:before { background: #FF4E00 url('../images/frame/sidebar_on.png') no-repeat center; border-color: #FF7A44; webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; }
ul.sidebar li a:hover { background-color: #FF7A44; color: #fff; }
ul.sidebar li .level2 li{margin-top: 0;background: #888;border-top: 1px solid #fff;}
ul.sidebar li .level2 li a{padding-left: 0;text-align: center;color: #fff; }
ul.sidebar li .level2 li a:before{display: none;}
ul.sidebar li .level2 li.active a,ul.sidebar li .level2 li a:hover{background: #F2A283;}
ul.sidebar li.selected .level2{display: block;}
ul.sidebar li.selected .level2 a{background: #888;}
ul.sidebar li .level2 li a:hover:before, ul.sidebar li.selected .level2 li a:before{display: none;}

/* 侧边图片链接 */
.sidebar-link { overflow: hidden; margin-top: 20px; background-color: #fff; padding: 3px; }
.sidebar-link img { display: block; width: 100%; }

/* 联系方式 */
.contact { background: #FFF url(../../images/01_main/frame/contact.jpg) right bottom no-repeat; padding: 10px 10px 20px 10px; }
.contact .title { color: #4AB215; font-size: 1.8em; line-height: 2; padding: 5px 0; }
.contact .tel,
.contact .address { font-size: 1.4em; color: #333; line-height: 2; padding: 0 0; }

/*文字新闻列表*/
.list-text li { display: block; position: relative; padding: 7px 0 7px 0; border-bottom: 1px dashed #E2E2E2; }
.list-text li a { display: block; font-size: 1.4em; line-height: 2.6; padding: 0 100px 0 10px; color: #333333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.list-text li span { font-family: "Arial"; position: absolute; right: 0; top: 7px; color: #666666; font-size: 1.4em; width: 100px; height: 34px; line-height: 34px; text-align: right; padding-right: 10px; }
.list-text li:hover a { color: #18a817; background: #EAF3E6 }
.list-text li:hover span { color: #18a817 }

/*日期+标题+简介*/
.date-news { padding: 0 10px; }
.date-news li { position: relative; border-bottom: 1px dashed #D8D8D8; position: relative; height: 55px; }
.date-news li:before { content: ""; width: 4px; height: 4px; background-color: #999999; position: absolute; left: 0; top: 50%; margin-top: -2px; }
.date-news li a { display: block; overflow: hidden; position: relative; }
.date-news li p { width: 80%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 12px; color: #898989; font-size: 1.4em; line-height: 55px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; }
.date-news li span { position: absolute; right: 0; font-family: "Arial"; color: #B5B5B5; top: 20px; font-size: 1.4em; }
.date-news li:hover:before { background-color: #FF4E00; }
.date-news li:hover p,
.date-news li:hover span { color: #FF4E00; }

/*图文新闻列表*/
.news-img li { padding: 0 10px; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.news-img li a { display: table; width: 100%; border-bottom: 1px solid #E7E7E7; padding: 20px 0 10px; position: relative; }
.news-img li a .news { display: table-cell; vertical-align: top; padding: 0 0px 0 30px; }
.news-img li a .img { display: table-cell; vertical-align: top; width: 280px; height: 168px; overflow: hidden; }
.news-img li a img { display: block; width: 280px; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
.news-img li a .news-title { font-size: 1.8em; font-weight:bold; color: #666666; padding: 0 0 10px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.news-img li a .news-intro { font-size: 1.4em; color: #999; line-height: 1.8 }
.news-img li a .date { font-size: 1.4em; color: #999999; padding: 10px 0; }
.news-img li a:hover .news-title { color: #FF4E00 }
.news-img li .line { width: 0; display: block; height: 2px; background: #FF4E00; position: absolute; left: 0; bottom: -1px; }
.news-img li:hover .line { width: 100%; -webkit-transition: all 1.2s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease }
.news-img li:hover { -webkit-box-shadow: 0 0 3px #DDDDDD; box-shadow: 0 0 3px #DDDDDD; }

/* 教师列表 */
.teacher-img li a .img{width: 173px;}
.teacher-img li a img{width: 173px;}
.teacher-img li a .news{vertical-align: middle;}
.teacher-img li a .img{vertical-align: middle;}
/*图片列表*/
.img-list { padding-top: 5px;}
.img-list li { display: block; width: 33.3333%; overflow: hidden; float: left; border: 10px solid #fff; position: relative; top: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.img-list li a { display: block; width: 100%; height: 100%; }
.img-list li .img { position: relative; overflow: hidden; }
.img-list li img { display: block; width: 100%; height: 180px; }
.img-list li .img:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000); position: absolute; bottom: 100%; left: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.img-list li .img:after { content: ""; width: 41px; height: 41px; background: url('/Public/Home/Default/images/frame/img_view.png') no-repeat center; position: absolute; top: 100%; left: 50%; margin-left: -20px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; z-index: 99; }
.img-list li .name { display: block; width: 100%; background: #FFF; }
.img-list li p { height: 50px; line-height: 50px; color: #666666; font-size: 1.6em; padding-left: 35px; }
.img-list li .line { height: 2px; background: #FF4E00; width: 0; margin: 0 auto; -webkit-transition: all .5s linear; -o-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear; }
.img-list li:hover { top: -3px; }
.img-list li:hover .img:before { top: 0; }
.img-list li:hover .img:after { top: 50%; margin-top: -20px; }
.img-list li:hover p { color: #FF4E00 }
.img-list li:hover .line { width: 100%; }

/* 人物列表内容 */
.person-list{width: 810px;margin:55px auto 0;position: relative;border-top: 1px solid #CCCCCC;}
.person-list:before{content:"";width: 80px;height: 10px;background: #fff url('../images/frame/wjx.png') no-repeat center;position: absolute;top: -5px;left:60px; }
.person-list li{background-color: #F5F5F5;padding: 25px 45px;margin-top: 15px;position: relative;margin-bottom: 20px;}
.person-list li:after{content: "";width: 780px;height: 9px;background: url('/Public/Home/Default/images/frame/person_after.png') no-repeat center;position: absolute;bottom: -9px;left: 15px;}
.person-list .img{float: left;overflow: hidden;width: 106px;height: 145px;}
.person-list .img img{display: block;width: 100%;height: 100%;}
.person-list .intro-box{float: left;padding-left: 30px;width: 85%;position: relative;z-index: 9;}
.person-list .intro-box:after{content: "";width: 151px;height: 151px;background: url('/Public/Home/Default/images/frame/person_logo.png') no-repeat center;position: absolute;right: -10px;top: 0;z-index: -1;}
.person-list h2{font-size: 2em;font-weight: bold;color:#091D64;padding: 10px 0;}
.person-list span{display: block;font-size: 2em;color: #363636;padding-bottom: 10px;}
.person-list p{font-size:1.6em; color: #363636;line-height: 180%;}
/* 下载页 */
.download-list { padding-top: 30px; overflow: hidden; }
.download-list li { width: 47%; margin: 0 1.5% 30px; border: 1px solid #EBEBEB; float: left; }
.download-list li:hover { border-color: #589FE2; }
.download-list li .intro { display: table; padding: 20px 0 10px 20px; }
.download-list li img { display: table-cell; vertical-align: middle; width: 60px; height: 60px; }
.download-list li .intro-txt { display: table-cell; vertical-align: middle; padding-left: 20px; }
.download-list li h4 { font-size: 1.6em; color: #000000; line-height: 30px; }
.download-list li p { font-size: 1.4em; color: #777777; }
.download-list .download-box { padding: 0 20px 10px; overflow: hidden;}
.download-list .download-box span { font-size: 1.4em; color: #777777; }
.download-list .download-box a { float: right; font-size: 1.2em; color: #999999; padding: 3px 7px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #E8E8E8; font-family: "宋体"; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.download-list li:hover a { background-color: #036FD3; color: #fff; }

/* 联系我们 */
.contact-content{padding: 40px;}
.contact-box{padding: 20px 0; overflow: hidden; }
.contact-right{float: right;background: #E9EFF7;padding: 30px 75px;text-align: center;}
.contact-left{float: left;}
.contact-phone p{font-size:2em;font-weight: bold; color: #357FE3;padding-bottom: 10px}
.contact-phone span{font-size:3.6em;font-weight: bold; color: #EF9115;padding-bottom: 20px;display: block;}
.contact-box .address{padding-left: 30px;background: url('/Public/Home/Default/images/frame/message.png') no-repeat left center;font-size:1.8em;color:#A7A7A7;line-height: 40px; }
.contact-box .code{padding-left: 30px;background: url('/Public/Home/Default/images/frame/contact_address.png') no-repeat left center;font-size:1.8em;color:#A7A7A7; margin-top: 20px;}
.BMap_omCtrl,.anchorBL,.BMap_stdMpCtrl{display: none !important;}
#dituContent{ margin:10px auto; width:100%; height:382px; border: none !important; }
#dituContent img{ max-width:none !important;}
.BMapLabel{color: #F54336 !important;font-size:1.8em !important;border: none !important;box-shadow: 0 0 2px #FCD6C6;padding: 2px 5px !important;top: -50px !important; }
/*文章内容样式*/
.article-title .title { font-size: 24px; font-weight: bold; line-height: 1.8; margin-bottom: 20px; text-align: center; padding: 20px 0px 15px; color: #387FE3; border-bottom: 1px solid #dddddd; margin: 0 10px; }
.article-title .ftitle { font-size: 16px; text-align: center; color: #333; line-height: 1.8 }
.article-title .info { font-size: 1.4em; line-height: 30px; text-align: center; padding-bottom: 10px; color: #888888; padding-top: 10px; }
.article-title .info .beform { margin-left: 15px; }
.article-title .info span { padding-right: 50px; color: #888888; }
.article-title .info span a { color: #333; }
.article-content { padding: 10px 15px 20px 15px; font-size: 16px; min-height: 500px; }
.article-content p { font-size: 16px; padding: 8px 0; line-height: 1.8; text-indent: 2em; width: 100% !important; }
.article-content a { color: #0F98F2 }
.article-content img { display: block; max-width: 100% !important; height: auto !important; margin: 5px auto; }
.article-content　table { width: 100% !important; }

/* 视频内容样式 */
.video-article{text-align: center;margin-top: 40px;margin-bottom:20px;}
.video-title{position: relative;}
.video-article .video-title h2 {font-size: 2.2em;text-align: center;display: inline-block;font-weight: bold;border:1px solid #FF4C00; padding:15px 35px;color: #FF4C00;position: relative;}
.video-title h2:before,.video-title h2:after{content:'';width: 7px;height: 7px;background-color: #FF7A41;position: absolute;top:50%;margin-top: -3px;}
.video-title h2:before{left: -4px;}
.video-title h2:after{right: -4px;}
.video-title span{display: inline-block;}
.video-title .title-left{width: 66px;height: 46px;background: url(/Public/Home/Default/images/common/title_left.png) no-repeat center;margin-right: 20px;}
.video-title .title-right{width: 41px;height: 25px;background: url(/Public/Home/Default/images/common/title_right.png) no-repeat center;margin-left:20px;}
.video:before{content:"";width: 36px;height: 72px;background: url(/Public/Home/Default/images/common/video_left.jpg) no-repeat center; position: absolute;left: -46px;top: 50px;}
.video:after{content:"";width: 36px;height: 70px;background: url(/Public/Home/Default/images/common/video_right.jpg) no-repeat center; position: absolute;right: -46px;bottom: 50px;}
/*上一篇、下一篇*/
.change-btn { line-height: 30px; padding: 12px 0; position: relative; overflow: hidden; font-size: 1.6em; background-color: #F5F5F5; margin: 0 10px 10px; }
.change-btn div { padding: 3px 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.change-btn a { color: #666666; position: relative; display: block;}
.change-btn a:hover { color: #4587E4; }
.change-btn .prev { float: left; padding-right: 40px; background: url('/Public/Home/Default/images/frame/change_run.png') no-repeat left center; padding-left: 30px; margin-left: 20px; }
.change-btn .prev:hover { background: url('/Public/Home/Default/images/frame/change_lon.png') no-repeat left center; }
.change-btn .prev:hover:after { background-color: #387FE3; }
.change-btn .prev:after { content: ""; width: 1px; height: 20px; background-color: #DCDCDC; position: absolute; left: 43px; top: 50%; margin-top: -10px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.change-btn .next { float: right; padding-right: 30px; margin-right: 20px; background: url('/Public/Home/Default/images/frame/change_lun.png') no-repeat right center; }
.change-btn .next:hover { background: url('/Public/Home/Default/images/frame/change_ron.png') no-repeat right center; }
.change-btn .next:after { content: ""; width: 1px; height: 20px; background-color: #DCDCDC; position: absolute; right: 43px; top: 50%; margin-top: -10px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.change-btn .next:hover:after { background-color: #387FE3; }
.zoomIn { -webkit-animation: zoomIn 1s ease-out; -moz-animation: zoomIn 1s ease-out; -o-animation: zoomIn 1s ease-out; animation: zoomIn 1s ease-out; }
@-webkit-keyframes zoomIn {
    0% {    /* opacity: 0; */
    -webkit-transform: scale(0); transform: scale(0); }
    100% {    /* opacity: 1; */
    -webkit-transform: scale(1); transform: scale(1); }
}
@-moz-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
    100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
}
@-o-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    100% { opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}