/*内页 右侧列表*/
.list{margin:30px 0 50px 0;}
.list_ul{border:1px solid #ccc;overflow:hidden;}
.page_list_tit{height:40px;line-height: 40px;color:#FFF;background: #135eb4;}
.page_list_tit p{font-size:16px;margin:0 20px;background: url(../images/list_bj.png) center center no-repeat;width:92px;text-align:center;}
.page_list{padding:10px;height:750px;overflow: hidden;}
.page_list li{line-height:34px;height: 34px;border-bottom:1px dashed #ccc;padding:0 30px;width:100%;background: url(../images/li.png) 10px center no-repeat;}
.page_list li a{color:#333;}
.page_list li a:hover{color:#337ab7;}
.page{margin:20px 128px;}
.page span{border:1px solid #999;color:#000;padding:0 5px;}
.page span.blue{border:1px solid #999;color:#fff;background: #1777e6;}
body{font-family: '微软雅黑';word-break: break-all;}
#ad_4{z-index:9999;}
li{list-style: none;}
a:hover{text-decoration: none;}
.none{display:none;}
.block{display:block;}
.ell{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;display:block;}
/*顶部*/
.top{background: url(../images/top.jpg); height:140px;}
.logo img{width:718px;}
/*如果文档宽度小于 718 */
@media screen and (max-width: 718px){.logo img{width:550px;}}
.navbar{margin-bottom:0; border-bottom:0; background: #f8f8f8; z-index:0;}
.navbar-header{background: #0087FF;}
.navbar-brand{padding: 8px 15px;}
.navbar-toggle{border:1px solid #23B6FF;}
.navbar-toggle span{background:#23B6FF;}
.navbar .navbar-nav a{color:#333; padding: 16px 18px; font-size: 16px;}
.navbar .navbar-nav a:hover,.navbar .navbar-nav a:focus{color:#fff; background-color:#0c77c6;}
/*搜索*/
.icon-sousuo{background: url(../images/icon.png) no-repeat 0px -286px; position: absolute; left: 8px; top: 7px; font-size: 24px; color: #888888; width: 18px; height: 18px;}
.top-search{height: 30px; position: relative; width: 259px;}
.top-search input{font-family: "Microsoft YaHei"; float: left; width: 203px; height: 30px; line-height: 30px; border: 1px solid #dddddd; padding-left: 33px; margin-right: 1px; font-size: 12px;}
.top-search button{background: #2994f7; color: #fff; position: absolute; right: 0px; top: 0px; display: block; width: 57px; height: 30px; text-align: center; line-height: 30px;}
.search{margin-top:30px;}
.search .top-search{margin-top:16px;}
.list_info{overflow: hidden; margin-bottom: 20px;}
.list_info .con ul{height:238px; overflow: hidden;}
.list_info .title ul li,.list_info .title ul li a{color:#2377b3; font-size:16px; font-weight:bold;}
.list_info .title{border-bottom: 1px solid #a0a0a0; line-height: 39px; position: relative; margin-bottom:10px;}
.list_info ul{margin:0; padding:0;}
.list_info .title ul li{display:inline-block; margin-bottom:-1px; margin-right:20px;}
.list_info .title ul li.tab{border-bottom: 4px solid #2377b3;}
.list_info .title .more{position: absolute; right:0; bottom:0;}
.list_info .con ul li{line-height: 30px; height: 30px; background: url(../images/icon.png) no-repeat 0px -112px; padding-left:20px; font-size: 13px;}
.list_info .con ul li a{color:#313030; width:68%; float: left;}
.list_info .con ul li i{float: right; font-style:normal;}
.list_info .con ul li a:hover{color:#23527c; text-decoration: none;}
.list_img img{margin:0 auto; display:block; margin-top:20px;}
.list_img a{width:100%;}
a.icon_con{text-decoration: none;}
.icon_con p{font-size:14px; color:#333; line-height: 30px; margin:0;}
.icon_box{height:53px;}
.icon_box i{font-size: 30px; font-style: normal; color:#fff; line-height:53px;}
.icon_con img{margin-top:11px;}
.icon_con .b{background:#2377b3;}
.icon_con .b:hover{background:#4da5e4}
.icon_con .g{background:#20c068;}
.icon_con .g:hover{background:#41d885;}
.list_info .pic a{margin:0 auto; display:block;}
.list_info .pic img{border:1px solid #ccc; width:140px; height:140px; display:block;}
@media screen and (max-width: 768px){/* .list_info .pic img{margin:20px auto;}*/ .list_info .pic{text-align: center;}}
.list_info .pic .name{font-size: 14px; color:#2187d0; text-align: center; margin-bottom:0;}
.list_info .pic .text{font-size: 12px; color:#4a4a4a;}
.list_info .pic a.row > div{padding:0;}

.special_tab{height: 80px;}
.special_tab .tempWrap{width:100% !important}
.special_tab .bd li{width: 270px;height: 80px;margin-right: 20px;}
.special_tab .bd li img{width:100%;height:100%}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper{position: absolute; top: 0; right: 0; left: 0; z-index: 20;}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container{padding-right: 0; padding-left: 0;}
.navbar-wrapper .navbar{padding-right: 15px; padding-left: 15px;}
.navbar-wrapper .navbar .container{width: auto;}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel{height: auto; margin-bottom: 30px;}
/* Since positioning the image, we need to help out the caption */
.carousel-caption{z-index: 10;}
/* Declare heights because of positioning of img element */
.carousel .item{background-color: #777;}
.carousel-inner > .item > img{/*position: absolute;*/ top: 0; left: 0; width: 100%; height: 476px;}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4{margin-bottom: 20px; text-align: center;}
.marketing h2{font-weight: normal;}
.marketing .col-lg-4 p{margin-right: 10px; margin-left: 10px;}
/* Featurettes
------------------------- */
.featurette-divider{margin: 80px 0; /* Space out the Bootstrap <hr> more */}
/* Thin out the marketing headings */
.featurette-heading{font-weight: 300; line-height: 1; letter-spacing: -1px;}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px){/* Navbar positioning foo */ .navbar-wrapper{margin-top: 20px;}
.navbar-wrapper .container{padding-right: 15px; padding-left: 15px;}
.navbar-wrapper .navbar{padding-right: 0; padding-left: 0;}
/* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar{border-radius: 4px;}
/* Bump up size of carousel content */
.carousel-caption p{margin-bottom: 20px; font-size: 21px; line-height: 1.4;}
.featurette-heading{font-size: 50px;}}
@media (min-width: 992px){.featurette-heading{margin-top: 120px;}}
.footer{background:#0c5693; line-height: 22px; padding-top: 20px;}
.footer .sel{margin-bottom:14px;}
.footer .sel .text{line-height: 34px;}
.footer select{border-radius:1px;}
.footer select option{line-height:14px;}
.footer,.footer a{color:#fff;}
.footer a{display: inline-block;}
@media (max-width: 768px){.footer select{margin-bottom:10px;}}
.picMarquee-left{overflow:hidden; position:relative; border:1px solid #ccc;margin-top:20px;margin-bottom:50px;}
.picMarquee-left .bd{padding:10px 20px;float:left;}
.picMarquee-left .bd ul{overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{width:150px;height:120px;margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picMarquee-left .bd ul li .pic{text-align:center;}
.picMarquee-left .bd ul li .pic img{width:150px; height:120px; display:block; padding:2px; border:1px solid #ccc;}
.picMarquee-left .bd ul li .pic a:hover img{border-color:#999;}
.pci-scrolling{float:left;height:140px;margin-right:20px;}
@media (min-width: 992px){.pci-scrolling{margin-top:20px;}}
@media (max-width: 992px){.carousel{height:340px;}
.carousel .carousel-inner > .item > img{height: auto; width:200%; margin-left:-50%;}
.carousel .item{height: 340px;}}
@media (max-width: 768px){.carousel{height:240px;}
.carousel-inner > .item > img{height:240px;}
.carousel .item{height: 240px;}}
@media (max-width: 550px){.carousel{height: auto;}
.carousel-inner > .item > img{height:200px;}
.carousel .item{height: auto;}}
.left-page .title{height: 100px; background: #016dbd; color: #fff; text-align: center; line-height: 100px; font-size: 24px; margin-top:-70px;}
.left-page .con{padding:0; padding-top:10px; border:1px solid #ccc;}
.left-page .con li a:focus,.left-page .con li a:hover, .left-page .con li a.current{background: #2187d0; color: #fff;}
.left-page .con li a{display: block; text-align: center; height: 54px; line-height: 54px; color: #5d5d5d; margin: 1px 0px; font-size: 16px;}
.right-page-list{margin-top:20px;}
.right-page-list .con li{margin:10px 0;}
.right-page-list .con li a{font-size: 13px;}
.right-page-list .con ul{height:auto;}
.right-page-list .crumbs-nav{position: absolute; top: 0px; right: 0px; background: url(../images/icon.png) no-repeat 0px -186px; padding-left: 23px;}
.right-page-list .crumbs-nav ul li{float: left; color: #5d5d5d; font-weight:400;}
.right-page-list .crumbs-nav ul li a,
.right-page-list .crumbs-nav ul li span{font-size: 14px; color: #5d5d5d; font-weight:400;}
.right-page-list .crumbs-nav ul li a:hover{color: #2187d0; text-decoration: underline;}
.right-details{padding: 39px 0px 70px 0px; overflow: hidden;}
.right-details h3{color: #016dbd; font-size: 18px; text-align: center; margin: 0px 15px; border-bottom: 1px solid #898989; padding-bottom: 16px;}
.right-details .tools{color: #4f4f4f; font-size: 12px; margin-top: 23px; text-align: center; margin-bottom: 30px;}
.right-schools li{width: 240px; height: 232px; margin-right: 36px; float: left; margin-bottom: 24px;}
.right-schools li{width: 240px; margin-right: 36px; float: left; margin-bottom: 24px;}
.right-schools li a{color: #5d5d5d;}
.right-schools li a p{text-align: center; margin-top: 14px;}
.swiper-container,.swiper-container img{width:100%;height: 230px;}
.swiper-slide{text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper_box{width:100%;height:230px;padding-bottom:16px;background:url(../images/s_bottom.png) no-repeat center bottom;overflow:hidden;position: relative;}
.swiper-pagination-box{width:100%;height:36px;line-height: 36px;background: rgba(0,159,233,0.8);position:absolute;bottom:0;right :0;}
.swiper-pagination-box a.ell{width:180px;margin-left:10px;color:#fff;font-size: 14px;}
/*浮层*/
.leixing{overflow: hidden;}
.leixing{width: 100%;height: auto;margin-bottom: 10px;}
.leixing p{font-size: 14px;color: #666666;margin-bottom: 2px;}
.leixing input[type='text']{width: 278px;height: 33px;border: 1px solid #d6dddf;border-radius: 5px;padding-left: 5px;padding: 0;margin-bottom: 0;}
.leixing input[type='text'].buchong{height: 70px;}
.leixing ul li{float: left;width: 88px;border: 1px solid #e4e8ec;border-radius: 5px;height: 38px;line-height: 38px;text-align: center;margin-left: 5px;margin-bottom: 10px;font-size: 14px;cursor: pointer;}
.leixing ul li.current{border-color: #0a67e1;background: url(/sitefiles/services/cms/images/jiaobiao.jpg) no-repeat bottom right;}
.leixing ul li input[type='radio']{display:none;}
.leixing ul li.Nomargin{margin-left: 0;}
.leixing ul{float: left;margin: 0;padding: 0;list-style: none;border: 0;font-family: '微软雅黑';}
.input[type='submit']{display: block;width: 120px;height: 35px;line-height: 35px;text-align: center;background: #3579d6;color: #fff;margin: 10px auto 0;}
/*feedback*/
.feedback-title{color: #434343; font-size: 14px;}
.feedback-title em,
.formArea-ipt-box{color: #9d0909;}
.formArea-box .item{float: left; text-align: left; padding-right: 10px; height: 44px; padding-top: 6px; height: 43px\9; _height: 44px; _padding-top: 8px; line-height: 20px; font-size: 14px; color: #434343; font-size: 14px; width: 60px;}
.ipt_box{float: left; width: 306px; height: 50px; position: relative;}
.formArea-ipt-box{float: left; height: 44px; position: relative;}
.feedback-txt{width: 324px; height: 31px; border: 1px solid #c4c4c4; margin-right: 25px;}
.feedback-title{margin-top: 34px; margin-bottom: 24px;}
.formArea-control{width: 494px; height: 115px; float: left; resize: none; border: 1px solid #c4c4c4; border-radius: 0px;}
.formArea-ipt-control{height: 115px;}
.formArea-ipt-control em{margin-top: 53px; display: inline-block; margin-left: 25px;}
.formArea-control-box{margin-bottom: 28px;}
.formArea-control-list{width: 775px; height: 143px; border: 1px solid #c4c4c4; padding: 7px 11px; margin-bottom: 6px;}
.formArea-title{color: #313030; font-size: 12px; margin-bottom: 17px;}
.formArea-title em{color: #2187d0;}
.formArea-txt{position: relative;}
.formArea-time{position: absolute; left: 0px; top: 0px; color: #313030; font-size: 12px; line-height: 22px;}
.formArea-txt p{font-size: 12px; margin-left: 130px; color: #313030; line-height: 22px;}
.formArea-txt p .formArea-name{color: #2187d0;}
.formArea-replay{margin-top: 7px;}
.formArea-margin{margin-bottom: 34px;}
.right-page-list p img{display: block; max-width: 95%; margin: 5px auto;}
.container-fluid.page_ban{padding: 0; width: 100%; overflow: hidden}
.container-fluid.page_ban > img{width: 100%}
@media (max-width: 900px){.container-fluid.page_ban > img{width: 200%; margin-left: -50%;}}
/*footer*/
.weixin_con{position: absolute; width: 280px; height: 280px; padding: 10px; background: #fff; border-radius: 6px; z-index: 99999; display: none; top: -316px; left: -60px; border: 1px solid #ddd;}
.weixin_con img{width:280px;height: 280px;position: absolute;top:50%;left:50%;margin-left:-140px;margin-top:-140px;}
/*教师风采*/
.ter-mien .ul a{width: 140px;float: left;margin:0 19px;height:186px;}
.stu-mien .ul a{width: 140px;float: left;margin:0 19px;height:186px;}
.station-sub a{margin-top: 10px;}
#video{margin:0 auto;}
.index_video{width:100%;height:100%;object-fit: fill;}