@charset "utf-8"; * { margin: 0; padding: 0; } html { height: 100%; } body { font-family: Georgia, Arial, 微软雅黑 !important; background: #f5f0f0 !important; font-size: 14px; height: 100%; } a, a:hover { text-decoration: none !important; outline: none; } .clearfix:after { content: ""; display: block; clear: both; } .clearfix { zoom: 1; } .fl { float: left; } .fr { float: right; } .common_width { width: 1200px; margin: 0 auto; } ul>li { list-style-type: none; } img { border: none; outline: none; } input { outline: none; border: 0; font-family: "微软雅黑"; background: none; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } /*清除苹果按钮样式*/ .btn:focus { outline: none !important; } @font-face { font-family: "KabelCBook"; src: url(KabelC-Book.otf); } ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0, 0, 0, 0.2); } /*------LESS------*/ .bg_pic { background: url(../images/bgbg.jpg) no-repeat center top; height: 390px; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .main .container { width: 1200px; padding: 0; } .header { height: 130px; /*background: url(../images/ab_bg.jpg) no-repeat no-repeat center/cover; */ } .header .logo { height: 60px; box-sizing: border-box; background: url(../images/logo.png) no-repeat left 0 top 18px; } .header .logo a { display: inline-block; height: 100%; width: 228px; float: left; } .header .logo a.soce { width: 188px; } .header .nav { height: 65px; line-height: 65px; position: relative; } .header .nav>ul { margin: 0; width: 100%; position: absolute; top: 0; left: 0; } .header .nav>ul>li { display: inline-block; width: auto; font-size: 15px; float: left; height: 70px; width: 133px; text-align: center; padding: 25px 0; } .header .nav>ul>li>a { color: #222; width: 100%; text-align: center; display: block; height: 20px; line-height: 20px; transition: all 0.2s ease 0.1s; position: relative; top: 3px; } .header .nav>ul>li:hover>a, .header .nav>ul>li.active a { color: #ae0c2a; font-size: 16px; } .header .nav>ul>li>ul>li:hover a { color: #ae0c2a; } .header .nav>ul>li.home { padding-left: 0; } .header .nav>ul>li>ul { background-color: rgba(255, 255, 255, .8); position: relative; z-index: 999; text-align: center; line-height: 50px; font-size: 14px; display: none; top: 25px; padding: 5px 0; /*padding: 12px 0;*/ } .header .nav>ul>li>ul li { line-height: 22px; padding: 10px 0; } /*.header .nav > ul>li:first-child{ padding-left: 20px; background: url(../images/home_btn.png) no-repeat left 5px center; }*/ /*.header .nav > ul > li:nth-child(8)>ul{ width: 94px; }*/ /*.header .nav > ul > li > ul li + li { border-top: 1px solid #7d7b7a; }*/ .header .nav>ul>li+li>a { border-left: 1px solid #bdbbbb; } .header .nav>ul>li>ul li a { color: #333; display: block; } .header form { float: right; border-left: 1px solid #b5b5b5; margin-top: 20px; height: 20px; line-height: 20px; } .header form input[type="text"] { width: 1px; padding: 0 6px; transition: all 0.5s ease 0.1s; } .header form:hover input[type="text"] { width: 142px; padding: 0 12px; } .header form input[type="submit"] { width: 20px; height: 20px; float: right; background: url(../images/search.png) no-repeat center; } .header .bdsharebuttonbox a { height: 20px; width: 20px; display: block; margin-top: 0; margin-bottom: 0; margin-right: 17px; background-position: center center; } .bdsharebuttonbox .bds_weixin { background: url(../images/wechat.png) no-repeat center; } .bdsharebuttonbox .bds_tsina { background: url(../images/sina.png) no-repeat center; } .bdsharebuttonbox .bds_sqq { background: url(../images/qq.png) no-repeat center; } #focus { height: 480px; overflow: hidden; position: relative; /* background-color: #f0f0f0;*/ } #focus .swiper-container { height: 100%; width: 1200px; overflow: hidden; text-align: center; } #focus .swiper-container .swiper-slide>a { display: block; height: 100%; } #focus .swiper-container .swiper-pagination-switch { width: 12px; height: 12px; background-color: #fff; opacity: 1; display: block; float: left; margin-right: 15px; border-radius: 12px; cursor: pointer; } .pagination { top: -50px; position: relative; cursor: pointer; } #focus .swiper-container .swiper-pagination-switch.swiper-active-switch { background-color: #bd1225; } .footer { height: 240px; background: #333 url(../images/abc.png) no-repeat center; box-shadow: 0 -2px 7px 2px #333; } .footer .info { height: 180px; box-sizing: border-box; border-bottom: 1px solid #3c3c3c; font-size: 14px; line-height: 24px; } .footer .info ul { margin: 0; padding: 35px 0 0; float: left; } .footer .info ul li { float: left; width: 98px; } .footer .info ul li a { color: #999; } .footer .info ul li h6 { color: #fff; font-size: 14px; line-height: 24px; margin: 0; text-align: center; } .footer .info ul li p { margin: 0; text-align: center; } .footer .info .rwm_shell { width: 100%; height: 100%; } .footer .info .rwm_shell>.txt { /* height: 110px; */ margin-top: 34px; width: 590px; box-sizing: border-box; padding-left: 30px; float: left; } .footer .info .rwm_shell>.txt h6 { margin-bottom: 6px !important; } .footer .info .rwm_shell>.txt h6 { margin: 0; color: #fff; line-height: 24px; font-size: 16px; } .footer .info .rwm_shell>.txt p { margin: 0; color: #fff; line-height: 24px; font-size: 14px; width: 100%; overflow: hidden; } .footer .info .rwm_shell>.txt p { line-height: 30px; padding-left: 0px; } .footer .info .rwm_shell>.txt p span { display: inline-block; width: 160px; } .footer .info .rwm_shell>.txt p.address { background: url(../images/address.png) no-repeat left top 8px; } .footer .info .rwm_shell>.txt p.tel { /* background: url(../images/tel.png) no-repeat left top 8px;*/ } .footer .info .rwm_shell>.txt p.email { /* background: url(../images/email.png) no-repeat left top 8px;*/ } .footer .info .rwm_shell>.rwm { width: 118px; float: right; margin-right: 20px; margin-top: 25px; text-align: center; } .footer .info .rwm_shell>.rwm img { width: 118px; } .footer .info .rwm_shell>.rwm span { font-size: 12px; line-height: 28px; color: #999; } .footer .copyright span { color: #808080; float: right; line-height: 60px; } .footer .copyright span a { color: #808080; padding-left: 10px; } .footer .copyright .select_top { float: left; width: 180px; height: 32px; box-sizing: border-box; border: 1px solid #898989; border-radius: 3px; margin-top: 14px; color: #999; cursor: pointer; position: relative; } .footer .copyright .select_top.active { border-top-left-radius: 0; border-top-right-radius: 0; } .footer .copyright .select_top.active p span { transform: rotate(180deg); } .footer .copyright .select_top p { line-height: 30px; padding-left: 16px; } .footer .copyright .select_top p span { display: inline-block; width: 30px; height: 30px; background: url(../images/top.png) no-repeat center; transition: all 0.5s ease 0.1s; } .footer .copyright .select_top ul { display: none; position: absolute; bottom: 30px; margin: 0 -1px; width: 100%; line-height: 30px; border: 1px solid #898989; box-sizing: content-box; background-color: #333; border-top-left-radius: 3px; border-top-right-radius: 3px; } .footer .copyright .select_top ul li { padding-left: 16px; } .footer .copyright .select_top ul li a { display: block; color: #999; } .footer .copyright .select_top ul li+li { border-top: 1px dashed #898989; } .main { padding: 0 0 64px; } .container_shell { padding-top: 40px; /* padding-bottom: 34px;*/ /* background: url(../images/container.jpg) no-repeat center/cover;*/ } .main h2 { height: 37px; line-height: 26px; font-size: 24px; padding-left: 34px; font-weight: bold; border-bottom: 1px solid #ccc; margin: 0 0 25px; } .main h2 a { display: inline-block; float: right; height: 37px; line-height: 36px; font-size: 14px; font-weight: bold; color: #bd1225; padding-right: 3px; padding-left: 5px; border-bottom: 1px solid #ae0c2a; font-family: 'Arial'; /*background: url(../images/more.png) no-repeat right 3px center;*/ } .main .notic h2 { background: url(../images/icon7.png) no-repeat left top; } .main .notic ul { margin: 0; /*background-color: #fff; padding: 10px 20px; border-radius: 4px; box-shadow: 1px 1px 5px 2px rgba(162,162,162,.3);*/ } .main .notic ul li { height: 81px; } .main .notic ul li+li { margin-top: 21px; } .main .notic ul li a { display: block; font-size: 16px; height: 100%; color: #666; position: relative; } .main .notic ul li a span.date { display: block; width: 68px; height: 100%; background-color: #f0ebeb; position: absolute; top: 0; left: 0; color: #bd1225; font-weight: bold; font-family: 'Georgia'; text-align: center; } .main .notic ul li a span.date2 { color: #bd1225; height: 100%; width: 66px; background-color: #ebe6e6; text-align: center; position: absolute; top: 0; left: 0; } .main .notic ul li a span.date2 .day { line-height: 42px; font-weight: bold; font-size: 32px; display: block; color: #ae0c2a; } .main .notic ul li a span.date2 .year { font-size: 14px; line-height: 34px; color: #fff; display: block; background-color: #ae0c2a; } .main .notic ul li a .txt { padding-left: 86px; padding-right: 15px; } .main .notic ul li a .txt .w_num { font-size: 14px; color: #666666; padding-left: 30px; background: url(../images/w.png) no-repeat left center; margin-top: 6px; display: block; transition: all 0.2s ease 0.1s; } .main .notic ul li a .txt .w_num em { font-size: 16px; font-style: normal; } .main .notic ul li a p { line-height: 24px; margin: 0; height: 48px; font-size: 14px; color: #333; overflow: hidden; padding-top: 3px; transition: all 0.2s ease 0.1s; } .main .notic ul li:hover p { color: #ae0c2a; } .main .notic ul li:hover .txt .w_num { color: #ae0c2a; background: url(../images/w1.png) no-repeat left center; } .main .news h2 { background: url(../images/icon6.png) no-repeat left top; } .main .news .news_item { height: 305px; margin-bottom: 20px; } .main .news .news_item a { display: block; height: 100%; /*background-color: #fff; border-radius: 4px; box-shadow: 1px 1px 5px 2px rgba(162,162,162,.3);*/ overflow: hidden; } .main .news .news_item a .pic { width: 100%; height: 204px; } .main .news .news_item a .txt { box-sizing: border-box; width: 100%; border-top: 0; } .main .news .news_item a .txt h3 { margin: 0; line-height: 28px; font-size: 16px; color: #333; margin-top: 20px; margin-bottom: 2px; height: 28px; overflow: hidden; } .main .news .news_item a .txt>span { line-height: 28px; font-size: 14px; color: #999; display: block; height: 56px; overflow: hidden; } .main .news .news_item a .txt>p { height: 26px; line-height: 26px; margin: 22px 0 0; } .main .news .news_item a .txt>p span.date { color: #ae0c2a; display: inline-block; padding-left: 24px; font-size: 16px; background: url(../images/date.png) no-repeat left center; } .main .news .news_item a .txt>p span.read { width: 60px; text-align: center; font-size: 14px; color: #fff; display: inline-block; background-color: #bd1225; float: right; border-radius: 4px; } .main .specialty { padding-top: 20px; } .main .specialty h3.tit { height: 28px; line-height: 28px; margin: 0 auto 29px; width: 250px; position: relative; } .main .specialty h3.tit span { display: inline-block; height: 1px; width: 100%; background-color: #de8892; position: absolute; top: 50%; } .main .specialty h3.tit p { font-weight: bold; margin: 0 auto; height: 28px; width: 170px; background: url(../images/icon.png) no-repeat left 20px center; position: relative; z-index: 999; font-size: 24px; text-indent: 60px; } .main .specialty>ul>li { width: 390px; height: 236px; float: left; position: relative; } .main .specialty>ul>li span { position: absolute; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; display: block; bottom: 0px; background-color: #ae0c2a; left: 0; } .main .specialty>ul>li>a { height: 196px; display: block; } .main .specialty>ul>li+li { margin-left: 12px; } .main .specialty .specialty_silde { height: 328px; overflow: hidden; } .main .specialty .specialty_silde .swiper-container { height: 260px; overflow: initial; } .main .specialty .specialty_silde .swiper-container .swiper-slide { height: 100%; } .main .specialty .specialty_silde .swiper-container .swiper-slide a { display: block; height: 100%; text-align: center; color: #fff; font-size: 0; } .main .specialty .specialty_silde .swiper-container .swiper-slide a h6 { padding-top: 60px; height: 20px; line-height: 20px; font-size: 20px; margin: 0; box-sizing: content-box; font-weight: bold; } .main .specialty .specialty_silde .swiper-container .swiper-slide a i { display: inline-block; width: 32px; height: 1px; background-color: #bd1225; margin: 29px 0 22px; } .main .specialty .specialty_silde .swiper-container .swiper-slide a p { margin: 0 0 35px; font-size: 14px; line-height: 28px; padding: 0 30px; text-align: left; height: 168px; overflow: hidden; } .main .specialty .specialty_silde .swiper-container .swiper-slide a span { display: inline-block; width: 90px; height: 30px; box-sizing: border-box; line-height: 28px; font-size: 14px; border: 1px solid #fff; } .main .specialty .specialty_silde .swiper-container .swiper-button-prev, .main .specialty .specialty_silde .swiper-container .swiper-button-next { top: auto; bottom: -50px; width: 80px; height: 12px; font-size: 12px; line-height: 12px; transition: all 0.3s ease 0.1s; } .main .specialty .specialty_silde .swiper-container .swiper-button-prev { left: 50%; margin-left: -320px; background: url(../images/prev.png) no-repeat left center; text-indent: 38px; } .main .specialty .specialty_silde .swiper-container .swiper-button-prev:hover { color: #bd1225; background: url(../images/preva.png) no-repeat left center; } .main .specialty .specialty_silde .swiper-container .swiper-button-next { right: 50%; margin-right: -320px; background: url(../images/next.png) no-repeat right center; } .main .specialty .specialty_silde .swiper-container .swiper-button-next:hover { color: #bd1225; background: url(../images/nexta.png) no-repeat right center; } .main .specialty .specialty_silde .swiper-container .swiper-pagination { position: absolute; bottom: -68px; width: 100%; left: 0; height: 30px; } .main .specialty .specialty_silde .swiper-container .swiper-pagination { font-size: 0; } .main .specialty .specialty_silde .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 50px; height: 6px; opacity: .3; background-color: #bd1225; margin: 0 10px; line-height: 12px; font-family: 'Arial'; font-size: 14px; color: #999; box-sizing: border-box; border-radius: 2px; } .main .specialty .specialty_silde .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } .page_boxshell .page_bg { text-align: center; height: 260px; width: 1400px; margin: 0 auto; background: url(../images/page_bg.jpg) no-repeat center/cover; } .page_boxshell .page_box { padding: 30px 0 50px; } .page_boxshell .page_box>.fl { width: 220px; overflow: hidden; } .page_boxshell .page_box>.fl h3 { padding-left: 0px; text-align: center; background: #bd1225 url(../images/icon2.png) no-repeat left 18px center; height: 50px; line-height: 50px; color: #fff; font-size: 18px; position: relative; z-index: 999; margin: 0; } .page_boxshell .page_box>.fl h3.department { background: #bd1225 url(../images/ppp.png) no-repeat left 18px center; } .page_boxshell .page_box>.fl>ul.left_nav { border: 1px solid #ccc; } .page_boxshell .page_box>.fl>ul.left_nav>li { line-height: 50px; } .page_boxshell .page_box>.fl>ul.left_nav>li a { line-height: 50px; display: block; border-left: 4px solid #f5f0f0; font-size: 16px; color: #737373; padding-left: 0px; text-align: center; transition: all 0.3s ease 0.2s; } .page_boxshell .page_box>.fl>ul.left_nav>li:hover a, .page_boxshell .page_box>.fl>ul.left_nav>li.active a { color: #bd1225; border-left: 4px solid #bd1225; } .page_boxshell .page_box>.fl>ul.left_nav>li+li { border-top: 1px solid #ccc; } .page_boxshell .page_box>.fl>ul.left_nav>li.leve2 em { height: 50px; width: 30px; float: right; display: block; background: url(../images/go.jpg) no-repeat left center; } .page_boxshell .page_box>.fl>ul.left_nav>li.leve2.active>a { z-index: 998; position: relative; border-left: 4px solid #bd1225; } .page_boxshell .page_box>.fl>ul.left_nav>li.leve2 ul { display: none; border-top: 1px solid #ccc; background-color: #f5f5f5; padding: 2px 0; } .page_boxshell .page_box>.fl>ul.left_nav>li.leve2 ul li { /*height: 44px;*/ line-height: 44px; } .page_boxshell .page_box>.fl>ul.left_nav>li.leve2 ul li a { color: #737373; font-size: 14px; line-height: 26px; /*height: 26px;*/ padding: 0 20px; margin: 9px 0; border-left: 4px solid #f5f5f5; transition: all 0.3s ease 0.2s; } .page_boxshell .page_box>.fl>ul.left_nav>li.leve2 ul li:hover a, .page_boxshell .page_box>.fl>ul.left_nav>li.leve2 ul li.active a { color: #bd1225 !important; border-left: 4px solid #bd1225 !important; } .page_boxshell .page_box>.fl>ul.left_nav>li.leve2 ul li+li { margin-top: 6px; } .page_boxshell .page_box>.fl>.info_list { margin-top: 30px; border: 1px solid #ccc; padding: 20px 14px; background: url(../images/icon2.jpg) no-repeat right top; } .page_boxshell .page_box>.fl>.info_list h6 { font-weight: normal; font-size: 14px; background: url(../images/icon3.jpg) no-repeat left center; line-height: 16px; color: #333; padding-left: 24px; margin-bottom: 16px; } .page_boxshell .page_box>.fl>.info_list ul li p { line-height: 30px; color: #bd1225; margin-top: 12px; } .page_boxshell .page_box>.fl>.info_list ul li span { line-height: 26px; padding-left: 17px; color: #666; } .page_boxshell .page_box>.fl>.info_list ul li span.address { background: url(../images/address.png) no-repeat left 1px center; } .page_boxshell .page_box>.fl>.info_list ul li span.phone { background: url(../images/phone2.png) no-repeat left center; } .page_boxshell .page_box>.fr { width: 930px; /*h6{ height: 54px; line-height: 54px; font-size: 22px; color: #262626; font-weight: normal; }*/ } .page_boxshell .page_box>.fr .news>h2 { margin: 0; line-height: 46px; height: 50px; font-size: 24px; } .page_boxshell .page_box>.fr .news>h2 span { color: #bd1225; } .crumbs { height: 40px; line-height: 40px; display: inline-block; margin-bottom: 5px; } .crumbs li { float: left; line-height: 40px; font-size: 14px; } .crumbs li a { color: #666; display: block; } .crumbs li:first-child { padding-left: 27px; background: url(../images/home.png) no-repeat left center; } .crumbs li+li { padding-left: 50px; background: url(../images/twogo.png) no-repeat left 23px center; } .page_boxshell .page_box>.fr .news>ul { margin: 0; } .page_boxshell .page_box>.fr .news>ul li { height: 69px; border-top: 1px solid #ccc; } .page_boxshell .page_box>.fr .news>ul li:last-child { border-bottom: 1px solid #ccc; } .page_boxshell .page_box>.fr .news>ul li a { display: inline-block; width: 100%; height: 100%; box-sizing: border-box; padding: 0 120px 0 10px; position: relative; } .page_boxshell .page_box>.fr .news>ul li a .date { height: 37px; border-radius: 3px; box-sizing: border-box; position: absolute; top: 16px; right: 7px; text-align: center; } .page_boxshell .page_box>.fr .news>ul li a .date span { display: block; } .page_boxshell .page_box>.fr .news>ul li a .date span.year { font-size: 18px; line-height: 37px; float: left; color: #bd1225; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .page_boxshell .page_box>.fr .news>ul li a .date span.month { font-size: 18px; line-height: 37px; float: left; color: #bd1225; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .page_boxshell .page_box>.fr .news>ul li a .date span.day { font-size: 42px; margin-top: 3px; font-weight: bold; line-height: 38px; } .page_boxshell .page_box>.fr .news>ul li a .txt { height: 100%; } .page_boxshell .page_box>.fr .news>ul li a .txt h3 { line-height: 68px; color: #333; font-size: 18px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; } .page_boxshell .page_box>.fr .news>ul li a .txt p { line-height: 28px; color: #8c8c8c; max-height: 56px; overflow: hidden; } .page_boxshell .page_box>.fr .news .normal_content { text-align: justify; } .page_boxshell .page_box>.fr .news .normal_content p { color: #595959; font-size: 16px; line-height: 28px; padding-top: 22px; margin: 0; } .page_boxshell .page_box>.fr .news .normal_content table p { padding: 5px 0; } .page_boxshell .page_box>.fr .news .normal_content>p { text-indent: 2em; } .page_boxshell .page_box>.fr .news .normal_content>p>img { position: relative; left: -2em; } .page_boxshell .page_box>.fr .news .normal_content tr td { line-height: 35px; padding: 5px 15px; font-size: 16px; text-align: center; color: #888; } .page_boxshell .page_box>.fr .news .normal_content img { max-width: 650px; } .page_boxshell .page_box>.fr .news .normal_content .tit { padding-top: 12px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; } .page_boxshell .page_box>.fr .news .normal_content .tit h6 { color: #bd1225; font-size: 22px; line-height: 42px; margin-top: 0; margin-bottom: 10px; } .page_boxshell .page_box>.fr .news .normal_content .tit span.date { height: 34px; line-height: 36px; font-size: 16px; color: #666; display: inline-block; padding-left: 30px; background: url(../images/date2.png) no-repeat left 9px center; } .page_boxshell .page_box>.fr .news .teacher_content { /*border-top: 1px solid #ccc; padding-top: 42px;*/ } .page_boxshell .page_box>.fr .news .teacher_content .fl { width: 125px; margin-left: 20px; } .page_boxshell .page_box>.fr .news .teacher_content .fl .pic { width: 100%; height: 182px; border-radius: 8px; background-size: 100%; overflow: hidden; } .page_boxshell .page_box>.fr .news .teacher_content .fl a { line-height: 50px; display: block; width: 100%; text-align: center; color: #bd1225; font-size: 16px; } .page_boxshell .page_box>.fr .news .teacher_content .fr { width: 785px; box-sizing: border-box; padding-left: 50px; padding-top: 12px; } .page_boxshell .page_box>.fr .news .teacher_content .fr p { line-height: 36px; margin: 0; font-size: 16px; } .page_boxshell .page_box>.fr .news .teacher_content .fr p span { color: #666; } .page_boxshell .page_box>.fr .news .zrjs { padding-bottom: 30px; } .page_boxshell .page_box>.fr .news .zrjs .zrjs_item { width: 750px; } .page_boxshell .page_box>.fr .news .zrjs .zrjs_item p.tit { margin: 0 0 0; line-height: 42px; border-bottom: 1px solid #bd1225; float: left; color: #bd1225; font-size: 22px; padding: 0 3px 0 30px; background: url(../images/zrjs1.png) no-repeat left 2px center; } .page_boxshell .page_box>.fr .news .zrjs .zrjs_item ul { margin: 0; } .page_boxshell .page_box>.fr .news .zrjs .zrjs_item ul li { float: left; height: 20px; line-height: 20px; margin-top: 36px; width: 150px; } .page_boxshell .page_box>.fr .news .zrjs .zrjs_item ul.download li { width: 300px; } .page_boxshell .page_box>.fr .news .zrjs .zrjs_item ul li a { display: block; font-size: 16px; color: #333; padding-left: 29px; background: url(../images/zrjs2.png) no-repeat left 3px center; } .page_boxshell .page_box>.fr .page_nav { height: 30px; margin-top: 40px; font-size: 14px; color: #666; line-height: 30px; } .page_boxshell .page_box>.fr .page_nav span { height: 30px; float: left; } .page_boxshell .page_box>.fr .page_nav a { color: #666; padding: 0 12px; height: 30px; float: left; transition: all 0.3s ease 0.2s; } .page_boxshell .page_box>.fr .page_nav a:hover { color: #bd1225; } .page_boxshell .page_box>.fr .page_nav form { display: inline-block; height: 30px; box-sizing: border-box; border-radius: 3px; float: left; } .page_boxshell .page_box>.fr .page_nav form input[type="text"] { display: inline-block; width: 44px; height: 28px; float: left; padding: 0 8px; } .page_boxshell .page_box>.fr .page_nav form input[type="submit"] { display: inline-block; width: 34px; height: 28px; float: left; background-color: #bd1225; line-height: 28px; color: #fff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .page_box .page_boxshell>.fl>ul.left_nav>li.leve2 em { height: 50px; width: 30px; float: right; display: block; background: url(../images/go.jpg) no-repeat left center; } .page_box .page_boxshell>.fl>ul.left_nav>li.leve2.active>a { box-shadow: 0px 2px 5px 1px #ddd; z-index: 998; position: relative; border-left: 4px solid #0c8188; } .page_box .page_boxshell>.fl>ul.left_nav>li.leve2 ul { display: none; border-top: 1px solid #ccc; background-color: #f5f5f5; } .page_box .page_boxshell>.fl>ul.left_nav>li.leve2 ul li { height: 44px; line-height: 44px; } .page_box .page_boxshell>.fl>ul.left_nav>li.leve2 ul li a { color: #737373; font-size: 14px; line-height: 44px; height: 44px; border-left: 4px solid #f5f5f5; transition: all 0.3s ease 0.2s; } .page_box .page_boxshell>.fl>ul.left_nav>li.leve2 ul li:hover a { color: #0c8188; border-left: 4px solid #0c8188; } .page_box .page_boxshell>.fl>ul.left_nav>li.leve2 ul li+li { margin-top: 6px; } .swiper_nav { margin: 0 auto; width: 1200px; height: 60px; position: absolute; top: 50%; left: 50%; margin-left: -600px; margin-top: -30px; } .swiper_nav .s_btn_prev { width: 60px; height: 60px; background-color: rgba(0, 0, 0, .4); position: relative; z-index: 999; float: left; border-radius: 60px; transform: rotate(45deg); cursor: pointer; margin-left: -86px; } .swiper_nav .s_btn_prev span { display: block; height: 100%; width: 100%; transform: rotate(-45deg); background: url(../images/prev1.png) no-repeat center; } .swiper_nav .s_btn_next { width: 60px; height: 60px; background-color: rgba(0, 0, 0, .4); position: relative; z-index: 999; float: right; border-radius: 60px; transform: rotate(45deg); cursor: pointer; margin-right: -86px; } .swiper_nav .s_btn_next span { display: block; height: 100%; width: 100%; transform: rotate(-45deg); background: url(../images/next1.png) no-repeat center; } /*教师页面更多*/ .teacher_more { border-top: 2px solid #b21635; padding-top: 30px; position: relative; } .teacher_more p { line-height: 26px; color: #888; max-width: 760px; } .teacher_more p strong { color: #b21635; } .teacher_more td { line-height: 26px; color: #888; padding-right: 30px; } .teacher_more>img.touxiang { width: 120px; height: 160px; position: absolute; top: 30px; right: 10px; } .swiper-slide { width: 1200px; } .page_boxshell .common_width { width: 1200px; } .page_boxshell .page_box>.fl>ul.left_nav>li>a { height: 26px; line-height: 26px; margin: 12px 0; } #bdshare_weixin_qrcode_dialog { box-sizing: content-box; } /*国际教育方面的更新*/ .page_boxshell .page_box>.fr .you_link .col-md-6 a { border: 1px solid #ccc; display: block; } .page_boxshell .page_box>.fr .you_link .col-md-6 .pic { height: 305px; } .page_boxshell .page_box>.fr .you_link .col-md-6 p { background-color: #bd1225; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 18px; margin: 0; } .mask { width: 100%; height: 100%; background: url(../images/bgbg.png) repeat center; position: fixed; top: 0; left: 0; z-index: 98; display: none; } .point_out { width: 600px; height: 300px; background-color: #fff; border-radius: 4px; position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -300px; text-align: center; color: #888; z-index: 99; display: none; } .point_out a span { background-color: #0086f9; display: inline-block; color: #fff; font-size: 14px; line-height: 28px; padding: 0 15px; border-radius: 3px; margin: 20px auto 0; text-decoration: none; } .point_out a { display: inline-block; width: 185px; display: inline-block; } .point_out p { padding: 0 60px; line-height: 30px; margin-bottom: 30px; margin-top: 16px; } .mobileNav { display: none; } .ywtdItemBox { margin-bottom: 20px; } .ywtdTit { width: 100%; background: url(../images/ywtdTit.png) no-repeat left center; height: 54px; position: relative; display: flex; align-items: center; padding: 0 15px; margin: 20px 0; } .ywtdTit span { color: #fff; font-size: 18px; border-left: 6px solid #fff; padding-left: 15px; } .ywtdItems { width: 100%; display: flex; justify-content: flex-start; gap: 22px; flex-wrap: wrap; } .ywtdItem { flex: 0 0 45%; padding: 15px; border: 2px solid #e1e0e0; border-radius: 2px; display: flex; justify-content: space-between; overflow: hidden; } .ywtdItem i { width: 128px; height: 164px; flex-shrink: 0; margin-right: 8%; } .ywtdItem .ywtdCon { flex: 1; overflow: hidden; display: flex; justify-content: space-evenly; flex-direction: column; } .ywtdItem .ywtdCon h6 { display: flex; justify-content: flex-start; align-items: center; } .ywtdItem .ywtdCon h6 p { color: #333; font-weight: bold; font-size: 18px; padding-top: 0!important; } .ywtdItem .ywtdCon h6 span { color: #AE0C2A; font-size: 16px; padding-left: 12px; } .ywtdItem .ywtdCon>p { color: #666; font-size: 14px; padding-top: 0!important; } @media screen and (max-width: 768px) { .mobileNav { display: block; } .pcNav { display: none; } body { overflow-x: hidden; } .main .specialty>ul>li>a { height: 100%; } .normal_content table { width: 100% !important; table-layout: fixed; } .page_boxshell .page_box>.fr .news .normal_content table p { word-wrap: break-word; font-size: 14px; } .page_boxshell .page_bg .crumbs li { font-size: 13px; line-height: 70px; } .page_boxshell .page_bg .crumbs li+li { padding-left: 25px; background: url(../images/twogo.png) no-repeat left 9px center; } .page_boxshell .common_width { width: 100%; } .page_boxshell .page_box>.fr .news>ul li a { padding: 0; } .header .nav>ul>li:first-child { padding-left: 0; background: none; } .main .news .news_item { height: auto; } .main .specialty>ul>li { width: 100%; margin-bottom: 20px; height: 230px; } .main .specialty>ul>li+li { margin-left: 0; } .main .notic ul li a p { width: 80%; } .swiper_nav { display: none; } .footer .info>ul { display: none; } .page_boxshell .page_box>.fr .news .zrjs .zrjs_item { width: 100%; } .page_boxshell .page_box>.fr .news .zrjs .zrjs_item ul li { width: 33.33%; } .common_width { width: 100%; } .header { height: auto; background: none; } .header .logo { height: 80px; background: url(../images/min_logo.png) no-repeat center top 25px; float: none; } .header .nav>ul>li+li>a { border-left: 0; } .header .logo a.ruc { display: none; } .header .logo a.soce { width: 100%; } .header .nav { height: 120px; padding: 0 0 15px; text-align: center; margin-top: 40px; } .header .logo .clearfix { width: 274px; margin: 0 auto; } .header form input[type="text"] { width: 142px; } .header .nav>ul>li { width: 25%; height: 40px; line-height: 40px; text-align: center; } .header .nav>ul>li>a { font-size: 14px; margin: 0; } .header .nav form { float: left; margin-left: 15px; } .page_boxshell .page_bg { height: 70px; width: 100%; } .page_boxshell .page_box { padding: 30px 15px 50px; } .page_boxshell .page_box>.fl, .page_boxshell .page_box>.fr { width: 100%; } .page_boxshell .page_box>.fr .news>ul li a .date { display: none; } .page_boxshell .page_box>.fr .news>ul li a .txt { padding: 0; } .footer { height: auto; padding: 0 15px; } .footer .info { height: auto; padding-bottom: 15px; } .footer .info ul li { width: 33.3333333333%; text-align: center; margin-bottom: 10px; } .footer .info ul li p { display: none; } .footer .info .rwm_shell { width: 100%; } .footer .info .rwm_shell>.txt { border: 0; padding-left: 10px; margin: 20px; width: 100%; } .footer .info .rwm_shell>.rwm { float: left; padding-left: 30px; margin-top: 6px; box-sizing: content-box; } .footer .info .rwm_shell>.rwm span { display: block; width: 100%; } .footer .copyright span { line-height: 22px; padding: 15px 0; } .page_boxshell .page_box>.fr .news .normal_content img { max-width: 100%; } .page_boxshell .page_box>.fr>.news { padding-top: 20px; } .page_boxshell .page_box>.fr>.news>h2 { height: auto; } .page_boxshell .page_box>.fr .news h2 .crumbs { float: right; padding-top: 0; padding-bottom: 15px; } .page_boxshell .page_box>.fr .news .teacher_content .fr { width: 100%; padding-left: 20px; } #focus .swiper-container, #focus, .swiper-slide { height: 220px; width: 100%; } .main .container { width: 100%; padding: 0 15px; } .main .container .news, .main .news .news_item+.news_item { margin-top: 30px; width: 100%!important; } .main .specialty { padding: 0 15px 0; margin-top: 30px; } .main { padding: 0; } .teacher_more>img.touxiang { width: 105px; height: 150px; } .main .specialty .specialty_silde .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 45px; } .teacher_more .sm_box p { max-width: 210px; } .main .notic { width: 100%!important; } .ywtdItems { display: block; } .ywtdItem+.ywtdItem { margin-top: 10px; } }