a{word-wrap: break-word !important;word-break: break-word !important;} .dft-header .wrap { width: 1200px; margin: 0 auto; } .bd-item.bd-item-1 p{background-color: #fafafa;color: black !important;} .topBar { height: 150px; position: relative; } .topBar .logo { float: left; margin-top: 36px; } .topBar .user-opr { position: absolute; right: 0; top: 18px; width: 160px; z-index: 2; } .topBar .user-opr .item { float: left; display: block; margin-left: 27px; position: relative; } .topBar .user-opr .item a { display: block; } .topBar .user-opr i { display: block; width: 26px; height: 26px; background: url(../images/ico_index.png) 0 0 no-repeat; } .topBar .user-opr i.ico-1 { background-position: 0 0; } .topBar .user-opr i.ico-2 { background-position: -27px 0; } .topBar .user-opr i.ico-3 { background-position: -54px 0; } .topBar .user-opr .dropdown { display: none; position: absolute; width: 107px; top: 26px; left: -39px; } .topBar .user-opr .dropdown ul { background: rgba(0, 0, 0, 0.7); margin-top: 4px; background: #000 \9; } .topBar .user-opr .dropdown ul a { display: block; text-align: center; width: 100%; height: 36px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; font-size: 16px; color: #fff; line-height: 36px; } .topBar .user-opr .dropdown ul a:hover { background: #0fe8fc; } .topBar .user-opr .dropdown em { display: block; width: 8px; height: 4px; background: url(../images/ico_triangle_black.png) no-repeat; position: absolute; left: 50%; margin-left: -4px; top: 0; } .topBar .srhbox { width: 181px; height: 36px; border: 1px solid #c9cdd1; background: rgba(255, 255, 255, 0.64); -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; position: relative; position: absolute; right: 0; top: 78px; z-index: 1; } .topBar .srhbox .txt { width: 130px; padding: 10px 0 10px 18px; height: 16px; background: none; outline: none; font-size: 14px; } .topBar .srhbox .btn { width: 23px; height: 23px; position: absolute; top: 6px; right: 7px; background: url(../images/ico_index.png) -100px 0 no-repeat; cursor: pointer; opacity: .8; } .topBar .srhbox .btn:hover { opacity: 1; } .navBar { margin-top: 12px; height: 61px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); position: relative; z-index: 99; border-bottom: 1px solid #fff\9; } .navBar .navbox li { float: left; height: 62px; position: relative; margin: 0 23px; } .navBar .navbox li:first-child { margin-left: 0; } .navBar .navbox a { color: #fff; font-size: 16px; } .navBar .navbox h3 { font-weight: normal; } .navBar .navbox h3 a { display: block; height: 50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; line-height: 50px; padding: 0 14px; } .navBar .navbox li.cur h3 a { background: rgba(15, 232, 232, 0.7); background: #23bfd6 \9; } .navBar .navbox li.active h3 a { background: rgba(15, 232, 232, 0.7); background: #23bfd6 \9; } .navBar .navbox .dropdwon { display: none; position: absolute; top: 61px; left: 0; background: rgba(0, 0, 0, 0.7); width: 100%; background: #000 \9;word-break: break-word;word-wrap: break-word;} .navBar .navbox .dropdwon a { display: block; text-align: center; height: auto; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; font-size: 16px; color: #fff; padding: 10px; line-height: 22px; } .navBar .navbox .dropdwon a:hover { background: #0fe8fc; } .rm-nav { position: absolute; right: 57px; top: 20px; } .rm-nav li.fNiv { position: relative; height: 53px; } .rm-nav li.fNiv span.ico { display: block; width: 32px; height: 29px; background: url(../images/ico_index.png) 0 -44px no-repeat; cursor: pointer; } .rm-nav li { height: auto; } .rm-nav ul { display: none; position: absolute; top: 41px; right: -60px; background: rgba(0, 0, 0, 0.7); width: 143px; background: #000 \9; } .rm-nav ul li.fNiv { height: auto; } .rm-nav ul li { position: relative; height: auto; } .rm-nav ul li a {line-height:23px;display: block; text-align: center; height: auto; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; font-size: 16px; color: #fff; padding: 10px; line-height: 22px;word-wrap: break-word;word-break: break-word;width:100px;} .rm-nav ul li a:hover { background: #0fe8fc; } .rm-nav ul li.active a { background: #0fe8fc; } .rm-nav ul li.active li { height: auto; } .rm-nav ul li.active li a { background: none; } .rm-nav ul li.active li a:hover { background: #0fe8fc; } .rm-nav ul li ul { position: absolute; right: 143px; top: 0; } .baseinfoBar { color: #fff; position: relative; z-index: 1; margin-top: 40px; } .baseinfoBar .user-pho { float: left; margin: 0 0 0 44px; width: 160px; } .baseinfoBar .user-pho .imgwrap { width: 160px; height: 160px; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; } .baseinfoBar .user-pho .imgwrap .inner { width: 146px; height: 146px; margin: 7px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; } .baseinfoBar .user-pho .imgwrap .img { display: table; width: 146px; height: 146px; } .baseinfoBar .user-pho .imgwrap .img span { display: table-cell; vertical-align: middle; text-align: center; } .baseinfoBar .user-pho .imgwrap .img span img { max-width: 146px; max-height: 146px; overflow: hidden; } .baseinfoBar .user-pho .name { text-align: center; font-size: 20px; line-height: 1.2; padding: 10px 0; margin: 0 5px; } .baseinfoBar .user-pho .like { position: relative; margin-left: 37px; } .baseinfoBar .user-pho .like i.ico-like { display: block; width: 22px; height: 22px; background: url(../images/ico_index.png) -41px -34px no-repeat; position: absolute; left: 0; top: 0; } .baseinfoBar .user-pho .like span { font-size: 12px; color: #fff; margin-left: 37px; line-height: 22px; } .baseinfoBar .user-Professor { float: left; } .baseinfoBar .user-Professor .tutor { font-size: 14px; line-height: 24px; margin-left: 30px; height: 150px;width: 200px; } .baseinfoBar .user-Professor .link a { display: block; width: 233px; height: 30px; background: rgba(190, 133, 66, 0.3); border: 2px solid #fafafa; line-height: 30px; color: #fff; position: relative; font-size: 14px; margin-bottom: 10px; } .baseinfoBar .user-Professor .link a h2 { font-weight: normal; width: 208px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 5px; } .baseinfoBar .user-Professor .link a i { display: block; background: url(../images/ico_index.png) -48px -65px no-repeat; width: 11px; height: 9px; position: absolute; top: 11px; right: 6px; } .baseinfoBar .user-Professor .link a:hover { background: rgba(190, 133, 66, 0.9); } .per-infor { float: left; width: 343px; margin-left: 20px; } .per-infor .t { display: inline-block; height: 42px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); position: relative; border-bottom: 1px solid #fff\9; } .per-infor .t i { position: absolute; left: 0; top: 12px; display: block; width: 23px; height: 23px; background: url(../images/ico_index.png) 0 0 no-repeat; } .per-infor .t i.ico-1 { background-position: -145px 0; } .per-infor .t i.ico-2 { background-position: -173px 0; } .per-infor .t h2 { font-weight: normal; margin-left: 32px; line-height: 42px; font-size: 24px; } .per-infor .ct { padding-top: 10px; } .per-infor .ct p { font-size: 14px; line-height: 30px; } .per-infor .ct a.viewmore { display: block; width: 136px; height: 26px; border: 1px solid #0fe8fc; color: #0fe8fc; text-align: center; line-height: 26px; } .per-infor .ct a.viewmore:hover { background: #0fe8fc; color: #fff; } .per-infor.per-infor-ot { width: 350px; height: 300px; overflow-y: auto; } .pre-pro { width: 1200px; margin: 0 auto; padding: 30px 0; } .pre-pro .ct { font-size: 14px; line-height: 30px; padding: 10px 0; } .title { height: 44px; border-bottom: 1px solid #000; line-height: 44px; position: relative; } .title i.ico { display: block; width: 29px; height: 29px; position: absolute; left: 0; top: 7px; background: url(../images/ico_index.png) -75px -41px no-repeat; } .title h2 { margin-left: 44px; font-weight: normal; font-size: 24px; color: #000000; } .edu-tab { background: #f1e7e2; padding: 30px 0; min-width: 1200px;} .edu-tab .tit { width: 1198px; margin: 0 auto 30px; border: 1px solid #434343; } .edu-tab .tit ul { width: 100%; } .edu-tab .tit li { float: left; width: 25%; height: 78px; line-height: 78px; text-align: center; } .edu-tab .tit li a { display: block; font-size: 24px; color: #000; height: 78px; border-right: 1px solid #434343; } .edu-tab .tit li:last-child a { border-right: none; } .edu-tab .tit li.on { background: #fff; } .edu-tab .ct { width: 1200px; margin: 0 auto; } .edu-tab .ct .content { display: none; } .edu-tab .ct .content p { font-size: 14px; line-height: 30px; } .rshGroup { width: 1200px; margin: 0 auto; padding: 30px 0; } .rshGroup .title { border-bottom: none; } .rshGroup .ct .disc { font-size: 14px; color: #191919; line-height: 30px; padding: 10px 0; } .groupbx ul { margin-left: -36px; } .groupbx li { float: left; width: 170px; margin-left: 36px; height: 255px; margin-bottom: 10px; } .groupbx .img { width: 170px; height: 204px; display: table; } .groupbx .img span { display: table-cell; vertical-align: middle; text-align: center; } .groupbx .img img { max-width: 170px; max-height: 204px; } .groupbx .name { text-align: center; font-size: 14px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 18px; } .footer { min-width: 1200px; background: url(../images/bg_ft.jpg) center 0 ; font-size: 14px; min-height:155px;background-size:100% 100%} .footer .inner { width: 1200px; margin: 0 auto; } .footer .inner .fleft { float: left; color: #fff; margin-top: 30px; line-height: 24px; width: 70%; word-break: break-all; } .footer .inner .f-qrcode { float: right; margin: 26px 54px 0 0; } .dft-main-inner { background: #f5f5f5; padding: 20px 0; min-height: 255px; } .dft-main-inner .localtion { width: 1200px; margin: 0 auto; border-bottom: 1px solid #e5e5e5; position: relative; height: 30px; line-height: 30px; } .dft-main-inner .localtion i { display: block; width: 21px; height: 28px; background: url(../images/ico_index.png) -146px -44px no-repeat; position: absolute; left: 0; top: 5px; } .dft-main-inner .localtion span { font-size: 18px; color: #191919; margin-left: 36px; } .dft-main-inner .localtion a:hover { color: #3a97a9; } .listbx { width: 1200px; margin: 0 auto; padding: 10px 0; } .listbx ul li { padding: 10px 0; border-bottom: 1px dashed #d5d5d5; } .listbx ul li a { display: block; position: relative; } .listbx ul li h2 { font-weight: normal; display: block; margin-left: 34px; color: #262626; line-height: 36px; font-size: 14px; width: 1000px; } .listbx ul li span { font-size: 12px; right: 0; top: 0; line-height: 36px; color: #333; } .listbx ul li i { display: block; width: 20px; height: 8px; background: url(../images/ico_index.png) -178px -40px no-repeat; position: absolute; top: 14px; left: 0; } .listbx ul li a:hover h2 { color: #3a97a9; } .listbx ul li a:hover i { background: url(../images/ico_index.png) -178px -62px no-repeat; } .listbx ul li:last-child { border-bottom: none; } .pages { width: 400px; margin: 38px auto 20px; } .pages span { display: block; float: left; color: #961111; font-size: 12px; margin-right: 20px; } .pages a { display: block; float: left; height: 16px; line-height: 16px; border: 1px solid #bc6c6c; padding: 0 14px; margin-right: 4px; color: #c3c3c3; } .pages a:hover { color: #961111; } .content-atc { padding: 20px 0; width: 1132px; margin: 0 auto; } .content-atc .atc-title { text-align: center; font-size: 18px; color: #333333; line-height: 32px; border-bottom: 1px dashed #e0e0e0; } .content-atc .atc-title h2 { display: block; margin: 0 360px; font-weight: normal; } .content-atc .atc-ohter { text-align: center; color: #b5b5b5; font-size: 12px; padding: 10px 0; } .content-atc .atc-main p { font-size: 14px; color: #333333; line-height: 30px; text-indent: 28px; } .Attachment { padding: 20px 0; } .Attachment .tit { color: #21bcca; font-size: 18px; } .Attachment ul li { padding: 13px 0; position: relative; } .Attachment ul li h2 { font-weight: normal; display: block; line-height: 26px; margin-left: 18px; font-size: 14px; width: 80%; } .Attachment ul li i { display: block; width: 8px; height: 9px; background: url(../images/ico_index.png) -154px -72px no-repeat; position: absolute; left: 2px; top: 20px; } .Attachment ul li a:hover { color: #21bcca; } .prevnext{border-top: 1px dashed #e0e0e0;} .prevnext p { line-height: 34px; font-size: 14px; } .prevnext p a:hover { color: #21bcca; text-decoration: underline; } .atc-main-jgh { padding: 30px 0;} .atc-main-jgh p { font-size: 18px; line-height: 30px; } .atc-main-jgh .jghbx-ul { margin-top: 80px; } .atc-main-jgh .jghbx-ul ul { margin-left: -30px; } .atc-main-jgh .jghbx-ul li { float: left; width: 260px; height: 184px; overflow: hidden; margin-left: 30px; margin-bottom: 30px; display: table; } .atc-main-jgh .jghbx-ul li span { display: table-cell; text-align: center; vertical-align: middle; } /* .atc-main-jgh .jghbx-ul li span img { max-width: 260px; max-height: 182px; }*/ .professionbx { width: 1132px; margin: 0 auto; } .professionbx .tit { height: 48px; line-height: 48px; background: #20bec9; margin-top: 30px; } .professionbx .tit h2 { font-weight: normal; margin-left: 27px; font-size: 16px; color: #fff; } .professionbx .ct { margin-top: 30px; } .professionbx .ct li { float: left; width: 178px; margin: 0 52px; } .professionbx .ct li .img { display: table; width: 178px; height: 214px; overflow: hidden; } .professionbx .ct li .img span { display: table-cell; text-align: center; vertical-align: middle; } .professionbx .ct li .img span img { max-width: 260px; max-height: 182px; } .professionbx .ct li .name { height: 40px; text-align: center; font-size: 16px; color: #252525; padding-top: 20px; width: 100%; overflow: hidden; line-height: 20px; } .professionbx .ct li a:hover { opacity: .8; } .listimgbx { width: 1200px; margin: 0 auto; padding: 40px 0; } .listimgbx ul li { float: left; width: 260px; height: 200px; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-left: 30px; margin-bottom: 30px; overflow: hidden; } .listimgbx ul .img { display: table; width: 260px; height: 200px; overflow: hidden; } .listimgbx ul .img span { display: table-cell; vertical-align: middle; text-align: center; } .listimgbx ul .img img { max-width: 260px; max-height: 200px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .listimgbx ul .bg { position: absolute; top: 0; left: 0; display: table; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: none\9; } .listimgbx ul .bg span { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 16px; } .listimgbx ul li.active .bg { opacity: 1; display: table\9; background: #000 \9; } .listimgbx ul li.active .img img { transform: scale(1.1); } .comprebx { padding: 30px 0; width: 1200px; margin: 0 auto; } .comprebx .items { margin-bottom: 22px; } .comprebx .items .tit { height: 50px; color: #e5e5e5; line-height: 50px; color: #20bec9; position: relative; text-indent: 46px; overflow: hidden; font-size: 18px; border-bottom: 1px solid #e0e0e0; } .comprebx .items .tit i { display: block; height: 28px; background: url(../images/ico_index.png) 0 0 no-repeat; position: absolute; left: 0; top: 10px; } .comprebx .items .tit i.ico-1 { background-position: -1px -100px; width: 32px; } .comprebx .items .tit i.ico-2 { background-position: -36px -100px; width: 32px; } .comprebx .items .tit i.ico-3 { background-position: -71px -100px; width: 26px; } .comprebx .items .tit i.ico-4 { background-position: -108px -100px; width: 21px; } .comprebx .items .tit i.ico-5 { background-position: -141px -100px; width: 20px; } .comprebx .items .tit i.ico-6 { background-position: -172px -100px; width: 26px; } .comprebx .items .tit i.ico-7 { background-position: -4px -134px; width: 27px; } .comprebx .items .tit i.ico-8 { background-position: -37px -134px; width: 28px; } .comprebx .items .tit i.ico-9 { background-position: -72px -134px; width: 26px; } .comprebx .items .tit i.ico-10 { background-position: -105px -134px; width: 29px; } .comprebx .items .tit i.ico-11 { background-position: -140px -134px; width: 27px; } .comprebx .items .tit i.ico-12 { background-position: -177px -134px; width: 20px; } .comprebx .items .tit i.ico-13 { background-position: -1px -165px; width: 30px; } .comprebx .items .tit i.ico-14 { background-position: -35px -165px; width: 29px; } .comprebx .items .tit i.ico-15 { background-position: -71px -165px; width: 28px; } .comprebx .items .tit i.ico-16 { background-position: -107px -165px; width: 25px; } .comprebx .items .tit a.more { position: absolute; font-size: 12px; right: 0; top: 0; color: #c8c8c8; } .comprebx .items .tit a.more:hover { color: #3a97a9; } .comprebx .items .ct li { border-bottom: 1px solid #e8e8e8; padding: 15px 0; position: relative; } .comprebx .items .ct li a { display: block; } .comprebx .items .ct li h2 { line-height: 28px; font-size: 14px; font-weight: normal; margin-left: 26px; } .comprebx .items .ct li em { display: block; width: 7px; height: 11px; background: url(../images/ico_index.png) -27px -82px no-repeat; position: absolute; left: 4px; top: 23px; } .comprebx .items .ct li p { margin-left: 26px; color: #a5a5a5; font-size: 12px; } .comprebx .items .ct li p span { margin-right: 64px; } .comprebx .items .ct li a:hover h2 { color: #20bec9; text-decoration: underline; font-size: 14px; } .comprebx .items .ct li a:hover p { text-decoration: none; } .comprebx p.info { font-size: 14px; line-height: 35px; text-indent: 28px; padding: 20px 0; } .atc-main-pic { padding: 10px 0 100px; width: 1132px; margin: 0 auto; } .atc-main-pic p { margin: 20px 0; line-height: 30px; font-size: 14px; text-indent: 28px; } .jghbx-ul li img,.atc-main-pic p img{max-width:100%}