/* CSS Document */ body { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 14px; background: #fff; } div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin: 0; } img { display: block; } /* Link */ a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { border: 0px; background-color: Transparent; } a { blr: expression(this.onFocus=this.blur()); outline: none; } input, select { outline: none; appearance: none; border-radius: 0; -webkit-appearance: none; /** 去除系统默认样式 */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /** 点击高亮 */ } .blank5 { width: 100%; height: 5px; clear: both; } .blank10 { width: 100%; height: 10px; clear: both; } .blank15 { width: 100%; height: 15px; clear: both; } .blank20 { width: 100%; height: 20px; clear: both; } .blank30 { width: 100%; height: 30px; clear: both; } .blank40 { width: 100%; height: 40px; clear: both; } .blank50 { width: 100%; height: 50px; clear: both; } .blank60 { width: 100%; height: 60px; clear: both; } .blank70 { width: 100%; height: 70px; clear: both; } .blank80 { width: 100%; height: 80px; clear: both; } /*Clear*/ .clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; } /*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/ /*针对1920的宽屏*/ .max { position: relative; overflow: hidden; } .top-box{ position:fixed;top:0px;left:0px;right:0px;height:45px;background:#fff;z-index:99;-moz-box-shadow:0px 2px 2px #cdcdcd;box-shadow:0px 2px 2px #cdcdcd; } .top-box .top-box-show{ width:1200px;height:45px;line-height:45px;margin:0px auto;background:#fff; } .top-box .top-box-show iframe{ float:left;width:300px;height:25px;margin:10px 0px; } .top-box .top-box-show .top-search{ float:right;height:45px;line-height:45px; } .top-box .top-box-show .top-search input{ vertical-align:middle;height:21px;width:150px;margin:5px 0px;padding:0px; } .top-box .top-box-show .top-search button{ vertical-align:middle;background:#006464;color:#fff;height:25px;margin:10px;padding:0px 15px; } /* 导航CSS*/ #header { width: 100%; height: 109px; position: relative; z-index: 88; } .hdbg { width: 100%; position: absolute; top: 0; left: 0; min-height: 105px; background: url(/templates/default/images/sbg.jpg) repeat; z-index: 300; } .border { width: 100%; position: absolute; top: 106px; left: 0; height: 5px; background: url(/templates/default/images/head_border.jpg) center bottom no-repeat; z-index: 300; } .logo { display: block; float: left; width: 300px; height: 94px; margin-top: 5px; } .nav { float: right; height: 106px; overflow: hidden; } .nav li { float: left; position: relative; padding-top: 54px; height: 52px; } .nav li a { position: relative; padding: 0 14px; color: #5D5D5D; font-size: 15px; z-index: 2; line-height: 30px; } .hbg { position: absolute; left: 0; bottom: -136px; width: 100%; height: 106px; background-color: #EA0000; z-index: 1; transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; *display: none; } .nav li:hover a { color: #fff; } .nav li.current a { color: #fff; } .nav li.current .hbg { bottom: 0px; *display: block; } .innav { padding-left: 10px; background: url(/templates/default/images/youjiantou.png) no-repeat left; background-size: 14px 14px; height: 35px; } .innav dd { line-height: 35px; float: left; margin: 0 15px; } .innav dd a { display: block; color: #006464; font-size: 16px; font-weight: bold; } .innav dd a:hover, .innav .on a { color: #ea0000; } .innav dt { display: block; line-height: 35px; margin: 0 15px; color: #006464; font-size: 16px; font-weight: bold; } .innav dt a { color: #006464; font-size: 16px; font-weight: normal; margin: 0 10px; } .innav dt a:hover, .innav .on a { color: #ea0000; } .innavbg { width: 100%; min-height: 230px; background: url(/templates/default/images/nav-bg.png) repeat; display: none; position: absolute; top: -230px; left: 0; z-index: 93; -webkit-transition: all .4s; transition: all .4s; *display: none; *top: -109px; } .openSubNav .innavbg { top: 109px; *display: block; } .innavposit { width: 100%; min-height: 109px; z-index: 1; } .innavbg .sNav { height: 230px; z-index: 1; } .innavbg .sNav h3 { font-size: 34px; color: #b0ba9c; font-family: "NovecentowideMedium"; line-height: 50px; letter-spacing: -1px; padding-left: 25px; text-transform: uppercase; } .suNav .sNav > div { position: absolute; top: 25px; left: 360px; display: none; } .nav-stock { color: #006464; position: absolute; top: 45px; left: 55px; width: 210px; height: 55px; line-height: 24px; } .nav-stock strong { font-family: "NovecentowideMedium"; font-size: 44px; position: absolute; top: 12px; right: 0px; height: 46px; line-height: 46px; } strong.red { color: #f00; } strong.green { color: #2F8457; } .w1230 { width: 1200px; position: relative; margin: 0 auto; } .m_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 594px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; } .m_index { width: 1200px; margin: 0 auto; } .m_box1 { width: 100%; float: left; padding: 20px 0; background: #f5f9fa; } .m_bleft { width: 400px; height: 380px; float: left; } .m_bleft_cokk { width: 100%; height: 47px; float: left; border-bottom: 2px solid #006464; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; text-align: left; line-height: 47px; font-weight: normal; } .m_bleft_cokk span { float: right; width: 19px; height: 18px; margin-top: 16px; } .m_bleft_cokk span a:link { width: 20px; height: 20px; display: block; background: url(/templates/default/images/more.png) left center no-repeat; } .m_bleft_cokk span a:hover { width: 20px; height: 20px; display: block; background: url(/templates/default/images/more_on.png) left center no-repeat; } /* 本例子css */ .newBox { width: 400px; height: 320px; float: left; overflow: hidden; position: relative; margin: 20px 0 0 0; } .newBox .whd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 55px; z-index: 1; } .newBox .whd ul { overflow: hidden; zoom: 1; float: left; } .newBox .whd ul li { float: left; margin-right: 10px; width: 12px; height: 12px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; color: #fff; border-radius: 50px; } .newBox .whd ul li.on { background: #006464; color: #006464; border-radius: 50px; } .newBox .wbd { position: relative; height: 100%; z-index: 0; } .newBox .wbd li { zoom: 1; vertical-align: middle; } .newBox .wbd img { width: 400px; height: 270px; display: block; } .newBox .wbd li a font { width: 380px; height: 40px; float: left; background: #5f5f5f; margin: 4px 0 0 0; padding: 0 10px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #fff; text-align: left; line-height: 40px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } /* 下面是前/后按钮代码，若是不需要删除即可 */ .newBox .prev, .newBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(/templates/default/css/images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .newBox .next { left: auto; right: 3%; background-position: 8px 5px; } .newBox .prev:hover, .newBox .next:hover { filter: alpha(opacity=100); opacity: 1; } .newBox .prevStop { display: none; } .newBox .nextStop { display: none; } .m_bcenter { width: 420px; height: 380px; float: left; margin: 0 0 0 20px; } .m_bcen_cokk { width: 100%; height: 47px; float: left; border-bottom: 2px solid #006464; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; text-align: left; line-height: 47px; font-weight: normal; } .m_bcen_cokk span { float: right; width: 19px; height: 18px; margin-top: 16px; } .m_bcen_cokk span a:link { width: 20px; height: 20px; display: block; background: url(/templates/default/images/more.png) left center no-repeat; } .m_bcen_cokk span a:hover { width: 20px; height: 20px; display: block; background: url(/templates/default/images/more_on.png) left center no-repeat; } .none { display: none; } .opBox .Opcon { width: 420px; float: left; margin: 0px 0px 0 0px; height: 47px; border-bottom: 2px solid #006464; } .opBox .Opcon ul { width: 420px; float: left; } .opBox .Opcon ul span { float: right; width: 19px; height: 18px; margin-top: 16px; } .opBox .Opcon ul span a:link { width: 20px; height: 20px; display: block; background: url(/templates/default/images/more.png) left center no-repeat; } .opBox .Opcon ul span a:hover { width: 20px; height: 20px; display: block; background: url(/templates/default/images/more_on.png) left center no-repeat; } .opBox .Opcon li { float: left; cursor: pointer; height: 47px; line-height: 47px; font-weight: bold; text-align: center; width: 80px; margin: 0; padding: 0 10px 0 10px; position: relative; z-index: 16; } .opBox .Opcon li:first-child:after { width: 1px; height: 20px; background: #d1d1d1; position: absolute; content: ''; top: 16px; right: 0; } .opBox .Opcon li a { text-decoration: none; } .opBox .Opcon .active { color: #ff0101; font-size: 18px; font-weight: normal; font-family: 'Microsoft YaHei'; border-bottom: 2px solid #ff0101; } .opBox .Opcon .normal { color: #333; font-size: 18px; font-weight: normal; font-family: 'Microsoft YaHei'; border-bottom: 2px solid #006464; } .opBox .Dcont { width: 420px; float: left; overflow: hidden; padding: 0px; display: block; } .news_info { height: auto; padding-top: 15px; } .news_info ul { list-style-type: none; } .news_info li { height: 32px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 420px; } .news_info a font { float: right; font-size: 12px; color: #999; } .news_info a b { width: 340px; height: 32px; float: left; font-size: 14px; color: #333; text-align: left; line-height: 32px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; } .m_bright { width: 350px; height: 380px; float: right; } .m_brig_cokk { width: 100%; height: 47px; float: left; border-bottom: 2px solid #006464; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; text-align: left; line-height: 47px; font-weight: normal; } .m_brig_cokk span { float: right; width: 19px; height: 18px; margin-top: 16px; } .m_brig_cokk span a:link { width: 20px; height: 20px; display: block; background: url(/templates/default/images/more.png) left center no-repeat; } .m_brig_cokk span a:hover { width: 20px; height: 20px; display: block; background: url(/templates/default/images/more_on.png) left center no-repeat; } .m_brigbg { width: 350px; height: 334px; float: left; background: #f7f7f7; overflow: hidden; } .m_brigbg ul { width: 354px; height: auto; float: left; } .m_brigbg ul li { width: 175px; height: 175px; float: left; border-right: 2px solid #c9c9c9; border-bottom: 2px solid #c9c9c9; } .m_brigbg ul li a img.img1 { display: block; margin: 30px auto 0px auto; } .m_brigbg ul li a img.img2 { display: none; margin: 30px auto 0px auto; } .m_brigbg ul li a font { width: 100%; height: 30px; float: left; font-size: 16px; color: #333; text-align: center; line-height: 30px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; } .m_brigbg ul li a:hover img.img1 { display: none; margin: 30px auto 0px auto; } .m_brigbg ul li a:hover img.img2 { display: block; margin: 30px auto 0px auto; } .m_brigbg ul li a:hover font { color: #006464; } .m_box2 { width: 100%; float: left; padding: 20px 0; background: #fff; } .newslist { width: 100%; float: left; } .newslist ul { width: 100%; float: left; margin: 10px 0 0 0; } .newslist ul li { color: #666; text-decoration: none; height: 30px; line-height: 30px; clear: both; background: url(/templates/default/images/icon.gif) no-repeat left 50%; padding-left: 15px; border-bottom: dashed 1px #9f9f9f; font-size: 14px; } .newslist ul li a font { float: right; color: #333; margin-right: 10px; } .newslist ul li a b { width: 260px; height: 30px; float: left; font-size: 14px; color: #333; text-align: left; line-height: 32px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; } .newslist ul li a:hover b { color: #006464; text-decoration: none; } .m_gbg { width: 350px; height: 365px; float: left; background: #f7f7f7; border-bottom: 2px solid #c9c9c9; overflow: hidden; } .new_gbk { width: 320px; float: left; margin: 20px 0 20px 16px; background: #e9e9f2; padding: 10px 0 10px 0; } .m_gbk1 { width: 240px; height: 40px; float: left; margin: 20px 0 0px 16px; background: #fff url(../images/t14.jpg) no-repeat left top; border: 2px solid #f1eeee; padding-left: 40px; position: relative; z-index: 22; } .m_gbk1 input.inp1 { width: 230px; height: 40px; float: left; padding-left: 10px; position: relative; z-index: 5; background: #fff; border: none; font-size: 14px; color: #333; text-align: left; line-height: 40px; font-weight: normal; font-style: normal; cursor: pointer; } .m_gbk2 { width: 240px; height: 40px; float: left; margin: 20px 0 0px 16px; background: #fff url(../images/t15.jpg) no-repeat left top; border: 2px solid #f1eeee; padding-left: 40px; position: relative; z-index: 22; } .m_gbk2 input.inp2 { width: 230px; height: 40px; float: left; position: relative; z-index: 5; background: #fff; border: none; padding-left: 10px; font-size: 14px; color: #333; text-align: left; line-height: 40px; font-weight: normal; font-style: normal; cursor: pointer; } .m_gbk2 .gico { width: 18px; height: 15px; float: right; position: absolute; z-index: 7; top: 14px; right: 10px; } input.inp3 { width: 320px; height: 40px; float: left; position: relative; z-index: 5; margin: 10px 0 0 16px; background: #006464; border: none; padding-left: 0px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; font-style: normal; cursor: pointer; letter-spacing: 10px; } input.inp2 { width: 320px; height: 40px; float: left; position: relative; z-index: 5; background: #3b3b3b; border: none; padding-left: 0px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; font-style: normal; cursor: pointer; } .m_gbk3 { width:240px; height:30px; line-height:30px; float:left; text-align:right; margin: 20px 0 0px 16px; padding-left: 40px; } .m_gbk4 { width: 240px; height: 40px; float: left; margin: 20px 0 0px 16px; background: #fff url(../images/t17.jpg) no-repeat left top; border: 2px solid #f1eeee; padding-left: 40px; position: relative; z-index: 22; } .m_gbk4 input.inp2 { width: 230px; height: 40px; float: left; position: relative; z-index: 5; background: #fff; border: none; padding-left: 10px; font-size: 14px; color: #333; text-align: left; line-height: 40px; font-weight: normal; font-style: normal; cursor: pointer; } .m_gbk4 .gico { width: 18px; height: 15px; float: right; position: absolute; z-index: 7; top: 14px; right: 10px; } .m_school { width: 100%; height: auto; float: left; overflow: hidden; } .m_scho_cokk { width: 100%; height: 47px; float: left; border-bottom: 2px solid #006464; font-family: 'Microsoft YaHei'; font-size: 18px; color: #333; text-align: left; line-height: 47px; font-weight: normal; } .m_scho_cokk span { float: right; width: 19px; height: 18px; margin-top: 16px; } .m_scho_cokk span a:link { width: 20px; height: 20px; display: block; background: url(/templates/default/images/more.png) left center no-repeat; } .m_scho_cokk span a:hover { width: 20px; height: 20px; display: block; background: url(/templates/default/images/more_on.png) left center no-repeat; } .m_school dl { width: 1255px; height: auto; float: left; margin: 0px 0 0 0; } .m_school dl dt { width: 270px; height: auto; float: left; margin: 0px 40px 20px 0; } .m_school dl dt h3 { width: 270px; height: 40px; float: left; background: #006464; border: 1px solid #888; border-radius: 6px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; } .m_school dl dt ul { width: 270px; height: auto; float: left; } .m_school dl dt ul li { width: 270px; height: 40px; float: left; margin: 20px 40px 0 0; background: #006464; border: 1px solid #888; border-radius: 6px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; } .m_school dl dt ul li:hover { background: #9b1a1d; } .m_school dl dt ul li a { font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; font-style: normal; } /*首页 向导眷注 Leadership care */ .m_casebox { width: 1920px; *width: 1920px; _width: 1920px; height: 560px; position: relative; z-index: 20; margin: 0; top: 0; float: left; left: 50%; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; overflow: hidden; } .m_casebox .swiper-container { width: 100%; height: 560px; margin-left: auto; margin-right: auto; } .m_casebox .swiper-slide { background-size: cover; background-position: center; } .m_casebox .gallery-top { height: 100%; width: 100%; position: relative; z-index: 30; } .m_casebox .gallery-top img { position: relative; z-index: 5; } .m_casebox .gallery-top .galtop { width: 1160px; height: auto; background: rgba(0,100,100,.4); overflow: hidden; position: absolute; z-index: 20; left: 50%; margin-left: -600px; padding: 20px; top: 60px; } .m_casebox .gallery-top .galtop h3 { width: 100%; height: auto; float: left; font-size: 30px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; } .m_casebox .gallery-top .galtop h3 font { width: 100%; height: 30px; float: left; font-size: 24px; color: #fff; text-align: left; line-height: 30px; font-weight: bold; text-transform: capitalize; } .m_casebox .gallery-top .galtop h4 { width: 100%; height: 60px; float: left; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: bold; margin: 40px 0 20px 0; text-overflow: ellipsis; overflow: hidden; } .m_casebox .gallery-top .galtop h5 { width: 100%; height: 30px; float: left; font-size: 20px; color: #fff; text-align: left; line-height: 30px; font-weight: bold; margin: 10px 0 0px 0; } .m_casebox .gallery-top .galtop h5 a { width: 100%; height: 30px; float: left; font-size: 20px; color: #fff; text-align: left; line-height: 30px; font-weight: bold; } .m_casebox .gallery-thumbs { box-sizing: border-box; padding: 10px 0; width: 1200px; overflow: hidden; position: absolute; z-index: 40; left: 50%; margin-left: -600px; top: 380px; } .m_casebox .gallery-thumbs .swiper-slide { cursor: pointer; opacity: .8; } .m_casebox .gallery-thumbs .swiper-slide img { width: 220px; height: auto; border: 2px solid #006464; } .m_casebox .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; cursor: pointer; } .m_casebox .gallery-thumbs .swiper-slide-thumb-active img { width: 220px; height: auto; border: 2px solid #EA0000; } /* 首页 结业留念 Graduation pictures*/ .m_graduat { width: 100%; height: 580px; float: left; padding: 20px 0; overflow: hidden; } .m_grad_cokk { width: 100%; height: 47px; float: left; font-family: 'Microsoft YaHei'; font-size: 24px; color: #333; text-align: left; line-height: 47px; font-weight: bold; } .m_grad_cokk span { float: right; } .m_grad_cokk span a { font-size: 16px; color: #333; text-align: left; line-height: 47px; font-weight: normal; } .m_grad_cokk span a:hover { color: #006464; } .worksimg { width: 100%; height: 540px; float: left; margin: 30px 0 30px 0px; position: relative; } .swiper-container6 { width: 100%; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 2; overflow: hidden; } .swiper-container6 .swiper-slide6 { width: 979px; height: 454px; position: relative; z-index: 32; } .swiper-container6 .swiper-slide6 img { position: relative; z-index: 12; } .swiper-container6 .swipbg { width: 100%; height: 100%; display: block; position: absolute; z-index: 23; background: url(/templates/default/images/bgc2.png) repeat left bottom; left: 0; top: 0; text-indent: -99999px; } .swiper-slide-active .swipbg { width: 100%; height: 100%; position: absolute; z-index: 23; background: url(/templates/default/images/bgc2.png) repeat left bottom; left: 0; top: 0; text-indent: -99999px; display: none; } /* 首页 硕果累累 Fruitful */ .m_friutbg { width: 1920px; *width: 1920px; _width: 1920px; height: 617px; position: relative; z-index: 12; margin: 0; top: 0; float: left; left: 50%; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; background: url(/templates/default/images/bgcs1.jpg) no-repeat center bottom; overflow: hidden; } .full_cokk { width: 100%; float: left; margin: 30px 0 20px 0; font-size: 24px; color: #fff; text-align: center; line-height: 40px; font-weight: bold; } .full_cokk font { width: 100%; float: left; margin: 0px 0 10px 0; font-family: Arial; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: bold; text-transform: uppercase; } .fruitfulimgs { width: 100%; height: 320px; float: left; margin: 30px 0 30px 0px; position: relative; } #certify { position: relative; width: 1200px; float: left; overflow: hidden; } #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width: 540px; height: 300px; text-align: center; line-height: 300px; } #certify .swiper-slide img { display: block; margin: 0 auto; } #certify .swiper-slide-active img { width: 540px; height: 300px; display: block; margin: 0 auto; } #certify .swiper-button-prev { left: 60px; width: 22px; height: 40px; top: 160px; background: url(/templates/default/images/custom_left.png) no-repeat; } #certify .swiper-button-next { right: 60px; width: 22px; height: 40px; top: 160px; background: url(/templates/default/images/custom_right.png) no-repeat; } /* 通用 */ #main { position: relative; margin: 0 auto; width: 1200px; background: #fff url(../images/left_bg2.jpg) repeat-y left 0; z-index: 66; } .wrap { margin: 0 auto; height: auto; width: 1200px; min-width: 1200px; text-align: left; display: table; } #pleft { float: left; width: 258px; height: auto; position: relative; z-index: 77; padding: 0 0 80px 0; } #pright { background: #fff; float: right; width: 900px; height: auto; padding-bottom: 20px; overflow: hidden; } .xbanner { width: 100%; min-width: 1200px; height: auto; position: relative; z-index: 34; } .xbanner img { width: 100%; min-width: 1200px; height: auto; border-bottom: 1px solid #dadbd6; text-align: center; margin: 0 auto; } /*左侧问题*/ #leftr { float: left; margin-top: -32px; padding-top: 0px; width: 258px; position: relative; } #leftr .menu { width: 100%; float: left; } #leftr .menu li { position: relative; width: 100%; height: 45px; float: left; line-height: 45px; border-bottom: 1px solid #e6e6e6; } #leftr .menu li a { position: absolute; top: 0; left: 0; z-index: 2; color: #333; width: 100%; height: 100%; font-weight: bold; text-indent: 22px; *position: relative; } #leftr .menu li .abs { position: absolute; top: 0; left: 0; z-index: 1; width: 0; height: 100%; background-color: #eeefeb; } #leftr .menu li:hover a, #leftr .menu li.on a { color: #006464; } /* 二级栏目的题 */ #leftr .left_title { margin: -32px -1px 0 -1px; width: 259px; height: 120px; float: left; position: relative; z-index: 68; background-color: #006464; display: block; } #leftr .left_title .tit3 { float: left; padding: 70px 0 20px 22px; font-family: Arial; font-size: 26px; color: #fff; text-align: left; line-height: 40px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; } /*----------------------目今位置---------------------*/ .position { width: 840px; float: left; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; padding: 0 20px 0 20px; margin-top: 10px; border-bottom: 3px solid #999a9a; background: #fff url(../images/home.png) no-repeat 4px 10px; background-size: 20px 20px; } .position a { color: #333; } .position a:first-child { padding-left: 20px; color: #333; } .position span { float: right; font-size: 14px; font-weight: normal; } .position i { font-size: 12px; font-weight: normal; color: #999; } .position span a:link { font-size: 12px; } .position span a:visited { font-size: 12px; } .position span a:hover { font-size: 12px; } /*----------------------新闻 目今位置---------------------*/ .pos_new { width: 840px; float: left; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; padding: 0 20px 0 20px; margin-top: 10px; border-bottom: 3px solid #999a9a; background: #fff url(../images/home.png) no-repeat 4px 10px; background-size: 20px 20px; } .pos_new a { color: #333; } .pos_new a:first-child {color: #333; } .pos_new span { float: left; padding-left: 20px; font-size: 14px; font-weight: normal; } .pos_new i { font-size: 12px; font-weight: normal; color: #999; } .pos_new span a:link { font-size: 12px; } .pos_new span a:visited { font-size: 12px; } .pos_new span a:hover { font-size: 12px; } .pos_new font { float:right; font-size: 14px; font-weight: normal; } .about_content { width: 900px; min-height: 500px; float: left; font-size: 14px; line-height: 30px; padding-bottom: 30px; padding-top: 30px; overflow: hidden; } .about_content font { width: 100%; float: left; font-size: 16px; font-weight: bold; margin: 5px 0; } .about_content a:link { font-size: 14px; line-height: 30px; } .about_content a:visited { font-size: 14px; line-height: 30px; } .about_content a:hover { font-size: 14px; line-height: 30px; } .about_content h3 { color: #15636a; font-size: 22px; text-align: center; padding-bottom: 20px; } .about_content h4 { width: 100%; float: left; height: 40px; background-color: #f3f3f3; color: #e01216; font-size: 16px; padding-left: 10px; line-height: 40px; margin-top: 20px; margin-bottom: 20px; } .about_content img{display:block; margin:0 auto;} .about_xyuan { width: 900px; float: left; margin: 20px 0 20px 0; } .about_xyuan ul { width: 920px; float: left; } .about_xyuan ul li { width: 205px; height: 340px; float: left; margin: 0px 20px 20px 0; } .about_xyuan ul li img { border: 2px solid #c9c9c9; padding: 3px; height: 267px; width: 200px; float: left; transition: all 1.5s ease-in; } .about_xyuan ul li:hover img { border: 2px solid #006464; float: left; transition: all .5s ease-in; background: #f1eeee; } .about_xyuan ul li font { width: 100%; height: 60px; font-size: 14px; color: #333; text-align: center; line-height: 20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .about_xyuan ul li:hover font { color: #006464; } .about_leader { width: 900px; float: left; margin: 20px 0 20px 0; } .about_leader ul { width: 900px; float: left; } .about_leader ul li { width: 100%; height: auto; float: left; margin: 10px 0px 10px 0; border-bottom: 2px #eaeaea solid; } .about_leader ul li .lead_img { width: 200px; float: left; padding: 10px 20px 20px 10px; } .about_leader ul li .lead_img img { width: 200px; display: block; } .about_leader ul li .lead_img font { width: 198px; height: 60px; float: left; font-size: 14px; color: #333; text-align: center; line-height: 20px; font-weight: normal; padding: 5px 0 0 2px; } .about_leader ul li .lftxt { width: 670px; height: auto; float: left; font-size: 14px; color: #333; text-align: left; line-height: 20px; font-weight: normal; padding: 0 0 20px 0; } /*guanhuai*/ .m2nList { margin-bottom: 40px; width: 900px; float: left; } .m2nList ul { margin-bottom: 40px; width: 900px; float: left; overflow: hidden; } .m2nList ul li { width: 900px; float: left; padding: 20px 0; border-bottom: 2px solid #eaeaea; } .m2nList ul li:hover { background: #eaeaea; } .m2nList ul li .imgB { width: 286px; height: 201px; float: left; margin-left: 20px; overflow: hidden; } .m2nList ul li .imgB img { display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; } .m2nList ul li:hover .imgB img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; } .m2nList ul li .m2nDes { width: 540px; height: auto; float: left; margin: 10px 0 20px 20px; font-size: 14px; color: #333; text-align: left; line-height: 28px; font-weight: normal; } .m2nList ul li .m2nDes h3 { width: 100%; float: left; font-size: 18px; color: #333; text-align: left; line-height: 30px; font-weight: normal; padding: 5px 0; } .m2nList ul li .m2nDes h4 { width: 100%; float: left; font-size: 15px; color: #8a8a8a; text-align: left; line-height: 20px; font-weight: normal; padding: 5px 0; } .m2nList ul li .m2nDes h4 img { float: left; width: 15px; height: 15px; margin: 5px 10px 0 0; } .m2nList ul li .m2nDes h4 font { float: left; margin: 0 20px 0 0; font-size: 15px; color: #8a8a8a; text-align: left; line-height: 20px; font-weight: normal; } .m2nList ul li:hover .m2nDes h3 { color: #006464; } /*guanhuai xq*/ .arc_tcon { width: 100%; float: left; margin:10px 0 0 0; font-size: 14px; text-align: left;line-height: 30px; box-sizing: border-box;padding-right: 20px;} .arc_tcon h3 { width: 100%; float: left; text-align: center; font-size: 19px; color: #323232; font-weight: bold; line-height: 30px; } .arc_tcon h4 { width: 100%; float: left; text-align: center; height: 40px; border-bottom: 1px #ddd dashed; line-height: 40px; color: #888; margin-top: 5px; padding-bottom: 3px; font-weight:normal;} .arc_tcon img { display: block; margin: 0 auto; } /*video*/ .plist { padding: 0px; } .plist ul { width: 960px; float: left; } .plist ul li { float: left; width: 300px; height: 230px; margin: 20px 10px 30px 0; position: relative; z-index: 22; } .plist ul li .divimg { width: 300px; height: 230px; border: #cccccc 0px solid; overflow: hidden; position: relative; z-index: 20; } .plist ul li .divimg:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .plist ul li .divimg img { position: relative; z-index: 5; } .plist ul li a font { width: 100%; height: 40px; line-height: 40px; margin-top: 0px; position: relative; float: left; text-align: center; color: #333; } .plist ul li .divimg .play_mark { position: absolute; top: 80px; display: block; width: 60px; float: left; left: 50%; margin-left: -30px; z-index: 9; } /*video*/ .videshow { width: 900px; float: left; padding:20px 0 30px 0; } .videshow h3 { width: 900px; float: left; line-height: 40px; font-size: 32px; font-weight: bold; text-align: center; } .vides { width: 900px; height: 675px; background: #000; margin: 20px 0 40px 0; float: left; } .vides iframe{ width:100%; height:675px; } /*旗下学校*/ dl.prolist_dl{height:auto; vertical-align:top; float:left; margin-top:20px; padding-bottom:10px; background-color: #fbf6e8;} dl.prolist_dl dt{float:left; width:200px; height:150px; overflow:hidden;} dl.prolist_dl dt a{display:block;} dl.prolist_dl dt img{ display:block;width:200px;height:150px;margin:12px;} dl.prolist_dl dd{float:left; padding-left:22px; width:620px; padding-right:22px; overflow:hidden;} dl.prolist_dl dd h4{display:block; font-size:16px; font-weight:bold; height:48px; overflow:hidden; margin-bottom:5px; line-height:48px; padding:4px 0 0;border-bottom: 1px #eaeaea solid;} dl.prolist_dl dd h4 i{float:left; padding-right:15px; display:none;} dl.prolist_dl dd h4 a{ color:#333333; display:block; white-space:nowrap; text-overflow:ellipsis;} dl.prolist_dl dd h5{ display:block;font-size:12px; width:100%; line-height:22px; text-align: justify;margin-bottom: 10px;} dl.prolist_dl dd em a{line-height: 36px;text-align: center;width:131px;height: 36px;display: inline-block;background:#959595;color:#fff;font-size: 14px;} dl.prolist_dl dd em a.zx{background:#e81a2b;margin-left: 10px;} dl.prolist_dl dd h4 a:hover{color:#e81a2b;text-decoration: none;} dl.prolist_dl dd em a:hover{font-weight:bold;text-decoration: none;} dl.prolist_dl dt a:hover{border-color:#e81a2b;} /*zhaopin*/ .zhaopin{width:900px; float:left; margin:10px 0 20px 0;} .menu_head{padding:15px 30px 15px 10px;cursor:pointer;position:relative;margin:5px 0 5px 0;font-weight:bold;background:#525252 url(../images/left1.png) 840px 15px no-repeat; background-size:20px 20px; text-align:left; font-size:15px; color:#fff; text-align:left; width:850px; float:left;} .menu_list .current{background:#006464 url(../images/down1.png) 840px 15px no-repeat; background-size:20px 20px; } .menu_body{display:none; width:890px; float:left; font-size:14px; color:#333; text-align:left; font-weight:normal; line-height:30px; padding:10px 5px;} .menu_body img{display:block; margin:0 auto;} /*shuoguo*/ .shuoguo1 { width: 900px; float: left; margin: 20px 0 20px 0; } .shuoguo1 ul { width: 920px; float: left; } .shuoguo1 ul li { width: 280px; height:246px; float: left; margin: 0px 20px 20px 0; } .shuoguo1 ul li a img { border: 2px solid #c9c9c9; padding: 3px; width: 274px; height:194px; float: left; transition: all 1.5s ease-in; } .shuoguo1 ul li:hover a img { border: 2px solid #006464; float: left; transition: all .5s ease-in; background: #f1eeee; } .shuoguo1 ul li a font { width: 100%; height:40px; float:left; font-size: 14px; color: #333; text-align: center; line-height: 20px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .shuoguo1 ul li a:hover font { color: #006464; } /*down*/ .dowlist { margin-bottom: 40px; width:880px; float: left; overflow: hidden;} .dowlist ul { margin:20px 0 0 0; width: 900px; float: left; overflow: hidden; } .dowlist ul li { width: 900px; float: left; padding:0px 0; height:80px; background:#fff; border-bottom: 2px solid #eaeaea;} .dowlist ul li:hover { background: #eaeaea; } .dowlist ul li .imgD { width: 50px; height: 50px; float: left; margin:16px 10px 0 20px; overflow: hidden; } .dowlist ul li .imgD img { display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; } .m2nList ul li:hover .imgD img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; } .dowlist ul li .downDes { width: 700px; height: auto; float: left; margin:10px 0 20px 20px; font-size: 14px; color: #333; text-align: left; line-height: 28px; font-weight: normal; } .dowlist ul li .downDes h3 { width: 100%; float: left; font-size: 18px; color: #333; text-align: left; line-height: 20px; font-weight: normal; padding: 5px 0; } .dowlist ul li .downDes h4 { width: 100%; float: left; font-size: 15px; color: #8a8a8a; text-align: left; line-height: 20px; font-weight: normal; padding: 5px 0; } .dowlist ul li .downDes h4 img { float: left; width: 15px; height: 15px; margin: 5px 10px 0 0; } .dowlist ul li .downDes h4 font { float: left; margin: 0 20px 0 0; font-size: 15px; color: #8a8a8a; text-align: left; line-height: 20px; font-weight: normal; } .dowlist ul li:hover .downDes h3 { color: #006464; } /*联系*/ .contact{width:890px; float:left; overflow:hidden;} .contact h3 { width:100%; float:left;font-size: 22px; height:40px; line-height:40px; border-bottom:1px solid #e7e7e7; padding-top:50px;} .contact h3 span { height:16px; width:4px; background:#cd9322; display:inline-block; margin-right:10px; top:2px; position:relative; } .contact .addr li { width:450px; float:left; font-size:18px; padding-bottom:0px; } .contact iframe { width:968px; height:420px; border:none; } /*关于仲博cbin99——联系仲博cbin99*/ .addr_l { float:left; width:600px; padding-top:20px; } .addr_r { float:right; width:280px; text-align: center; padding-top:10px;} .addr_r img { width:260px;border:1px solid #f5e9d3;} .lx { width:100%; float:left; border-bottom:1px #e7e7e7 solid; /*height:65px;*/ } .lx .lx_1 { float:left; height:65px; } .lx .lx_1 img{float:left; width:30px; margin:10px 10px 0 0;} .lx .lx_2 { float:left; padding-top:10px; line-height:22px; padding-left:14px; font-size:14px; color:#333; } .lx .lx_2 span { color:#000; } .lx2 { width:820px; padding-top:26px; float:left; } .lx2 .t_lx { width:900px; float:left; background:url(/templates/default/css/images/tab_off.jpg) bottom repeat-x; } .lx2 .t_lx li { width:126px; height:40px; text-align:center; line-height:40px; float:left; } .lx2 .t_lx li a { width:126px; height:40px;line-height:40px; float:left; font-size:18px; color:#333; } .lx2 .t_lx li a:hover, .lx2 .t_lx li.on a { width:126px; height:40px; line-height:40px; float:left; background:url(/templates/default/css/images/tab_on.jpg) no-repeat; color:#a60302; } .lx2 .d_lx { width:910px; float:left; padding-top:20px; } /*gbook*/ .about_content table.table { max-width: 100%;} .about_content table.table td { font-size: 14px;padding-left: 10px;border: 0; } table.table1 { width: 100%; float:left; border-collapse:collapse; } table.table1 th { width:80px; height:auto; float:left; margin-top:10px; padding-right:10px; font-family:"Microsoft YaHei"; font-size:14px; color:#434343; line-height:30px; text-align:right; font-weight:normal; } table.table1 td { width:770px; height:auto; float:left; margin-top:10px; font-size: 14px; line-height: 30px; text-align:left; font-weight:normal; } table.table1 td span{float:left; margin:0 0 0 10px; color:#EA0000;} table.table1 td input.inp11 { width: 343px; height: 35px; float:left; border: 1px #d9d9d9 solid; padding-left: 5px; font-size: 14px; line-height: 30px; } table.table1 td textarea.inp12 { width:770px; height: 235px; float:left; border: 1px #d9d9d9 solid; padding-left: 5px; font-size: 14px; line-height: 30px; text-align:left; font-weight:normal; } table.table1 td input.inp13 { width:73px; height: 35px; float:left; border: 1px #d9d9d9 solid; padding-left: 5px; font-size: 14px; line-height: 30px; } table.table1 td img{float:left; margin:0px 5px; height: 35px; border: 1px #d9d9d9 solid;} table.table1 td input.inp14 { width:120px; height: 35px; float:left; background:#006464; border: 1px #c9c9c9 solid; border-radius:6px; font-size: 16px; color:#fff; line-height: 30px; text-align:center; font-weight:normal; } table.table1 td input.inp15 { width:120px; height: 35px; float:left; background:#8a8a8a; border: 1px #c9c9c9 solid; border-radius:6px; font-size: 16px; line-height: 30px; color:#fff; text-align:center; font-weight:normal; margin-left:40px; } /*fanye*/ .s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; } DIV.quotes { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; } DIV.quotes A { float:left;padding: 8px 12px 8px 12px; font-family: Arial; font-size: 14px; COLOR: #8d8d8d; MARGIN-RIGHT: 8px; TEXT-DECORATION: none; border: #b0b0b0 1px solid; } DIV.quotes A:hover { padding: 8px 12px 8px 12px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; border: #006464 1px solid; BACKGROUND-COLOR: #006464; } DIV.quotes A:active { padding: 8px 12px 8px 12px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; } DIV.quotes SPAN.current, DIV.quotes .select{ padding: 8px 12px 8px 12px; FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #006464 1px solid; BACKGROUND-COLOR: #006464; } DIV.quotes SPAN.disabled { padding: 8px 12px 8px 12px; font-family: Arial; font-size: 14px; COLOR: #8d8d8d; MARGIN-RIGHT: 8px; BORDER: #e0e0e0 1px solid; } /*fenye*/ .pagenext { width: 900px; float: left; color: #525252; height: auto; border-top: 1px #ddd dashed; width: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; display: inline; } .pagenext ul { list-style-type: none; } .pagenext li { width: 100%; float: left; line-height: 25px; color: #525252; font-size: 14px; font-weight: normal; } .pagenext li a { line-height: 25px; color: #525252; font-size: 14px; font-weight: normal; } .pagenext li a:hover { color: #006464; } /*foot*/ .m_foot { width: 100%; float: left; position: relative; } .fl { float: left; } .fr { float: right; } .footLink { width: 1920px; *width: 1920px; _width: 1920px; min-height: 260px; position: relative; z-index: 5; margin: 0; top: 0; float: left; left: 50%; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; background: #f7f7ef; overflow: hidden; } .box_w { width: 1200px; margin: 0px auto; overflow: hidden; } .box_w ul { width: 870px; margin: 40px 0 30px 0; } .link_list { float: left; } .link_list li { float: left; width: 120px; padding-right: 5px; padding-left: 20px; background: url(/templates/default/images/line.jpg) no-repeat right 60px; min-height: 230px; _height: 230px; } .link_list li.liEnd { background: none; } .link_list li h2 { margin: 0; padding: 0; margin-bottom: 10px; } .link_list li h2 span { display: block; padding-left: 10px; padding-bottom: 15px; } .link_list li h2 a { color: #5e5e5e; font-size: 14px; display: inline-block; line-height: 24px; } .link_list li font { display: block; margin: 0; padding: 0; line-height: 24px; } .link_list li font a { color: #717171; } .link_list li a:hover { color: #004c95; } .footer-info { display: block; width: 100%; height: 60px; float: left; line-height: 60px; text-align: center; color: #fff; background-color: #0d5151; font-size: 14px; } .footer-info a { color: #fff; } .footer-info a:hover { color: #ffffff; } .footlogo img { display: inline-table; position: absolute; bottom: 0px; left: 50%; height: auto; z-index: -1; } .box_w .ewm { width: 180px; float: right; margin: 30px 0 0 0; } .box_w .ewm a { display: block; border-right: 2px solid rgba(255,255,255,0.2); } .box_w .ewm img { width: 180px; height: 180px; } .box_w .ewm font { display: block; margin: 10px 0px 0px; width: 180px; text-align: center; font-size: 16px; color: #333; } /*gotop*/ .upfixed { position: fixed; right: 20px; transition: bottom ease .3s; bottom: -100px; z-index: 10000; cursor: pointer; } .upfixed .cbbtn { width: 50px; height: 50px; display: block; background-color: #ccc; /* rgba(0,0,0,.2) */ } .upfixed .gotop { transition: background-color ease .3s; margin-top: 2px; } .upfixed .gotop .up-icon { float: left; margin: 18px 0 0 11px; width: 28px; height: 15px; background: url(/templates/default/images/side-up.png); } .upfixed .gotop:hover { background-color: #006464; } .text-center{ text-align:center !important; } .table{ width:100%; border:1px solid #ccc; } .table tr td{ height: 40px; line-height: 20px; padding: 10px; min-width:100px; text-align:right; border:1px solid #ccc; } .table tr td select{ width:100%; height: 30px; line-height:30px; appearance: auto; border:1px solid #ccc; } .table tr td input{ width: 100%; padding: 0px 10px; height: 30px; line-height: 30px; box-sizing: border-box; border: 1px solid #ccc; } .submit-btn{ margin-top:20px; margin-bottom:50px; width: 120px; height: 35px; float: right; background: #006464; border: 1px #c9c9c9 solid; border-radius: 6px; font-size: 16px; color: #fff; line-height: 30px; text-align: center; font-weight: normal; }