/* 公共区 */ body { font-family: Arial, "Microsoft YaHei", SimSun; color: #222222; background-color: #f1eeec; line-height: 24px; padding: 0px; margin: 0px; -webkit-text-size-adjust: none; font-size: 16px; } .bor { width: 550px; margin-right: auto; margin-left: auto; position:relative; background: #FFF; margin-top:80px; border: 1px solid #dfdddd;box-shadow:0px 1px 3px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.2); } .intxt{ background:url("/skin/images/input_bg.gif") no-repeat 0 0; color: #666; border: 1px solid #CFCFCF; float: left; height: 30px; line-height: 30px; margin-left: 5px; padding: 0 4px; width: 238px; border-radius: 3px 3px 3px 3px; } .reg-btn,.login-btn,.getpass-btn,.regbt { background:url("/member/templets/images/login_reg_icon.png") no-repeat scroll 0 0; border: 0 none; cursor: pointer; display: block; height: 40px; width: 114px; font-size:14px; line-height:38px;text-shadow: 0 1px #EEEEEE;font-weight:bold; color:#4A682D; overflow:hidden;float: left; margin-right:10px; } p, img, form { border: 0px; margin: 0px; padding: 0px; } * { -webkit-tap-highlight-color: rgba(0,0,0,0); } #map img { max-width: none; } .mlAuto { margin-left: auto; margin-right: auto; } .height1 { height: 1px; overflow: hidden; clear: both; } .height2 { height: 2px; overflow: hidden; clear: both; } .height5 { height: 5px; overflow: hidden; clear: both; } .height10 { height: 10px; overflow: hidden; clear: both; } .height15 { height: 15px; overflow: hidden; clear: both; } .height20 { height: 20px; overflow: hidden; clear: both; } .height25 { height: 25px; overflow: hidden; clear: both; } .height30 { height: 30px; overflow: hidden; clear: both; } .height35 { height: 35px; overflow: hidden; clear: both; } .height40 { height: 40px; overflow: hidden; clear: both; } .height45 { height: 45px; overflow: hidden; clear: both; } .height50 { height: 50px; overflow: hidden; clear: both; } input, textarea, select { outline: none; resize: none; font-size: 12px; vertical-align: middle; } .img-middle { vertical-align: middle; } .auto-width { width: 100%; height: auto; } .img-block { display: block; } .scale { width: 320px; overflow: hidden; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } a { color: #555; text-decoration: none; } .main { overflow: hidden; min-width: 1003px; position: relative; } .inner { background-color: #fff; max-width: 1280px; width: 100%; overflow: hidden; } .top { min-width: 1003px; position: relative; z-index: 102; background-color: #033f80; width: 100%; } .top .menu { display: none; } .top .search { display: none; } .top .logo { float: left; padding-left: 40px; } .top .top-right { float: right; padding-right: 40px; } .top .top-right .search-bar { height: 68px; text-align: right; } .top .top-right .search-bar .sb-input { vertical-align: middle; background-color: #5580AD; width: 246px; height: 28px; display: inline-block; margin-top: 20px; margin-right: 55px; } .top .top-right .search-bar .sb-input .si-r { float: right; width: 28px; height: 28px; } .top .top-right .search-bar .sb-input .si-r input { background-image: url("/skin/images/search-btn.jpg"); width: 28px; height: 28px; border: 0px; cursor: pointer; } .top .top-right .search-bar .sb-input .si-l { float: left; padding-left: 5px; padding-right: 5px; } .top .top-right .search-bar .sb-input .si-l input { border: 0px; background: none; width: 205px; color: #fff; height: 28px; line-height: 28px; } .top .top-right .link { display: inline-block; font-size: 12px; margin-top: 20px; vertical-align: middle; height: 28px; line-height: 28px; color: #fff; } .top .top-right .link a { color: #fff; } .top .top-right .nav-bar a { float: left; text-align: center; color: #fff; line-height: 17px; background-image: url("/skin/images/nav-line.jpg"); background-position: right center; background-repeat: no-repeat; padding-left: 12px; padding-right: 12px; } .top .top-right .nav-bar a span { display: block; } .top .top-right .nav-bar a .en { color: #1c74d0; font-size: 11px; text-transform: Capitalize; } .top .top-right .nav-bar a:last-child { background: none; padding-right: 0px; } .mobile-menu { display: none; } .banner { width: 100%; position: relative; } .index .banner, .index .banner .list { height: 440px; } .banner .text { position: absolute; left: 0px; bottom: 0px; line-height: 50px; background-color: rgba(255,255,255,0.7); height: 50px; width: 100%; } .banner .text a { color: #000000; } .banner .text span { display: inline-block; padding-left: 20px; } .banner .list { background-size: cover; background-position: center center; display: none; position: absolute; width: 100%; top: 0px; left: 0px; } .banner .btns { text-align: center; padding-top: 10px; padding-bottom: 10px; z-index: 100; position: absolute; left: 0px; bottom: 0px; width: 100%; } .banner .btns a { display: inline-block; background-image: url("/skin/images/banner-point.png"); width: 11px; height: 11px; margin-right: 10px; } .banner .btns a:last-child { margin-right: 0px; } .banner .btns a.current { background-image: url("/skin/images/banner-point-hover.png"); background-color: inherit; } .banner.mobile { display: none; } .top .nav-drop { position: absolute; left: 0px; top: 121px; display: none; width: 120px; background-color: #ffffff; text-align: center; } .top .nav-drop br { display: none; } .top .nav-drop a { display: block; border-bottom: 1px solid #cccccc; line-height: 40px; /*padding-left: 30px;*/ font-size: 14px; } .top .nav-drop a:hover { background-color: #8f8f8f; color: #fff; } .top .nav-drop a:last-child { border-bottom: 0px; } .top .nav-drop .bg { background-image: url("/skin/images/menu-bg.png"); height: 10px; width: 100%; position: absolute; left: 0px; top: 0px; background-position: center top; } .index-about { position: relative; background-image: url("/skin/images/about-bg.jpg"); background-position: left bottom; background-repeat: no-repeat; background-color: #f2eeeb; } .index-item .index-item-c { overflow: hidden; padding-left: 10px; padding-right: 10px; max-width: 1000px; padding-top: 30px; padding-bottom: 70px; } .index-item .title { text-align: center; } .index-item .title .cn { display: inline-block; color: #FDA313; font-size: 32px; height: 45px; line-height: 32px; border-bottom: 1px solid #98b2cd; } .index-item .title .en { font-size: 15px; color: #2a92ff; display: block; height: 40px; margin-bottom: 15px; line-height: 40px; } .index-item .video { text-align: center; float: left; } .index-item .video .em { width: 450px; height: 300px; margin: 5px 30px; } .index-item .brief { line-height: 32px; } .index-about .more { text-align: center; position: absolute; left: 120px; bottom: -10px; text-align: center; width: 100%; top: 380px; } .index-about .more a { display: inline-block; border-radius: 5px; background-color: #0F75E5; width: 200px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; } .index-choose-us { background-color: #fff; } .index-choose-us .list { background-size: 181px; background-repeat: no-repeat; background-position: center center; float: left; width: 20%; height: 181px; } .index-choose-us .list:nth-child(1) { background-image: url("/skin/images/choose-us-icon-01.png"); } .index-choose-us .list:nth-child(2) { background-image: url("/skin/images/choose-us-icon-02.png"); } .index-choose-us .list:nth-child(3) { background-image: url("/skin/images/choose-us-icon-03.png"); } .index-choose-us .list:nth-child(4) { background-image: url("/skin/images/choose-us-icon-04.png"); } .index-choose-us .list:nth-child(5) { background-image: url("/skin/images/choose-us-icon-05.png"); } .index-what-is { color: #fff; background-image: url("/skin/images/what-is.jpg"); background-position: center center; background-size: cover; background-color: #000; background-repeat: no-repeat; } .index-what-is .cn { color: #fff !important; border-bottom: 1px solid #ccc !important; } .index-what-is .en { color: #ccc !important; } .index-what-is a { color: #fff; } .index-my-teacher-pc { position: relative; } .index-my-teacher-pc .left-btn { cursor: pointer; background-image: url("/skin/images/left-btn.png"); width: 52px; height: 80px; position: absolute; left: 30px; top: 410px; } .index-my-teacher-pc .right-btn { cursor: pointer; background-image: url("/skin/images/right-btn.png"); width: 52px; height: 80px; position: absolute; right: 30px; top: 410px; } .index-my-teacher-pc .index-item-c { padding-left: 0px; padding-right: 0px; } .index-my-teacher-pc .max { width: 100000000px; } .index-my-teacher-pc .group { width: 1001px; overflow: hidden; float: left; } .index-my-teacher-pc .group-c { float: left; } .index-my-teacher-pc .group-c .list { margin-bottom: 67px; display: block; height: 300px; overflow: hidden; position: relative; width: 200px; overflow: hidden; float: left; margin-right: 67px; color: #fff; } .index-my-teacher-pc .group-c .list:nth-child(5) { margin-bottom: 0px; } .index-my-teacher-pc .group-c .list:nth-child(6) { margin-bottom: 0px; } .index-my-teacher-pc .group-c .list:nth-child(7) { margin-bottom: 0px; } .index-my-teacher-pc .group-c .list:nth-child(8) { margin-bottom: 0px; } .index-my-teacher-pc .group-c .list .img { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } .index-my-teacher-pc .group-c .list .text { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; background-color: rgba(0,174,255,0.7); position: absolute; left: 0px; bottom: 0px; width: 100%; height: 35px; line-height: 35px; font-size: 16px; } .index-my-teacher-pc .group-c .list .text span { display: inline-block; padding-left: 10px; } .index-my-teacher-pc .group-c .list .mask { opacity: 0; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; background-color: rgba(55,92,130,0.7); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .index-my-teacher-pc .group-c .list .mask .name { line-height: 20px; position: absolute; left: 10px; top: 10px; } .index-my-teacher-pc .group-c .list .mask .name span { font-size: 14px; } .index-my-teacher-pc .group-c .list .mask .position { position: absolute; left: 10px; bottom: 10px; font-size: 14px; } .index-my-teacher-pc .group-c .list:hover .img { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .index-my-teacher-pc .group-c .list:hover .text { opacity: 0; } .index-my-teacher-pc .group-c .list:hover .mask { opacity: 1; } .index-my-teacher-pc .index-item-c { padding-top: 15px; padding-bottom: 20px; } .index-my-teacher-mobile { display: none; } .index-my-environment { background-color: #fff; padding-top: 20px; padding-bottom: 10px; } .index-my-environment .index-item-c { padding: 0px; } .index-my-environment .group { float: left; } .index-my-environment .list { float: left; width: 25%; overflow: hidden; position: relative; } .index-my-environment .list .border-mask { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 5px solid rgba(255,255,255,0.7); box-sizing: border-box; } .index-my-environment .list .title { background-color: #af9d5f; padding-left: 10px; padding-right: 10px; line-height: 30px; color: #fff; font-size: 16px; position: absolute; left: 0px; bottom: 0px; } .index-my-environment .list img { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; } .index-my-environment .list .mask { opacity: 0; line-height: 166px; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); text-align: center; font-size: 16px; color: #fff; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; } .index-my-environment .list:hover .mask { opacity: 1; } .index-my-environment .list:hover img { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .index-my-environment .btns { text-align: center; padding-top: 10px; padding-bottom: 10px; } .index-my-environment .btns a { display: inline-block; background-image: url("/skin/images/banner-point.png"); width: 11px; height: 11px; margin-right: 10px; } .index-my-environment .btns a.current { background-image: url("/skin/images/banner-point-hover.png"); } .index-news { color: #fff; background-image: url("/skin/images/img-3.jpg"); min-height: 450px; background-position: center center; background-size: cover; background-color: #000; background-repeat: no-repeat; } .index-news .list { float: left; width: 50%; overflow: hidden; } .index-news .list .title { margin-bottom: 20px; text-align: left; } .index-news .list .title .cn { color: #fff; } .index-news .list:nth-child(1) .list-c { margin-right: 35px; } .index-news .list:nth-child(2) .list-c { margin-left: 35px; } .index-news .list .list-item { overflow: hidden; width: 100%; margin-bottom: 30px; min-height: 150px; position: relative; } .index-news .list .list-item .img { width: 150px; left: 0px; top: 0px; position: absolute; overflow: hidden; } .index-news .list .list-item .img .border-mask { border: 5px solid rgba(255,255,255,0.7); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; } .index-news .list .list-item .text { font-size: 12px; line-height: 20px; margin-left: 160px; } .index-news .list .list-item .text .tt { overflow: hidden; height: 30px; padding-top: 2px; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; } .index-news .list a { color: #fff; } .index-news .index-item-c { padding-bottom: 0px; } .index-contact { background-color: #fff; } .index-contact .list { float: left; width: 33.33333333333%; background-position: left center; color: #104c8b; font-size: 14px; min-height: 60px; line-height: 60px; background-repeat: no-repeat; } .index-contact .list:nth-child(1) { background-image: url("/skin/images/ccontact-01.jpg"); } .index-contact .list:nth-child(2) { background-image: url("/skin/images/ccontact-02.jpg"); } .index-contact .list:nth-child(3) { background-image: url("/skin/images/ccontact-03.jpg"); } .index-contact .list .tc { margin-left: 75px; border-right: 1px solid #e1dff5; margin-right: 25px; } .index-contact .list:nth-child(1) .tc { line-height: 22px; padding-top: 8px; } .index-contact .list:nth-child(1) .tc span { font-size: 11px; } .index-contact .list:nth-child(3) .tc { border-right: 0px; } .bottom { position: relative; background-color: #033f80; min-width: 1000px; } .bottom .logo { padding-left: 40px; float: left; width: 301px; } .bottom .text { background:#033f80; width: 609px; height: auto; border: none; float: right; color: #fff; font-size: 12px; line-height: 20px; text-align: right; padding-right: 20px; padding-top: 23px; } .bottom .text span { color: #1c74d0; } .bottom .text span a { color: #1c74d0; } .bottom-link { background-color: #104c8b; min-width: 1000px; } .bottom-link .bl-c a { float: left; width: 16%; height: 70px; line-height: 70px;/* text-align: center;*/ color: #fff; } .bottom-link .bl-c { height: 70px; max-width: 1000px; } .bottom-link .bl-d { max-width: 1000px; padding-bottom: 20px; display: none; } .bottom-link .bl-d .list { float: left; width: 16%; line-height: 20px; } .bottom-link .bl-d .list a { color: #ffffff; font-size: 12px; } .bottom .btn { position: absolute; left: 0px; top: -5px; width: 100%; text-align: center; } .bottom .btn span { cursor: pointer; display: inline-block; } .inner .inner-c { margin-top: 20px; margin-left: 20px; margin-right: 20px; position: relative; } .inner .inner-c .left { width: 273px; float: left; background-color: #eeeeee; } .inner .inner-c .left .category-t { font-size: 20px; color: #fff; border-bottom: 1px solid #777777; background-color: #033F80; border-left: 4px solid #808080; padding-left: 35px; line-height: 58px; height: 58px; } .inner .inner-c .left .category-a { height: 50px; overflow: hidden; display: block; line-height: 50px; background-image: url("/skin/images/category-list-bg.jpg"); background-position: left bottom; background-repeat: repeat-x; padding-left: 40px; color: #444444; font-size: 16px; } .inner .inner-c .right { margin-left: 340px; margin-bottom: 20px; } .common-list .right .list { overflow: hidden; width: 100%; margin-bottom: 25px; position: relative; min-height: 248px; } .common-list .right .list .img { display: block; width: 186px; position: absolute; left: 0px; top: 0px; } .common-list .right .list .img .mask { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; border: 6px solid rgba(255,255,255,0.5); } .common-list .right .list .text { margin-left: 220px; } .common-list .right .list .text .t { font-size: 20px; color: #000000; line-height: 35px; } .common-list .right .list .text .t-en { color: #777777; line-height: 18px; } .common-list .right .list .text .desc { padding-top: 20px; padding-bottom: 5px; } .common-list .right .list2 { float: left; width: 33.333333333333333%; margin-bottom: 13px; } .common-list .right .list2 .list-c { display: block; position: relative; } .common-list .right .list2:nth-child(3n-1) .list-c { margin-left: 7px; margin-right: 7px; } .common-list .right .list2:nth-child(3n-2) .list-c { margin-right: 13px; } .common-list .right .list2:nth-child(3n) .list-c { margin-left: 13px; } .common-list .right .list2 .list-c .text { position: absolute; left: 0px; bottom: 0px; height: 50px; background-color: #171e28; line-height: 50px; text-align: center; color: #fff; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .detail .banner .text { background-color: rgba(0,153,255,0.7); color: #000; } .detail .banner .text a { color: #000; } .detail .inner-c .img { position: relative; display: inline-block; } .detail .inner-c .img .mask { box-sizing: border-box; border: 4px solid rgba(255,255,255,0.5); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .detail .inner-c .img img { display: block; } .detail .inner-c .t { font-size: 24px; color: #867335; margin-bottom: 20px; line-height: 30px; margin-right: 160px; } .detail .inner-c { color: #777777; position: relative; } .detail .inner-c .d { position: absolute; right: 0px; top: 0px; color: #444; font-size: 12px; line-height: 30px; } .detail .inner-c img { max-width: 100%; height: auto; } .detail .inner-c .line { border-top: 1px solid #e3dcc6; height: 10px; } .download { margin-bottom: 20px; margin-top: 50px; } .download .download-t { font-size: 18px; color: #000000; height: 60px; line-height: 60px; border-top: 1px solid #CCCCCC; } .download .d-list { padding-left: 35px; text-decoration: underline; display: block; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; } .download .d-list.pdf { background-position: left center; background-repeat: no-repeat; background-image: url("/skin/images/pdf.jpg"); background-position: left center; } .school.inner { min-width: 1280px; } .school .title-bar { height: 50px; margin-bottom: 15px; background-color: rgba(23,30,40,0.6); background-image: url("/skin/images/school-title-bar-bg.png"); background-position: left top; background-repeat: no-repeat; } .school .right { width: 850px; } .school .title-bar .tb-c { width: 225px; text-align: center; line-height: 50px; color: #fff; } .school .title-bar .tb-c .cn { font-size: 18px; } .school .title-bar .tb-c .en { font-size: 13px; } .school .facilities { margin-bottom: 15px; width: 850px; } .school .facilities .img { display: block; position: relative; } .school .facilities .img .mask { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 4px solid rgba(255,255,255,0.5); box-sizing: border-box; } .school .facilities .img .mask .text { color: #fff; background-color: #B19D60; height: 32px; line-height: 32px; position: absolute; left: 0px; bottom: 0px; } .school .facilities .img .mask .text span { display: block; margin-left: 20px; padding-right: 15px; background-position: right center; background-repeat: no-repeat; margin-right: 5px; } .school .facilities .img:hover span { background-image: url("/skin/images/school-icon.jpg"); } .school .facilities .group-1 .l { float: left; width: 560px; } .school .facilities .group-1 .r { float: right; width: 270px; } .school .facilities .group-1 .r .img:first-child { margin-bottom: 24px; } .school .facilities .group { margin-bottom: 15px; } .school .facilities .group-2 .l { float: left; width: 270px; } .school .facilities .group-2 .r { float: right; width: 560px; } .school .facilities .group-3 .f-list { float: left; width: 33.33333333333%; text-align: center; } .school .facilities .group-3 .f-list .f-list-c { width: 270px; overflow: hidden; } .school .facilities .group-3 .f-list:nth-child(3) .f-list-c { float: right; } .school .facilities .group-3 .f-list:nth-child(2) .f-list-c { display: inline-block; } .school .service { margin-bottom: 20px; } .school .service .s-list { float: left; width: 33.3333333333333333%; text-align: center; } .school .service .s-list .s-list-c { width: 270px; height: 300px; background-color: #f2eeeb; } .school .service .s-list .s-list-c .slc-t { height: 40px; background-color: #ddd; color: #444; font-size: 15px; padding-left: 15px; text-align: left; line-height: 40px; } .school .service .s-list:nth-child(1) .s-list-c { background-image: url("/skin/images/school-service-bg-01.jpg"); } .school .service .s-list:nth-child(2) .s-list-c { display: inline-block; background-image: url("/skin/images/school-service-bg-02.jpg"); } .school .service .s-list:nth-child(3) .s-list-c { float: right; background-image: url("/skin/images/school-service-bg-03.jpg"); } .school .service .s-list .s-list-c .desc { line-height: 18px; text-align: left; padding: 15px; font-size: 12px; color: #777777; } .five-reasons .right .item { background-position: right bottom; background-repeat: no-repeat; color: #444444; font-size: 12px; line-height: 18px; } .five-reasons .right .item .item-c { padding-top: 20px; margin-left: 10px; padding-bottom: 20px; margin-right: 10px; } .five-reasons .right .item .t1 { color: #000; font-size: 18px; } .five-reasons .right .item .t2 { color: #000; font-size: 12px; margin-bottom: 20px; } .five-reasons .right .item.i1 { background-color: #C6CED4; background-image: url("/skin/images/1.png"); } .five-reasons .right .item.i1 .item-c { margin-right: 200px; } .five-reasons .right .item.i3 { background-color: #EBE8C5; float: left; width: 33.33333333%; height: 300px; background-image: url("/skin/images/2.png"); } .five-reasons .right .item.i4 { background-color: #D8CEAF; float: left; width: 33.33333333%; height: 300px; background-image: url("/skin/images/3.png"); } .five-reasons .right .item.i5 { background-color: #CBBD94; float: left; width: 33.33333333%; height: 300px; background-image: url("/skin/images/4.png"); } .five-reasons .right .item.i6 { float: left; width: 66.666666666666%; } .five-reasons .right .item.i7 { float: right; width: 33%; } .five-reasons .right .i7out { clear: both; margin-bottom: 20px; background-image: url("/skin/images/5.png"); background-color: #C6CED4; background-position: right bottom; background-repeat: no-repeat; } .special .special-banner { background-image: url("/skin/images/special-banner.jpg"); background-size: cover; position: relative; min-height: 510px; background-position: center top; } .special .special-banner .logo { background-color: rgba(23,30,40,0.8); position: absolute; left: 0px; top: 0px; width: 100%; height: 80px; } .special .special-banner .logo .logo-c { width: 223px; margin-left: 20px; padding-top: 7px; } .special .special-c { width: 1000px; } .special .special-c .about { height: 460px; background-color: rgba(23,30,40,0.8); float: right; width: 480px; border-radius: 0px 0px 5px 5px; } .special .special-c .about .about-c { margin-left: 20px; margin-right: 20px; color: #fff; line-height: 26px; } .special .special-c .about .about-c .t { font-size: 24px; color: #AF9D5F; margin-bottom: 5px; line-height: 24px; } .special .special-c .about .about-c .desc { margin-bottom: 20px; } .special .special-c .about .about-c .join-btn { margin-bottom: 10px; } .special .special-c .about .about-c .tel { background-image: url("/skin/images/tel-icon.png"); background-position: left center; background-repeat: no-repeat; display: inline-block; padding-left: 30px; } .special .special-bottom { clear: both; text-align: center; font-size: 12px; padding-top: 15px; padding-bottom: 15px; line-height: 18px; } .special .special-bottom span { color: rgba(0,0,0,0.33); } .special .special-c .right { float: right; } .special .special-c .left { float: left; width: 440px; padding-top: 90px; } .special .special-c .left .t { color: #000; font-size: 24px; padding-bottom: 15px; } .special .special-c .left .desc { padding-bottom: 30px; line-height: 26px; } .special .contact { background-color: #2D3741; clear: both; padding-top: 30px; color: #fff; font-size: 12px; line-height: 17px; padding-bottom: 30px; } .special .contact .contact-left { float: left; width: 535px; overflow: hidden; } .special .contact .contact-left .lm { float: left; width: 219px; } .special .contact .contact-left .lm .img { margin-bottom: 10px; } .special .contact .contact-left .lt { float: right; width: 300px; } .special .contact .contact-left .lt span { font-size: 14px; } .special .contact .contact-right { float: right; background-image: url("/skin/images/contact-bg.jpg"); width: 321px; padding-left: 60px; border-left: 1px solid #565e65; height: 230px; background-position: right top; background-repeat: no-repeat; position: relative; } .special .contact .contact-right .btn { position: absolute; left: 60px; top: 45px; font-size: 14px; width: 160px; } .special .contact .contact-right .btn a { display: inline-block; height: 35px; line-height: 35px; margin-top: 8px; background-color: #AF9D5F; color: #fff; text-align: center; width: 100%; } .special .contact .contact-right .tel { color: #000; font-size: 14px; left: 170px; line-height: 24px; position: absolute; top: 153px; } .course { min-width: 1280px; } .course .right .list-1 { overflow: hidden; margin-bottom: 10px; } .course .right .list-1 .l { float: left; width: 280px; } .course .right .list-1 .r { float: right; width: 574px; } .course .right .list-1 { width: 870px; } .course .right .list { position: relative; display: block; } .course .right .list .text { height: 35px; line-height: 35px; color: #fff; font-size: 18px; position: absolute; left: 0px; width: 100%; bottom: 0px; background-color: rgba(0,0,0,0.7); } .course .right .list .text span { display: block; padding-left: 10px; } .course .right .list .mask { display: none; position: absolute; left: 0px; top: 0px; font-size: 13px; line-height: 18px; background-color: rgba(0,0,0,0.7); width: 100%; height: 100%; text-align: center; color: #fff; } .course .right .list .mask .icon { padding-top: 30px; } .course .right .list .mask .title { font-size: 22px; padding-top: 20px; padding-bottom: 20px; } .course .right .list:hover .text { display: none; } .course .right .list:hover .mask { display: block; } .course .right .list-2 { overflow: hidden; margin-bottom: 10px; width: 870px; } .course .right .list-2 .l { float: left; width: 576px; } .course .right .list-2 .r { float: right; width: 280px; } .course .right .list-2 .r .list { margin-bottom: 10px; } .course .right .list-2 .r .list:last-child { margin-bottom: 0px; } .course .right .list-2 .l .ll { float: left; width: 403px; } .course .right .list-2 .l .lr { float: right; width: 160px; } .news-list .right .title-bar { border-bottom: 2px solid #74787e; margin-bottom: 10px; height: 42px; line-height: 42px; color: #898230; font-size: 24px; } .news-list .right .title-bar span { font-size: 14px; } .news-list .right .list { border-bottom: 1px dashed #cbcbcb; padding-bottom: 10px; margin-bottom: 10px; } .news-list .right .list .t { margin-bottom: 5px; font-size: 18px; } .news-list .right .list .t a { color: #585858; } .news-list .right .list .desc { color: #9a9a9a; line-height: 20px; padding-bottom: 5px; } .news-list .right .list .date { font-size: 12px; color: #9a9a9a; line-height: 16px; } .news-list .right .btn { padding-top: 20px; padding-bottom: 20px; } .news-list .right .btn a, .input-sub { background-color: #fff; line-height: 42px; font-size: 18px; color: #9a9a9a; border-radius: 5px; border: 1px solid #d2d2d2; height: 42px; width: 178px; display: inline-block; } .news-list .right .btn a:hover, .input-sub:hover { background-color: #b19d60; color: #fff; } .news-list .ap-list { position: relative; margin-bottom: 15px; } .news-list .ap-list .attr { position: absolute; left: 0px; top: 0px; width: 110px; text-align: right; font-size: 18px; color: #9a9a9a; } .news-list .ap-list .input { margin-left: 130px; margin-right: 50px; } .news-list .applyp-form { padding-top: 40px; } .news-list .ap-list .input .input-text { width: 100%; overflow: hidden; border: 0px; padding: 0px; margin: 0px; border: 1px solid #dcdcdc; height: 24px; color: #9a9a9a; } .search .search-bar { margin-top: 40px; margin-bottom: 35px; text-align: center; } .search .search-bar .sb-c { width: 790px; height: 42px; display: inline-block; position: relative; } .search .search-bar .sb-c .r { position: absolute; right: 0px; top: 0px; width: 113px; height: 42px; background-color: #74787e; } .search .search-bar .sb-c .r input { width: 100%; height: 42px; background: none; cursor: pointer; border: 0px; background-image: url("/skin/images/search-icon.png"); background-repeat: no-repeat; background-position: center center; } .search .search-bar .sb-c .l { border: 1px solid #dcdcdc; margin-right: 113px; height: 40px; } .search .search-bar .sb-c .l span { display: block; margin-left: 10px; margin-right: 10px; } .search .search-bar .sb-c .l span input { border: 0px; padding: 0px; margin: 0px; height: 40px; line-height: 40px; width: 100%; color: #74787e; } .search .s-right { position: absolute; right: 0px; top: 0px; width: 230px; } .search .s-right .item { display: block; margin-bottom: 10px; } .search .s-left { margin-right: 260px; } .search .search-out { position: relative; } .search .s-left .prompt { height: 50px; line-height: 50px; margin-bottom: 15px; color: #000000; border-bottom: 2px solid #74787e; } .search .s-left .prompt span { color: #b19d60; } .search .s-left .list { margin-bottom: 20px; overflow: hidden; position: relative; width: 100%; min-height: 188px; } .search .s-left .list .img { position: absolute; left: 0px; top: 0px; width: 250px; } .search .s-left .list .img .mask { border: 4px solid rgba(255,255,255,0.5); box-sizing: border-box; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .search .s-left .list .text { font-size: 12px; color: #444444; line-height: 22px; margin-left: 280px; } .search .s-left .list .text .t { font-size: 20px; } .search .s-left .list .text .t a { color: #000; } .search .s-left .list .text .en-t { color: #777777; font-size: 12px; margin-bottom: 10px; } .search .s-left .more { border-top: 1px dashed #cbcbcb; padding-top: 15px; padding-bottom: 15px; text-align: center; } .search .s-left .more a { line-height: 42px; font-size: 18px; color: #9a9a9a; border-radius: 5px; border: 1px solid #d2d2d2; height: 42px; width: 178px; display: inline-block; } .current { background: #ddd; } /*0128*/ .contact .contact-c { margin-left: 30px; margin-right: 30px; } .contact .contact-c .title { color: #b19d60; font-size: 32px; border-bottom: 1px solid #dadada; height: 70px; line-height: 70px; border-bottom: 1px solid #dadada; margin-bottom: 60px; } .contact .contact-c .title span { font-size: 15px; color: #777777; } .contact .contact-c .l { float: left; width: 530px; } .contact .contact-c .r { font-size: 14px; float: right; width: 520px; color: #777777; } .contact .contact-c .r .address { margin-bottom: 40px; } .contact .contact-c .r .address .a-list { position: relative; min-height: 32px; font-size: 18px; line-height: 28px; } .contact .contact-c .r .address .a-list .name { position: absolute; left: 0px; top: 0px; color: #b19d60; } .contact .contact-c .r .address .a-list .text { margin-left: 55px; } .contact .contact-c .r .address .a-list .text span { font-size: 14px; } .contact .contact-c .r .address .a-list .text a { color: #777; } .contact .contact-c .r .t { font-size: 18px; color: #b19d60; } #demos { width: 800%; }