@charset "utf-8"; /* CSS Document */ body { background-color: #f2f3f5 } .ul-inline { font-size: 0; overflow: hidden; margin: 0 -15px; } .ul-inline li { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; } .subBanner { width: 100%; overflow: hidden; position: relative; max-width: 1920px; margin: 0 auto; position: relative; *zoom: 1; clear: both; } .subBanner span { display: block; width: 100%; height: 0; padding-bottom: 21.875%; overflow: hidden; } .subBanner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 161px; z-index: 0; background: url(../images/bannertop_bg.png) repeat-x; } .subPage { width: 1200px; margin: 80px auto 0; position: relative; min-height: 400px; } .subLeft { width: 250px; float: left; margin-top: 10px; } .subLeft.currents { top: 90px; left: 50%; margin-left: -700px; } .subLeftTitle { background: url(../images/titile_bg.png) no-repeat right center #00366f; height: 50px; background-color: #00366f; color: #fff; line-height: 50px; font-size: 20px; text-align: center; } .subLeft ul { background-color: #fff; padding-bottom: 250px; border-left: 6px solid #00366f; } .subLeft li { line-height: 25px; font-size: 16px; position: relative; padding: 0 0 0 36px; border-bottom: 1px solid #e5e6e3; } .subLeft li a { display: block; padding: 16px 6px; color: #666; } .subLeft li a:before { content: ''; width: 14px; background-color: #00366f; height: 0; left: 0; top: 50%; position: absolute; transition: all 0.3s ease-in-out; } .subLeft li>a:hover, .subLeft li>a.active { color: #00366f; } .subLeft li>a { padding-right: 20px; } .subLeft li>a:hover:before, .subLeft li>a.active:before { width: 14px; height: 100%; top: 0 } .subLeft li .toggles { position: absolute; right: 0; top: 0; height: 25px; display: block; padding: 16px 0; width: 40px; cursor: pointer; z-index: 999; font-size: 28px; color: #bfbfbf; text-align: center; } .subLeft .second_nav { display: none; } .subLeft .second_nav dd a { border-bottom: 1px solid #e6e6e6; display: block; padding-left: 30px; font-size: 18px; padding: 10px 10px 10px 30px; font-size: 14px; position: relative; } .subLeft .second_nav dd a:before { content: ''; width: 0; height: 0; border-width: 4px 0 4px 5px; border-style: solid; border-color: transparent transparent transparent #b8c1cc; position: absolute; left: 14px; top: 20px; background: none; } .subLeft .second_nav dd a:hover { color: #00366f; } .subLeft .second_nav dd:first-child { border-top: none; } .asideBottom { width: 100%; overflow: hidden; margin-top: 10px; } /*移动端二级导航开始*/ .phone_subNav { margin: 15px 0 0; } .phone-icon01 { width: auto; height: 40px; display: block; } .sub_navm { width: 100%; overflow: hidden; display: none; } .sub_navm ul { background-color: #f5f5f5; text-align: left; width: 100%; overflow: hidden; } .sub_navm li { border-bottom: 1px solid #e6e6e6; width: 100%; overflow: hidden; position: relative; } .sub_navm li .phone_toggle { position: absolute; right: 0; top: 0; width: 46px; height: 45px; text-align: center; line-height: 45px; font-size: 22px; cursor: pointer; } .sub_navm li a { font-size: 14px; padding-left: 13px; height: 45px; line-height: 45px; display: block; width: 100%; float: left; } .sub_navm li dd a { height: 35px; line-height: 35px; font-size: 12px; padding-left: 0; } .sub_navm li.sub_has span { margin-left: 10px; } .sub_navm li.on a { color: #003c7f; float: left; overflow: hidden; } .sub_navm dl { display: none; background-color: #fff; overflow: hidden; width: auto; clear: both; } .sub_navm dl dd { padding-left: 30px; line-height: 18px; overflow: hidden; border-bottom: 1px solid #e6e6e6; } .sub_navm dl dd:last-child { border-bottom: none; } .sub_navm li.on dl dd a { font-size: 13px; color: #444; font-weight: normal; display: inline; border: none; padding: 0px; float: left; } .sub_navm li.on { border-bottom: none; } .sub_navm li strong { float: right; width: 30px; height: 35px; line-height: 35px; text-align: center; color: #b8b8b8; font-size: 18px; } .phone_subNav { display: none; } .phone-icon01 { text-align: center; display: block; } .phone_subNav .mobile-inner-header-icon { display: block; height: 40px; color: #fff; width: 100%; margin-right: 0; font-size: 16px; line-height: 40px; box-sizing: border-box; padding: 0 15px; text-align: left; } .phone_subNav .mobile-inner-header-icon-out { background: url(../images/open.png) no-repeat right center #00366f; } .phone_subNav .mobile-inner-header-icon-click { background: url(../images/close.png) no-repeat right center #d6dfe9; color: #00366f; } .phone_subNav { width: 100%; overflow: hidden; } .phone_subNav .mobile-inner-header-icon span { background-color: #6a1305 } .sub_right { margin-left: 280px; } .articleList03 { padding: 20px 30px; background-color: #fff; overflow: hidden; } .bread { width: 100%; height: auto; line-height: 20px; color: #787878; padding: 15px 0; overflow: hidden; } .bread span { float: left; font-weight: normal; color: #999; } .bread span a { color: #999; } .bread a:hover { color: #0f5035; } /*8797威尼斯老品牌*/ .subPage { width: 1200px; margin: 0 auto 27px; } .articleTitle03 { font-size: 20px; padding-bottom: 30px; } .articleTitle04 { padding: 0 0 20px 20px; box-sizing: border-box; position: relative; font-size: 18px; color: #00366f; } .articleTitle04 h2 { font-weight: normal; } .articleTitle04::before { content: ''; display: block; width: 8px; height: 8px; border: 1px solid #00366f; border-radius: 50%; top: 7px; position: absolute; left: 0; } .articleTitle05{ margin-bottom: 10px; } .articleTitle05 span { font-size: 16px; font-weight: bold; display: inline-block; background: #00366f; padding:10px 20px; box-sizing: border-box; color: #fff; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .butbox { padding: 30px; box-sizing: border-box; margin-bottom: 30px; background: #f7f8fa; border-radius: 10px; margin-left: 20px; } .list05add{ padding: 30px 30px 20px; box-sizing: border-box; background: #f7f8fa; margin-bottom: 40px; } .btbu-list05add li{width: 50%;margin-bottom: 30px;vertical-align: top;} .btbu-list05add a{ display: block; padding: 0 0 10px 20px; box-sizing: border-box; border-bottom: 1px dashed #dbdbdb; margin: 0 15px; position: relative; transition: all .3s ease-in-out; } .btbu-list05add li:hover a{ transform: translateX(5px); } .btbu-list05add li:hover span{ color: #00366f; } .btbu-list05add a::before{ content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; border: 1px solid #00366f; position: absolute; left: 0; top: 4px; } .btbu-list05add a span{ font-size: 16px; line-height: 18px; color: #333; } .btbu-article {} .btbuGenImg { float: left; padding: 0 20px 10px 0; } .subMenu { width: 100%; overflow: hidden; border-top: 1px solid #d9d9d9; margin-bottom: 30px; padding-bottom: 3px; position: relative; } .subMenu:before { content: ''; width: 100%; height: 1px; bottom: 2px; left: 0; position: absolute; background-color: #d9d9d9 } .subMenu li { padding: 0 20px; float: left; line-height: 1.5; font-size: 16px; font-weight: bold; } .subMenu li>a { padding: 12px 0; display: block; position: relative; } .subMenu li.active>a, .subMenu li:hover>a { color: #00366f; } .subMenu li>a:before { content: ''; width: 0; height: 4px; background-color: #00366f; position: absolute; bottom: -2px; left: 50%; transition: all 0.3s ease-in-out; } .subMenu li.active>a:before, .subMenu li:hover>a:before { left: 0; width: 100% } /*学校领导*/ .leader_Top { font-size: 0; } .leader_Top .leaderInner { width: 45.8%; display: inline-block; } .leader_Top .leaderInner:nth-child(2) { float: right; } .leader_Top li p { font-size: 14px; } .leaderTitle { margin: 15px 0; } .leaderTitle span { display: inline-block; *display: inline; *zoom: 1; background-color: #00366f; height: 40px; padding: 0 15px; color: #fff; line-height: 1.5; font-size: 16px; color: #fff; font-weight: normal; line-height: 40px; min-width: 70px; text-align: center; } .leader_lf { width: 45.8%; float: left; } .leaderList {} .leaderList li { margin-bottom: 25px; overflow: hidden; } .item-img04 { width: 118px; float: left; border: 1px solid #91c0f2; } .item-img04 .imgResponsive { padding-bottom: 136.67%; } .item-txt04 { margin-left: 135px; overflow: hidden; display: block; } .item-txt04 h3 { font-size: 16px; color: #00366f; margin-bottom: 18px; } .item-txt04 p { line-height: 22px; color: #666; height: 180px; overflow: hidden; } .leaderInner { /* padding-bottom: 20px; */ } .leader_rt { width: 45.8%; float: right; } /*历史沿革*/ .btbu-history { width: 100%; overflow: hidden; text-align: center; padding-bottom: 35px; } /*历任领导*/ .leader_lf02 { width: 41.18%; float: left; } .leaderTitle2 { margin-top: 0 } .leaderTitle2 span { min-width: 156px; padding-right: 20px; border-radius: 0 20px 20px 0; margin-left: 20px; } .leaderList02 { margin: 0 -15px; padding-top: 5px; overflow: hidden; } .leaderList02 li { width: 50%; float: left; margin-bottom: 35px; } .leaderList02 li>a { display: block; margin: 0 15px; } .item-img05 { max-width: 120px; margin: 0 auto; float: none; display: block; width: auto; } .item-title05 { font-size: 16px; height: 38px; line-height: 38px; overflow: hidden; text-align: center; color: #00366f; } .item-txt05 { font-family: 'Arial'; color: #999; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .leader_rt02 { width: 41.18%; float: right; padding-right: 30px; } /*部门总览*/ .btbu-column1 { margin-bottom: 35px; } .departmentTitle {} .departmentTitle span { display: inline-block; *display: inline; *zoom: 1; border-left: 5px solid #00366f; min-width: 145px; padding-left: 20px; font-size: 16px; letter-spacing: 0.2; background-color: #f2f2f2; height: 40px; line-height: 40px; font-weight: normal; } .btbu-list01 { margin: 0 -30px; overflow: hidden; font-size: 0; padding-top: 10px; } .btbu-list01 li { width: 33.3%; display: inline-block; *display: inline; *zoom: 1; font-size: 16px; vertical-align: bottom; } .btbu-list01 li span { display: block; margin: 0 30px; line-height: 1.5; padding: 12px 5px; border-bottom: 1px dashed #ccc; } .btbu-list01 li>a {} /*院部设置*/ .btbu-list02 { margin: 0 -38px; overflow: hidden; margin-bottom: 20px; } .btbu-listbox { margin-bottom: 0px; } .btbu-list02 li { width: 33.3%; font-size: 16px; margin-bottom: 20px; } .btbu-list02 li>a { display: block; margin: 0 38px; background-color: #f5f5f5; border-left: 2px solid #00366f; padding: 12px 15px; line-height: 1.5; } /*院士风采*/ .btbu-list03 { padding: 15px 0; } .btbu-list03 li { background-color: #f5f5f5; margin-bottom: 30px; padding: 15px; overflow: hidden; margin-bottom: 30px; } .item-img06 { width: 114px; float: left; } .item-img06 .imgResponsive { padding-bottom: 133.3%; } .item-txt06 { margin-left: 140px; overflow: hidden; } .item-txt06 h3 { font-size: 18px; color: #00366f; line-height: 1.5; margin-bottom: 15px; } .item-txt06 h3 span { font-size: 16px; color: #333; margin-left: 40px; } .item-txt06 p { color: #666; line-height: 1.6; margin-bottom: 15px; } /*教学名师*/ .btbu-list04 {} .btbu-list04 li { margin-bottom: 30px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; line-height: 1.5; } .teacherTitle { width: 32%; float: left; background-color: #f5f5f5; font-size: 15px; font-weight: bold; position: relative; } .teacherTitle:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .teacherTitle span { padding: 15px; display: inline-block; vertical-align: middle; } .teacherTxt { margin-left: 32%; overflow: hidden; padding: 15px 0; line-height: 1.8; font-size: 0 } .teacherTxt span { margin: 0 20px; display: inline-block; font-size: 16px; } .btbu-listbox { margin: 0 -28px; margin-bottom: -13px !important; } .btbu-listbox li { margin-bottom: 13px; vertical-align: top; } .btbu-listbox li>a { display: block; margin: 0 28px; padding: 0 0 10px 20px; background: none; border: none; position: relative; border-bottom: 1px dashed #dbdbdb; transition: all .3s ease-in-out; } .btbu-listbox li:hover a { transform: translateX(5px); } .btbu-listbox li>a::before { content: ''; display: block; width: 9px; height: 10px; background: url(../images/jt.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 7px; } /*客座教授兼职教授*/ .tableList01 { width: 100%; border-collapse: collapse; font-size: 16px; } .tableList01 thead td { background-color: #f0f0f0; padding: 20px 10px; font-weight: bold; text-align: center; } .tableList01 tbody td { padding: 15px 10px; text-align: center; } .tableList01 tr:nth-child(even)>td { background-color: #f6f6f6; } .td1 { width: 14%; } .td2 { width: 18%; } .td3 { width: 13%; } .td4 { width: 25%; } /*导师资源*/ .btbu-title02 {} .btbu-title02 span { display: inline-block; *display: inline; *zoom: 1; height: 40px; line-height: 40px; background-color: #00366f; padding: 0 20px; border-radius: 0 20px 20px 0; color: #fff; font-size: 16px; } .btbu-list05 { margin: 15px 0 25px; } .btbu-list05 dt { height: 40px; background-color: #e1e9f5; line-height: 40px; } .btbu-list05 dt strong { display: block; font-size: 16px; font-weight: bold; padding-left: 24px; } .btbu-list05 dt i { float: right; font-size: 24px; margin-right: 15px; color: #00366f; cursor: pointer; } .btbu-list05 dd { background-color: #f7f7f7; padding: 20px; font-size: 0; overflow: hidden; display: none; } .btbu-list05 ul { margin: 0 -26px; overflow: hidden; } .btbu-list05 li { width: 20%; } .btbu-list05 li>a { display: block; margin: 0 26px; padding: 10px 10px 10px 0; font-size: 16px; border-bottom: 1px dashed #cfcfcf; color: #00366f; letter-spacing: 0.2px; position: relative; vertical-align: bottom; line-height: 1.5; } .btbu-list05 li>a:before { content: ''; width: 0; height: 0; border-top: 4px solid transparent; border-left: 5px solid #c7cfd9; border-bottom: 4px solid transparent; position: absolute; right: 0; top: 50%; margin-top: -4px; display: block; } .btbu-list05 li>a:hover:before { border-left: 5px solid #00366f; } /*通用列表页*/ .btbu-list06 {} .btbu-list06 li { height: 45px; line-height: 45px; border-bottom: 1px dashed #d9d9d9; overflow: hidden; margin-bottom: 15px; padding-left: 20px; position: relative; white-space: nowrap; text-overflow: ellipsis; } .btbu-list06 li:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #00366f; position: absolute; left: 6px; top: 50%; margin-top: -2.5px; } .btbu-list06 li span { float: right; font-family: 'Arial'; color: #999; width: 99px; border-left: 1px dashed #e6e6e6; text-align: center; height: 20px; line-height: 20px; margin: 13px 0 0 5px; } .btbu-list06 li a { font-size: 16px; } /*文章页*/ .pageArticle { width: 100%; overflow: hidden; position: relative; } .articleTitle { line-height: 26px; padding: 30px 0; } .articleTitle h3 { font-size: 20px; line-height: 1.8; text-align: center; } .article { font-size: 16px; padding: 0 0 25px; line-height: 1.7 } .Annex { padding: 20px 0 40px 0; overflow: hidden; } .Annex h3 { overflow: hidden; margin-bottom: 10px; } .Annex h3 strong { margin-right: 10px; font-weight: bold; font-size: 18px; padding: 11px 0; background-color: #fff; width: 55px; float: left; } .Annex h3 a { color: #333; font-weight: normal; padding: 11px 0 11px 15px; margin-left: 55px; display: block; background-color: #f5f5f5 } .Annex a:hover { color: #00366f; } .Annex ul { overflow: hidden; padding-top: 15px; } .Annex ul li { height: 30px; line-height: 30px; margin-bottom: 15px; padding-left: 15px; overflow: hidden; } .Annex ul li a { font-size: 13px; color: #666; } .article strong { font-weight: bold; } .article i { font-style: italic; } .articleAuthor { padding: 10px 0; color: #999; font-size: 13px; margin-bottom: 15px; } .articleList02 { padding-top: 0; } .articleAuthor span { display: inline-block; height: 22px; line-height: 22px; } .articleAuthor i { margin: 0 8px; font-style: normal; color: #999; } .articleBottom { width: 100%; position: relative; min-height: 130px; border-top: 1px solid #d9d9d9 } .share { width: auto; position: absolute; right: 0; top: 20px; } .share .bdsharebuttonbox { float: left; } .share>span { float: left; height: 24px; line-height: 24px; margin: 6px; } .share .bdsharebuttonbox .bds_weixin { background: url(../images/share-wechat.png) no-repeat center; background-position: 0; } .share .bdsharebuttonbox .bds_tsina { background: url(../images/share-sina.png) no-repeat center; background-position: 0; } .share .bdsharebuttonbox .bds_qzone { background: url(../images/share-zqone.png) no-repeat center; background-position: 0; } .share .bdsharebuttonbox .bds_more { background: url(../images/share-more.png) no-repeat center; background-position: 0; } .share .bdsharebuttonbox a { margin: 6px 8px !important; } /*分页*/ .pages { text-align: center; height: 37px; line-height: 35px; margin: 35px 0; overflow: hidden; font-size: 0; } .pages img { vertical-align: middle; width: auto; } .pages>span { color: #00366f; padding: 0 10px; font-size: 14px; height: 35px; line-height: 35px; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; } .pages a { display: inline-block; *display: inline; *zoom: 1; *vertical-align: middle; width: 32px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; color: #666; border: 1px solid #00366f; font-size: 14px; border-left: none; } .pages a:first-child { border-left: 1px solid #00366f } .pages a img { *display: block; *margin-top: 8px; } .pages a:hover { color: #fff; background-color: #00366f; } .pages a.prev, .pages a.start, .pages a.next, .pages a.end { width: auto; padding: 0 13px; } .pages a.prev:hover, .pages a.start:hover, .pages a.next:hover, .pages a.end:hover { background: none; color: #012b5b; } .pages a.on_pages { background-color: #00366f; color: #fff; } .pages .pageSelect { min-width: 68px; height: 35px; *display: inline; *zoom: 1; vertical-align: middle; border: 1px solid #00366f; color: #666; line-height: 35px; text-align: center; padding: 0; } .pages .select2-container--default .select2-selection--single { border: 1px solid #00366f; } .pages .select2-container--default .select2-selection--single .select2-selection__arrow b { background-image: url(../images/select2.png); } .select2-container .select2-selection--single { height: 35px; line-height: 35px; } .pages .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; color: #333; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #00366f } .pages_min { margin: 25px 0; overflow: hidden; display: none; padding: 0 18px; font-size: 13px; font-size: 1.3rem; } .pages_min a.prev_min, .pages_min a.next_min { display: block; width: 100px; height: 30px; float: left; border-radius: 3px; color: #666; line-height: 30px; text-align: center; border: 1px solid #00366f; } .pages_min a.next_min { float: right; } .pages_min a:hover { background: #00366f; color: #fff; transition: 0.5s; } /*学校导游*/ .btbu-list07 { margin: 0 -21px 35px; overflow: hidden; } .btbu-list07 li { width: 25%; float: left; } .btbu-list07 li>a { display: block; margin: 0 21px; } .item-img07 { padding-bottom: 75%; } .item-txt07 { height: 40px; line-height: 40px; background-color: #e1e9f5; overflow: hidden; font-size: 16px; text-align: center; display: block; } .btbu-list08, .btbu-list09 { padding: 20px 0; } .btbu-list08 li { width: 100%; float: none; margin-bottom: 10px; } .btbu-list09 { margin: 0 -24px; } .btbu-list09 li { width: 50%; } .btbu-list09 li>a { margin: 0 24px; } /*工商印象*/ .slideImg { display: block; width: 100%; height: 0; padding-bottom: 62.35%; overflow: hidden; } #slider .slides>li { position: relative; } .slideTitle2 { height: 50px; line-height: 50px; position: absolute; left: 0; bottom: 0; width: 100%; } .slideTitle2:before { content: ''; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); position: absolute; left: 0; bottom: 0; z-index: 0; } .slideTitle2 span { position: relative; z-index: 2; color: #fff; font-size: 18px; padding: 0 15px; font-weight: normal; } #carousel { padding: 10px; background-color: #00366f; } #carousel .slides>li { margin-right: 12px; position: relative; } #carousel .slides>li.flex-active-slide:before { border: 4px solid #fff; position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: '' } /*办公信息*/ .btbu-column3 { margin-bottom: 20px; } .btbu-column3 .btbu-title02 { margin-bottom: 15px; } .more { float: right; height: 40px; line-height: 40px; } /*领导详情页*/ .leaderTop { overflow: hidden; } .item-img08 { width: 170px; margin: 0 15px 6px 0; } .item-txt08 { margin: 0; overflow: auto; display: inline; } .leaderBody { font-size: 16px; line-height: 1.7; padding-top: 15px; } .leaderBody p { text-indent: 2em; margin-bottom: 10px; } .item-txt08 p { overflow: auto; display: inline; } /*校园风光*/ .btbu-list10 { margin: 0 -15px; } .btbu-list10 li { width: 33.3%; margin-bottom: 10px; } .btbu-list10 li>a { margin: 0 15px; display: block; } .btbu-list10 li .imgResponsive { padding-bottom: 62.35% } .btbu-list10 li h3 { height: 40px; line-height: 40px; overflow: hidden; text-align: center; margin: 0 15px; font-size: 16px; font-weight: normal; } .phoneTitle { display: none; } /*邮箱*/ .btbu-email p { font-size: 12px; font-family: "微软雅黑"; color: #646464; } .btbu-email form span { width: 80px; float: left; font-size: 14px; font-family: "微软雅黑"; color: #323232; } .btbu-email form .title { margin: 25px 0 30px 0; } .btbu-email form .title input { width: 70%; height: 25px; border: 1px solid #b5b5b5; box-sizing: border-box; padding: 0 10px; } .btbu-email form .con textarea { width: 70%; height: 204px; resize: none; border: 1px solid #b5b5b5; box-sizing: border-box; padding: 10px; } .btbu-email form .contact input { width: 70%; height: 25px; border: 1px solid #b5b5b5; box-sizing: border-box; padding: 0 15px; } .btbu-email form .contact { margin: 32px 0 29px 0; } .btbu-email form .code input { width: 107px; height: 25px; float: left; border: 1px solid #b5b5b5; box-sizing: border-box; padding: 0 10px; } .btbu-email form .code { height: 35px; } .btbu-email form .code .tupian { float: left; width: auto; margin: 10px 0 0 10px; } .btbu-email form .code a { float: left; margin: 5px 0 0 10px; font-size: 12px; font-family: "微软雅黑"; color: #505050; } .btbu-email form .code a:hover { text-decoration: underline; } .btbu-email form .submitWrap input.submitButton { width: 107px; height: 28px; margin: 0 18px 0 0; background: #fff; border: 1px solid #b5b5b5; color: #282828; cursor: pointer; } .btbu-email form .submitWrap input.submitButton:hover { width: 107px; height: 28px; background: #07329e; border: 1px solid #b5b5b5; color: #fff; cursor: pointer; } .submitWrap { margin: 0 0 0 80px; } .btbu-email form .submitWrap input.resetButton { width: 107px; height: 28px; background: #fff; border: 1px solid #b5b5b5; color: #282828; cursor: pointer; } .btbu-email form .submitWrap input.resetButton:hover { width: 107px; height: 28px; background: #07329e; border: 1px solid #b5b5b5; color: #fff; cursor: pointer; } .submitWrap { margin: 23px 0 0 0; text-align: center; width: 80% } .btbu-email form .submitWrap input { display: inline-block; *display: inline; *zoom: 1; } @media screen and (max-width:1386px) { .subPage { width: 1000px; } .article, .subMenu li { font-size: 15px; } .articleTitle03 { font-size: 19px; } .subMenu li { padding: 0 10px; } .leaderTitle2 span { margin-left: 0 } .item-title05, .btbu-list01 li, .btbu-list02 li, .teacherTxt span, .btbu-list05 li>a, .btbu-list06 li a, .item-txt07, .slideTitle2 span, .leaderBody { font-size: 15px; } .leaderList02 li { margin-bottom: 20px; } .btbu-list01, .btbu-list02 { margin: 0 -15px; } .btbu-list01 li>a, .btbu-list02 li>a { margin: 0 15px; } .btbu-list02 { margin-bottom: 20px } .btbu-list07 { margin: 0 -10px 35px; } .btbu-list07 li>a { margin: 0 10px; } .Annex h3 strong { font-size: 17px; } .item-txt04 h3 { margin-bottom: 10px; } .item-txt04 p { line-height: 20px; height: 240px; } } @media screen and (max-width:1220px) {} @media screen and (max-width:1020px) { .subPage { width: auto; padding: 0 25px; } .btbu-list05 ul { margin: 0 -8px; } .btbu-list05 li>a { margin: 0 8px; } .share { position: static; } .btbu-list01 li span a { display: block; } } @media screen and (max-width:998px) { .subLeft, .subMenu, .webTitle, .subBanner:before { display: none; } .phone_subNav, .phoneTitle { display: block; } .sub_right { margin: 0; } .phone_subNav2 { margin: 0 0 15px; } .btbu-list03 { padding-top: 0 } .btbu-list03 li { margin-bottom: 15px; } } @media screen and (max-width:767px) { .articleTitle03, .articleTitle h3 { font-size: 18px; padding-bottom: 20px; } .articleTitle04 { font-size: 16px; padding-bottom: 20px; } .articleList03 { padding: 15px; } .list05add{ padding: 20px 20px 0; margin-bottom: 20px; } .subPage { padding: 0 15px; } .btbu-list05add li{ margin-bottom: 20px; } .butbox { padding: 15px; margin-bottom: 15px; } .article img { width: auto !important; height: auto !important; } .article table, .article video { width: 100% !important; } .leader_lf, .leader_rt { width: 48%; } .item-txt04 h3 { font-size: 15px; } .leaderList02, .btbu-list01, .btbu-list02, .btbu-list10 { margin: 0 -8px; } .leaderList02 li>a, .btbu-list01 li>a, .btbu-list02 li>a, .btbu-list07 li>a, .btbu-list10 li>a { margin: 0 8px; } .item-txt05 { font-size: 12px; } .leaderList02 li { margin-bottom: 10px; } .btbu-list02 { margin-bottom: 10px; } .btbu-listbox { margin-bottom: -13px !important; } .item-txt06 h3, .Annex h3 strong { font-size: 16px; } .item-txt06 h3 span { font-size: 14px; margin-left: 15px; } .teacherTitle, .teacherTxt span, .btbu-list06 li a, .item-txt07, .slideTitle2 span, .leaderBody, .btbu-list10 li h3 { font-size: 14px; } .tableList01, .btbu-list05 li>a { font-size: 14px; } .btbu-list05 li { width: 25%; } .btbu-list06 li { margin-bottom: 0 } .btbu-list07 { margin: 0 -8px 20px; } .submitWrap { width: 100%; } .pages { display: none; } .pages_min { display: block; } } @media screen and (max-width:640px) { .leader_lf, .leader_rt, .leader_lf02, .leader_rt02 { width: 100%; float: none; } .leaderList li { margin-bottom: 15px; } .leaderInner { padding-bottom: 10px; } .leaderList02 li { width: 33.3%; } .item-img05 { max-width: none } .leader_rt02 { padding-top: 15px; } .btbu-list01 li, .btbu-list02 li, .btbu-list10 li { width: 50%; } .btbu-list08 li { width: 100%; } .item-txt04 p { height: auto; } .item-txt04 h3 { margin-bottom: 10px; } .leader_Top .leaderInner { width: 100%; margin-bottom: 15px; } } @media screen and (max-width:480px) { .leaderList02 li { width: 50%; } .item-img06 { float: none; display: block; margin: 0 auto 10px; } .item-txt06 { margin: 0; } .item-txt06 h3 { text-align: center; } .teacherTitle, .btbu-list09 li { width: 100%; float: none; } .teacherTxt { margin: 0; background-color: #fafafa } .btbu-list05 li { width: 33.3% } .btbu-list07 li { width: 50%; margin-bottom: 15px; } .item-img04 { width: 118px; } /*.item-txt08{margin-left: 135px;}*/ } @media screen and (min-width:320px) and (max-width:400px) { .btbu-list05 li { width: 50%; } .btbu-list10 li,.btbu-list05add li { width: 100% } .btbu-email form span { float: none; display: block; padding-bottom: 10px; } .btbu-email form .title input, .btbu-email form .con textarea, .btbu-email form .contact input { width: 100%; } .submitWrap { width: 100%; padding-top: 15px; } }