/* 谷歌文本黄色背景清除 ---------- */ input:-webkit-autofill{ -webkit-box-shadow:0 0 0px 1000px white inset; } /****** reset 基本样式重置 strat ******/ /* 清除内外边距 ---------- */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; } /* 各种字体矫正 --------- */ body, button, input, select, textarea { font: 14px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } button, input, select, textarea { font-size: 100%; outline: none; } i { font-style: normal; } address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } small { font-size: 12px; } /* 重置列表元素 --------- */ ul, ol { list-style: none; } /* 重置文本格式元素 ----- */ a { color: #666; } a:hover { color: #2d86e0; } a, a:hover { text-decoration: none; } a:focus { outline: none; } abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: ''; } /* 重置表单元素 ------- */ legend { color: #000; } fieldset, img { border: none; } /* 重置表格元素 ------ */ table { border-collapse: collapse; border-spacing: 0; text-align: left; } table th { font-weight: normal; } /* 重置 hr --------- */ hr { border: none; height: 1px; } /****** reset 基本样式重置 end ******/ /****** 复用性样式设置 strat ******/ .clearfix:after { content: "\200B"; display: block; height: 0; clear: both; } .clearfix { *zoom:1; } .fl { float: left; } .fr { float: right; } .m0 { margin: 0; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; } .ml10 { margin-left: 10px; } .mr10 { margin-right: 10px; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } .ml20 { margin-left: 20px; } .mr20 { margin-right: 20px; } .mb30 { margin-bottom: 30px; } .mt30 { margin-top: 30px; } .pd10 { padding: 10px; } .pt10 { padding-top: 10px; } .pb10 { padding-bottom: 10px; } .pl10 { padding-left: 10px; } .pr10 { padding-right: 10px; } .pt20 { padding-top: 20px; } .pb20 { padding-bottom: 20px; } .pl20 { padding-left: 20px; } .pr20 { padding-right: 20px; } .pd30 { padding: 30px; } .pd25 {padding:25px;} .pt30 { padding-top: 30px; } .pt0 { padding-top: 0; } .pb0 { padding-bottom: 0; } h1, h2, h3, h4, h5 { font-weight: normal; } .fz20 { font-size: 20px; } .fz18 { font-size: 18px; } .fz16 { font-size: 16px; } .bold { font-weight: 800; } /****** 复用性样式设置 end ******/ /****** 框架布局零散样式 start ******/ html, body { height: 100%; } .wrapper { min-height: 100%; min-width: 980px; } body { font: 14px/22px Simsun, Arial; color: #666; background-color: #f5f5f5; overflow-y: scroll; } .pop-page { background-color: #fff; } .layout { width: 95%; max-width: 1190px; min-width: 980px; margin-left: auto; margin-right: auto; } .link-cursor {cursor:default;} .bg-white { background-color: #fff; } .bg-grey { background-color: #f5f5f5; } .err-tips { color: #f30; } .ico, .btn { display: inline-block; font-family: Simsun, arial, sans-serif; color: #666; text-align: center; background: url("/eppzhongxi-educom"/eppzhongxi-educom/Resource/Template/1/images/icons/sprite.png"") no-repeat; border: none; } .btn { cursor: pointer; } .btn-coll { width: 16px; height: 16px; background-position: 0 -65px; } .btn-coll.cur { background-position: 0 -83px; } .btn-del { width: 14px; height: 14px; background-position: -30px -55px; } .ipt-ck { vertical-align: middle; margin-right: 4px; margin-top: -4px; } .wrapper > .container { min-height: 587px; } .wrapper .container { background: url("/eppzhongxi-educom/Resource/Template/1/images/fixs/content-bg.jpg") center top no-repeat; } .wrapper .container.no-bg { background: none; } .main-box { padding-bottom: 40px; /*overflow: hidden;*/ } .main-box .main-hd { padding-top: 28px; padding-bottom: 28px; text-align: center; } .main-box .main-bd { position: relative; } .left-con { position: absolute; left: 0; width: 220px; } .right-con { margin-left: 260px;position:relative; } /****** 框架布局零散样式 end ******/ /****** 头部区域start ******/ .header { background-color: #fff; } .header .layout { height: 80px; } .header .logo { margin-top: 27px; } .header .mk-tool { position: relative; padding-right: 30px; padding-left: 30px; line-height: 26px; margin-top: 30px; margin-left: 10px; color: #333; } .mk-tool:before, .mk-tool:after { display: block; position: absolute; top: 13px; content: ""; width: 20px; height: 1px; background-color: #a3a3a3; } .mk-tool:before { left: 0; } .mk-tool:after { right: 0; } .header .shops { margin-top: 27px; } .header .user { position: relative; height: 26px; padding-bottom: 27px; } .header .user-name { display: inline-block; max-width: 130px; height: 26px; font-size: 14px; color: #838383; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: color 0.7s; -moz-transition: color 0.7s; -o-transition: color 0.7s; transition: color 0.7s; } .header .user:hover .user-name { color: #2d86e0; -webkit-transition: color 0.7s; -moz-transition: color 0.7s; -o-transition: color 0.7s; transition: color 0.7s; } .header .user-name .ico-user2 { width: 18px; height: 26px; margin-right: 5px; margin-bottom: -7px; background-position: -28px 0; } .header .user:hover .ico-user2 { background-position: -28px -26px; } /****** 头部区域 end ******/ /****** 搜索框组件 start ******/ .section-box { margin-bottom: 15px; } .ipt-text { width: 150px; height: 24px; padding: 3px 5px; font: 14px/24px Simsun; color: #444; border: 1px solid #e1e1e1; background-color: #fff; } .ipt-text.wid250 { width: 250px; } .ipt-text:focus { border-color: #97c1eb; box-shadow: 0 0 3px #b5d5f8; transition: border-color 0.3s, box-shadow 0.3s; -webkit-transition: border-color 0.3s, box-shadow 0.3s; -moz-transition: border-color 0.3s, box-shadow 0.3s; -o-transition: border-color 0.3s, box-shadow 0.3s; } .search-box { display: inline-block; font-size: 0; line-height: 0; } .show-box { float: left; height: 32px; } .show-box .ipt-text { width: 380px; } .default-srh .btn-srh { width: 70px; height: 32px; font-size: 14px; color: #838383; background: #d8dde2; transition: color 0.7s, background 0.4s; -webkit-transition: color 0.7s, background 0.4s; -moz-transition: color 0.7s, background 0.4s; -o-transition: color 0.7s, background 0.4s; } .default-srh .btn-srh:hover { color: #fff; background: #5799e4; transition: color 0.7s, background 0.4s; -webkit-transition: color 0.7s, background 0.4s; -moz-transition: color 0.7s, background 0.4s; -o-transition: color 0.7s, background 0.4s; } .default-srh .content-srh {line-height:32px;} .hide-box { display: none; float: left; width: 0; height: 26px; overflow: hidden; transition: width 0.5s; -webkit-transition: width 0.5s; position:relative; } .hide-box .ipt-text { height: 22px; } .top-srh { height: 26px; padding-right: 12px; margin-right: 13px; background: url("/eppzhongxi-educom/Resource/Template/1/images/icons/line.png") no-repeat right center; } .top-srh .btn-srh { float: left; width: 24px; height: 26px; margin-left: 3px; margin-bottom: -7px; background-position: -48px 0; } .top-srh .btn-srh:hover { background-position: -48px -26px; } .top-srh .ipt-text { width: 120px; padding: 1px 10px; border-radius: 13px; } /****** 搜索框组件 end ******/ /****** 下拉框组件样式 start ******/ .select-style select { display: none; } .select-style { position: relative; display: inline-block; font-family: Simsun, arial, sans-serif; color: #666; font-size: 12px; text-align: left; vertical-align: middle; z-index: 50; } .select-style.focus { z-index: 51; } .select-style .slt-wrap { display: inline-block; width: 100px; border: 1px solid #e6e6e6; vertical-align: middle; } .select-style.focus .slt-wrap { border-color: #72a6e7; } .select-style .slt-title { position: relative; display: block; height: 24px; padding: 0 25px 0 5px; line-height: 24px; text-decoration: none; background-color: #fff; word-break: break-all; color: #666; overflow: hidden; } .select-style .slt-title .slt-text { display: inline-block; height: 24px; *cursor: pointer; } .select-style .slt-title i { position: absolute; right: 0; top: 0; display: inline-block; width: 24px; height: 24px; background: url("/eppzhongxi-educom"/eppzhongxi-educom/Resource/Template/1/images/icons/sprite.png"") 0 0 no-repeat; *cursor: pointer; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; } .select-style.focus .slt-title i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -webkit-transition: -webkit-transform 0.3s; -moz-transform: rotate(180deg); -moz-transition: -moz-transform 0.3s; -o-transform: rotate(180deg); -o-transition: -o-transform 0.3s; } .select-style.disabled .slt-title i { *cursor: default; } .select-style .opn-box { display: none; position: absolute; left: 0; top: 25px; width: 100%; } .select-style.up .opn-box { top: auto; bottom: 25px; } .select-style .opn-box .opn-list { position: relative; _width: 100%; max-height: 120px; border: 1px solid #e6e6e6; background: #fff; overflow-y: auto; overflow-x: hidden; } .select-style.focus .opn-box .opn-list { border-color: #72a6e7; } .select-style .opn-box .opn-list li { display: block; _width: 100%; padding-left: 5px; line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; -webkit-transition: color 0.5s, background 0.5s; -moz-transition: color 0.5s, background 0.5s; -o-transition: color 0.5s, background 0.5s; transition: color 0.5s, background 0.5s; } .select-style .opn-box .opn-list .selected { background: #d4edfe; } .select-style .opn-box .opn-list li:hover { color: #fff; background: #65abda; -webkit-transition: color 0.5s, background 0.5s; -moz-transition: color 0.5s, background 0.5s; -o-transition: color 0.5s, background 0.5s; transition: color 0.5s, background 0.5s; } .select-style .opn-box .opn-list li.disabled { color: #cacaca; background: #f0f0f0; cursor: default; } .select-style.disabled .slt-wrap { border: 1px solid #d6d6d6; } .select-style.disabled .slt-title { color: #cacaca; background-color: #f0f0f0; cursor: default; } .select-style.disabled .slt-title .slt-text { *cursor: default; } /****** 下拉框组件样式 end ******/ /****** 按钮组件 start ******/ .btn-resource { height: 36px; padding-left: 30px; padding-right: 30px; font-size: 14px; line-height: 34px; border: 1px solid #ccc; background: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .btn-resource:hover { border-color: #b2e0ff; background: #e8f4ff; box-shadow: 0 0px 5px #bee8ff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .btn-resource .ico { width: 20px; height: 20px; margin: 0 12px 2px 0; vertical-align: middle; } .btn-resource .ico-ppt { background-position: -72px 0; } .btn-resource .ico-video { background-position: -72px -20px; } .btn-resource .ico-trailer { background-position: -72px -40px; } .btn-save { width: 60px; height: 28px; font: 12px/28px Simsun; color: #535353; border: 1px solid #cbcbcb; background: #eee; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn-save:hover { color: #fff; border-color: #1f86dd; background: #1f86dd; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .action { height: 28px; text-align: center; } /****** 按钮组件 end ******/ /****** 横向筛选盒子 start ******/ .row .row-list { float: left; height: 32px; line-height: 32px; } .row .row-list .filter-name { margin-top: 0; } .row .row-list .ipt-text { width: 120px; } .row .row-list .itl { display: inline-block; margin: -7px 5px 0; vertical-align: middle; } /****** 横向筛选盒子 end ******/ /****** 导航、菜单类模块 start ******/ /* 页面一级导航 */ .first-menu { margin-left: 35px; } .first-menu li { float: left; position: relative; margin-right: 15px; margin-left: 15px; z-index: 5; } .first-menu li > a { display: inline-block; padding: 2px 5px 0; font-size: 16px; line-height: 76px; border-bottom: 2px solid transparent; z-index: 6; transition: color 0.7s, text-shadow 0.7s, border-bottom-color 0.5s; -webkit-transition: color 0.7s, text-shadow 0.7s, border-bottom-color 0.5s; -moz-transition: color 0.7s, text-shadow 0.7s, border-bottom-color 0.5s; -o-transition: color 0.7s, text-shadow 0.7s, border-bottom-color 0.5s; } .first-menu li:hover > a { color: #2d86e0; border-bottom-color: #2d86e0; text-shadow: 0 0 3px #d3e9ff; transition: color 0.7s, text-shadow 0.7s, border-bottom-color 0.5s; -webkit-transition: color 0.7s, text-shadow 0.7s, border-bottom-color 0.5s; -moz-transition: color 0.7s, text-shadow 0.7s, border-bottom-color 0.5s; -o-transition: color 0.7s, text-shadow 0.7s, border-bottom-color 0.5s; } .first-menu li.cur > a { color: #2d86e0; } /* 页面二级导航 */ .header .second-menu { visibility: hidden; opacity: 0; position: absolute; top: 70px; left: -23px; width: 120px; padding-top: 5px; padding-bottom: 10px; background-color: #f7f7f7; box-shadow: 0px 1px 10px #dfdfdf inset, 0 1px 2px #74b2f1, 0 1px 2px #74b2f1; z-index: 6; } .first-menu .unicorn{ width: 240px; left: -45px; } .first-menu .products { width: 335px; left: -45px; } .first-menu .solutions { width: 700px; left: -180px; } .first-menu .about { width: 120px; left: -23px; } .shops .second-menu.user-acts { top: 16px; width: 110px; left: 50%; margin-left: -55px; } .first-menu li:hover .second-menu, .shops .user:hover .user-acts { visibility: visible; opacity: 1; -webkit-transition: opacity 0.3s, top 0.3s; -moz-transition: opacity 0.3s, top 0.3s; -o-transition: opacity 0.3s, top 0.3s; transition: opacity 0.3s, top 0.3s; } .first-menu li:hover .second-menu { top: 80px; } .shops .user:hover .user-acts { top: 53px; } .second-menu dl { _display: inline; float: left; margin-left: 35px; } .second-menu.about dl, .second-menu.user-acts dl { float: none; margin-left: 0; text-align: center; } .second-menu dl a { font-size: 14px; } .second-menu dt { margin-bottom: 8px; line-height: 40px; font-weight: 600; border-bottom: 1px solid #dcdcdc; } .second-menu dt a { font-family: Simsun; color: #4682b4; } .second-menu dd { line-height: 30px; } .second-menu dd.cur a { color: #2d86e0; } .user-acts dl dd:last-child { margin: 2px 17px 0; border-top: 1px solid #d2d2d2; } /* 主体区域左侧导航 */ .left-menu { padding-top: 28px; padding-bottom: 28px; background: url("/eppzhongxi-educom/Resource/Template/1/images/fixs/left-menu-bg.jpg") center top repeat-y; background-size: cover; } .left-menu li { position: relative; overflow: hidden; } .left-menu li .ico-line { position: absolute; top: 100%; left: 0; width: 3px; height: 100%; background: #ffc814; -webkit-transition: top 0.5s; -moz-transition: top 0.5s; -o-transition: top 0.5s; transition: top 0.5s; } .left-menu li a { display: block; margin-left: 20px; margin-right: 20px; color: #bfd4e3; line-height: 49px; text-indent: 10px; border-bottom: 1px solid #164489; border-bottom: 1px solid rgba(24, 84, 163, .5); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: text-indent 0.5s, color 0.5s; -moz-transition: text-indent 0.5s, color 0.5s; -o-transition: text-indent 0.5s, color 0.5s; transition: text-indent 0.5s, color 0.5s; } .left-menu li:first-child a { border-top: 1px solid #164489; border-top: 1px solid rgba(24, 84, 163, .5); } .left-menu li.cur { background-color: rgba(116, 208, 255 ,.3); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4c74d0ff, endColorStr=#4c74d0ff); } .left-menu li:hover a { color: #fff; text-indent: 20px; -webkit-transition: text-indent 0.5s, color 0.5s; -moz-transition: text-indent 0.5s, color 0.5s; -o-transition: text-indent 0.5s, color 0.5s; transition: text-indent 0.5s, color 0.5s; } .left-menu li.cur a { color: #fff; text-indent: 10px; border-color: transparent; } .left-menu li.cur .ico-line { top: 0; } /* 主体区域产品菜单 */ .pro-menu { background: rgba(13, 56, 138, .3); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4c0d388a, endColorStr=#4c0d388a); } .pro-menu li { float: left; } .pro-menu li a { display: block; padding-left: 30px; padding-right: 30px; font-size: 16px; line-height: 50px; color: #fff; text-align: center; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } .pro-menu li a:hover { color: #fff; background: rgba(0,0,0,.2); -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } .pro-menu li.cur a { color: #333; background: #fff; } /* 主体区域tab型菜单 */ .tab-menu { padding: 10px 3px; } .tab-menu ul li { float: left; position: relative; line-height: 34px; padding: 5px 0; } .tab-menu ul li:after { display: inline-block; position: absolute; right: 0; top: 50%; content: ""; width: 1px; height: 20px; margin-top: -10px; background-color: #ccc; } .tab-menu ul li:last-child:after { display: none; } .tab-menu li > a { display: block; height: 34px; margin-left: 15px; margin-right: 15px; padding-left: 10px; padding-right: 10px; line-height: 34px; border-bottom: 2px solid transparent; } .tab-menu li.cur > a { color: #2d86e0; border-bottom-color: #2d86e0; } .tab-menu li .sec-text { display:inline-block; margin-top: -2px; margin-left: 5px; font-size: 12px; font-family: Simsun; vertical-align: middle; } .tab-menu .sec-tab-menu { visibility: hidden; position:absolute; top: 25px; left: 50%; width: 110px; max-width: 100%; margin-left: -55px; padding: 7px 0; border: 1px solid #e6e6e6; background-color: #fff; box-shadow: 0 0 2px #eee; opacity: 0; z-index: 2; } .tab-menu li:hover .sec-tab-menu { top: 43px; visibility: visible; opacity: 1; transition: top 0.5s, opacity 0.5s; -webkit-transition: top 0.5s, opacity 0.5s; } .tab-menu .sec-tab-menu a { display: block; margin: 3px 15px; text-align: center; } .tab-menu .sec-tab-menu a:hover { color: #58A1EB; } .tab-menu .sec-tab-menu a.cur { color: #2d86e0; } /* 主体区域筛选型菜单 */ .filter-menu { position: relative; padding: 15px 30px; margin-bottom: 15px; font: 12px/20px Simsun; background-color: #fff; } .filter-menu .row .row-list { margin-right: 80px; margin-top: 10px; } .filter-menu .action { display: none; position: absolute; right: 30px; bottom: 16px; } .filter-menu .filter-name { float: left; margin-top: 5px; color: #a6a6a6; font-weight: 800; } .filter-menu .filter-label { float: left; margin-top: 5px; color: black; font-size:16px; font-weight:bold } .filter-menu .filter-bd .filter-cho { position: absolute; right: 0; top: 0; height: 28px; } .filter-bd .filter-cho .tips { display: none; color: #70adea; line-height: 28px; } .filter-menu .filter-list { margin-left: 80px;} .filter-menu .filter-list li { float: left; margin-right: 15px; } .filter-menu .filter-list li label { display: inline-block; line-height: 30px; cursor: pointer; } .filter-hd .filter-list li label { padding-left: 5px; padding-right: 5px; line-height: 30px; border-bottom: 2px solid transparent; } .filter-hd .filter-list li.cur label { color: #1f86dd; border-color: #1f86dd; } .filter-menu .filter-hd { position: relative; margin-bottom: 5px; border-bottom: 1px dashed #dcdcdc; } .filter-menu .filter-chosed { display: none; position: absolute; height: 20px; right: 0; top: 5px; } .filter-menu .filter-chosed .filter-name { margin-top: 0; } .filter-menu .filter-chosed .filter-list { float: left; margin-left: 5px; } .filter-menu .filter-chosed .filter-list li { margin-right: 0; } .filter-menu .filter-chosed .filter-list span { margin-right: 10px; } .filter-menu .filter-chosed .btn-del { float: left; margin-top: 3px; } .filter-menu .filter-bd { position: relative; padding-right: 120px; min-height: 65px; } .filter-bd .filter-list .ipt-ck { display: none; } .filter-bd .filter-list li.cur label { color: #1f86dd; } .filter-menu.more-chose .filter-cho .btn-save { display: none; } .filter-menu.more-chose .filter-cho .tips, .filter-menu.more-chose .filter-list .ipt-ck { display: inline; } .filter-menu.more-chose .action { display: block; } .filter-menu .filter-ckbox { margin-left: 75px; } .filter-menu .filter-ckbox .chose-all { margin-right: 15px; margin-top: 0; color: #666; line-height: 30px; cursor: pointer; } .filter-menu .filter-ckbox .ipt-ck { display: inline; } .filter-menu.search-menu .action { display: block; } .filter-menu.search-menu .filter-list { margin-left: 100px; } .filter-column .filter-list li,.filter-level li {margin-left:5px;display: inline-block;line-height: 30px;} .filter-level li.cur {border-bottom:2px solid transparent;border-color: #1f86dd;} .filter-level li.cur a{color: #1f86dd;} .filter-column .filter-list li a{cursor:pointer;} .filter-column .filter-list li.cur a{color: #1f86dd;border-color: #1f86dd;} /****** 导航、菜单类模块 end ******/ /****** 页面标题类模块 start ******/ .first-title:after, .second-title:after, .third-title:after { content: "\200B"; display: block; height: 0; clear: both; } /* 首页主标题 */ .main-title { position: relative; display: inline-block; padding-right: 70px; padding-left: 70px; } .main-title:before, .main-title:after { display: block; position: absolute; top: 20px; content: ""; width: 40px; height: 1px; background-color: #ddd; } .main-title:before { left: 0; } .main-title:after { right: 0; } .main-title .cn { height: 40px; font: normal 28px/40px Simsun; color: #333; } .main-title .en { font-size: 14px; line-height: 22px; color: #bbb; } /* 一级大标题 中+英文型 */ .first-title { height: 27px; padding-top: 13px; padding-bottom: 14px; text-align: center; } .first-title.tit01 .cn { float: left; height: 28px; margin-left: 25px; font: 28px "幼圆", Simsun; color: #8cd3fa; letter-spacing: 3px; text-shadow: 1px 0 2px #4e99c4; } .first-title.tit01 .en { float: right; height: 21px; margin-top: 3px; margin-right: 25px; font: 25px/27px Simsun; color: #8cd3fa; opacity: 0.4; filter: alpha(opacity = 40); letter-spacing: 2px; } /* 一级大标题 纯中文型 */ .first-title.tit02 .cn { font-size: 26px; color: #fff; line-height: 27px; } /* 二级标题型 */ .second-title { position: relative; text-align: center; } .second-title .cn { font-size: 24px; color: #333; line-height: 24px; margin:10px; } .second-title .btn-coll { position: absolute; right: 15px; top: 15px; } /* 三级标题-纯文字型 */ .third-title { margin: 15px 0; font-size: 18px; line-height: 22px; color: #333; } .third-title .cn { display: inline-block; } .tags { display: block; font-size: 12px; color: #999; line-height: 22px; } /* 三级标题-小三角型 */ .third-title.tit02 .cn:before { display: inline-block; content: ""; width: 0; height: 0; margin: -4px 3px 0 0; border: 5px solid; border-color: transparent transparent transparent #1f86dd; vertical-align: middle; } /* 三级标题-竖杠型 */ .third-title.tit03 .cn:before { display: inline-block; content: ""; width: 3px; height: 18px; margin: -3px 8px 0 0; background-color: #2d87e1; vertical-align: middle; } /****** 页面标题类模块 end ******/ /****** banner轮播图模块 start *******/ .banner { position: relative; height: 436px; overflow: hidden; } .banner .pre-nex { visibility: hidden; opacity: 0; position: absolute; top: 50%; width: 40px; height: 60px; margin-top: -40px; font: bold 46px/60px Simsun; color: #fff; text-align: center; border: none; background: none; cursor: pointer; z-index: 3; -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -o-transition: opacity 0.7s; transition: all 0.7s; } .banner .prev { left: 7%; } .banner .next { right: 7%; } .banner .pre-nex.show { visibility: visible; opacity: 1; -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -o-transition: opacity 0.7s; transition: all 0.7s; } .banner .prev.show { left: 9%; } .banner .next.show { right: 9%; } .banner .banner-con { position: absolute; top: 0; left: 50%; width: 1920px; height: 436px; margin-left: -960px; overflow: hidden; } .banner-con .img-list { position: absolute; top: 0; left: 0; width: 99999px; height: 436px; } .banner-con .img-list li { float: left; width: 1920px; height: 436px; } .banner-con .img-list li a { position: relative; display: block; height: 100%; } .banner-con .img-list li img { width: 1920px; height: 436px; } .banner-con .btn-list { position: absolute; left: 0; bottom: 30px; width: 100%; height: 10px; line-height: 0; text-align: center; z-index: 2; _overflow: hidden; } .banner-con .btn-list li { display: inline; } .banner-con .btn-list li span { display: inline-block; width: 8px; height: 8px; margin: 0 5px; border: 1px solid #d1bdad; border-radius: 50%; background-color: #b09075; cursor: pointer; -webkit-transition: border-color 0.5s, background-color 0.5s; -moz-transition: border-color 0.5s, background-color 0.5s; -o-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s; } .banner-con .btn-list li.cur span { border-color: #fff; background-color: #fff; -webkit-transition: border-color 0.5s, background-color 0.5s; -moz-transition: border-color 0.5s, background-color 0.5s; -o-transition: border-color 0.5s, background-color 0.5s; transition: border-color 0.5s, background-color 0.5s; } /****** banner轮播图模块 end *******/ /****** 图文左右滚动模块 start *******/ .scroll-box { position: relative; width: 100%; margin: 0 auto 30px; } .scroll-box .btn-con { padding-top: 15px; } .scroll-box .btn-con .line { margin-top: 12px; background-color: #ddd; } .scroll-box .btn-lr { width: 24px; height: 24px; margin-left: 10px; font: bold 16px/24px Simsun; text-align: center; color: #fff; border: none; border-radius: 2px; background: #ccc; cursor: pointer; outline: none; z-index: 3; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } .scroll-box .prev { left: 30px; } .scroll-box .next { right: 30px; } .scroll-box .btn-lr.hover { background: #2d86e0; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } .scroll-box .btn-lr.disabled { background-color: #ececec; cursor: default; } .scroll-box .scroll-con { position: relative; width: 100%; height: 110px; margin: 0 auto; padding-bottom: 5px; overflow: hidden; } .scroll-con ul { position: relative; left: 0; width: 9999px; z-index: 2; } .scroll-con li { float: left; width: 15.5%; height: 110px; margin: 0 1.4% 0 0; _display: inline; } .scroll-con li a { position: relative; display: block; height: 110px; overflow: hidden; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; } .scroll-con li a:hover { box-shadow: 0 0 3px #003c74; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; } .scroll-con li a img { position: absolute; top: 0; left: 50%; width: 185px; height: 110px; margin-left: -92.5px; } .scroll-con li a span { position: absolute; bottom: 0; left: 0; width: 90%; height: 26px; padding-left: 5%; padding-right: 5%; color: #fff; line-height: 26px; text-align: center; background: rgba(0, 0, 0, .4); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#66000000, endColorStr=#66000000); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } .scroll-con li a:hover span { background: #2d86e0; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } /****** 图文左右滚动模块 start *******/ /****** 图文横排型模块 start ******/ .row .img-box { line-height: 0; } .row .text-box { /*text-indent: 2em; 谭湘科注释*/ line-height: 28px; word-break:break-word; } /* 图文左右排列型 */ .row-lr .img-box { float: right; } .row-lr .img-box, .row-lr .img-box img { width: 430px; height: 240px; } .text-box * { word-break:break-word; } .row-lr .img-box { margin-left: 30px; } .row-lr .text-box { min-height: 240px; overflow:hidden;} /* 图文上下排列型 */ .row-tb .img-box { margin-bottom: 15px; } .row-tb .img-box img { width: 100%; } /****** 图文横排型模块 end ******/ /****** 图文竖排型模块 start ******/ .col-box { *zoom:1; } .col-box:after { content: "\200B"; display: block; height: 0; clear: both; } .col-box .column { float: left; } .gap-small { margin-left: -0.7%; margin-right: -0.7%; } .gap-small .column { margin-left: 0.7%; margin-right: 0.7%; } .gap-small.col-2 .column { width: 48.6%; } .gap-small.col-3 .column { width: 31.93%; } .gap-small.col-4 .column { width: 23.6%; } .gap-small .column.wid-all { width: 98.6%; } .gap-big { margin-left: -1.2%; margin-right: -1.2%; } .gap-big .column { margin-left: 1.2%; margin-right: 1.2%; } .gap-big.col-2 .column { width: 47.6%; } .gap-big.col-3 .column { width: 30.93%; } .gap-big.col-4 .column { width: 22.6%; } .gap-big.col-4 .partner-col { width:17%;} .gap-big .column.wid-all { width: 97.6%; } .column .img-box { position: relative; display: block; overflow: hidden; } .column .img-box img { position: absolute; top: 0; left: 50%; } .column .img-box .light { display: inline-block; position: absolute; top: 0; width: 25%; height: 100%; background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); transform: skewX(-25deg); transition: left 0s; -webkit-transform: skewX(-25deg); -webkit-transition: left 0s; -moz-transform: skewX(-25deg); -moz-transition: left 0s; -o-transform: skewX(-25deg); -o-transition: left 0s; } .column .img-box:hover .light { transition: left 0.7s; -webkit-transition: left 0.7s; -moz-transition: left 0.7s; -o-transition: left 0.7s; } .col-2 .img-box .light { left: -225px; } .col-2 .img-box:hover .light { left: 635px; } .col-3 .img-box .light { left: -165px; } .col-3 .img-box:hover .light { left: 435px; } .col-4 .img-box .light { left: -120px; } .col-4 .img-box:hover .light { left: 335px; } .column { -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; -o-transition: box-shadow 0.5s; transition: box-shadow 0.5s; } .column:hover { box-shadow: 0px 0px 7px #74b3f8; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; -o-transition: box-shadow 0.5s; transition: box-shadow 0.5s; } .column .text-box { border: solid #e6e6e6; border-width: 0 1px 1px; background-color: #fff; } .column:hover .text-box { border-color: #cbe4ff; } .column .title { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .column .title a { color: #333; } .column .title a:hover { color: #2d86e0; } /* 图文竖排布局-产品服务、解决方案、关于我们、职能简介四大模块 */ /* 通用部分 */ .product-box, .about-box { background-color: #fff; } .product-box .text-box, .solution-box .text-box, .department-box .column .text-box { padding: 15px 6%; } .product-box .text-box dt, .solution-box .text-box dt { height: 52px; margin-bottom: 25px; } .product-box .text-box .title, .solution-box .text-box .title { display: inline-block; line-height: 50px; color: #596cab; border-bottom: 2px solid; border-bottom-color: #596cab; } .product-box .text-box dd, .solution-box .text-box dd, .department-box .text-box dd { margin-bottom: 10px; } .product-box .text-box dd a, .solution-box .text-box dd a, .department-box .text-box dd a { display: inline-block; padding-left: 15px; padding-right: 15px; font-size: 16px; line-height: 30px; border: 1px solid #fff; border-radius: 16px; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s; } .product-box .text-box dd a:hover, .solution-box .text-box dd a:hover, .department-box .text-box dd a:hover { border-color: #2d86e0; -webkit-transition: border-color 0.7s; -moz-transition: border-color 0.7s; -o-transition: border-color 0.7s; transition: border-color 0.7s; } /* 产品服务 */ .product-box .column .img-box { height: 280px; } .product-box .column .img-box img { width: 580px; height: 280px; margin-left: -290px; } .product-box .text-box { min-height: 161px; } .product-box .column:nth-child(1) .text-box .title { border-bottom-color: #cb5542; } .product-box .column:nth-child(2) .text-box .title { border-bottom-color: #596cab; } .product-box .column:nth-child(1) .text-box .title a { color: #cb5542; } .product-box .column:nth-child(2) .text-box .title a { color: #596cab; } .product-box .text-box dd { float: left; width: 33.33%; } /* 解决方案 */ .solution-box .column .img-box { height: 170px; } .solution-box .column .img-box img { width: 275px; height: 170px; margin-left: -137.5px; } .solution-box .text-box { min-height: 402px; } .solution-box .column:nth-child(1) .text-box .title { border-bottom-color: #ab567f; } .solution-box .column:nth-child(2) .text-box .title { border-bottom-color: #ce7c5c; } .solution-box .column:nth-child(3) .text-box .title { border-bottom-color: #73873d; } .solution-box .column:nth-child(4) .text-box .title { border-bottom-color: #5d7991; } .solution-box .column:nth-child(1) .text-box .title a { color: #ab567f; } .solution-box .column:nth-child(2) .text-box .title a { color: #ce7c5c; } .solution-box .column:nth-child(3) .text-box .title a { color: #73873d; } .solution-box .column:nth-child(4) .text-box .title a { color: #5d7991; } /* 关于我们 */ .about-box .column .img-box { height: 200px; border: 1px solid transparent; -webkit-transition: border-color 0.7s, box-shadow 0.5s; -moz-transition: border-color 0.7s, box-shadow 0.5s; -o-transition: border-color 0.7s, box-shadow 0.5s; transition: border-color 0.7s, box-shadow 0.5s; } .about-box .column .img-box:hover { border-color: #68a3db; box-shadow: 0 0 5px #5794ce; -webkit-transition: border-color 0.7s, box-shadow 0.5s; -moz-transition: border-color 0.7s, box-shadow 0.5s; -o-transition: border-color 0.7s, box-shadow 0.5s; transition: border-color 0.7s, box-shadow 0.5s; } .about-box .column .img-box img { width: 386px; height: 200px; margin-left: -193px; } /* 职能部门 */ .department-box .column .img-box { height: 70px; } .department-box .column .text-box { height: 126px; } .department-box .img-box .group-name { position: absolute; top: 50%; left: 35px; height: 22px; margin-top: -11px; font-size: 20px; color: #333; z-index: 2; } .group-name:before { display: inline-block; content: ""; width: 0; height: 0; margin: 0 10px 1px 0; border: 5px solid; border-color: #2d8bd4 #5ab4f3 #5ab4f3 #2d8bd4; vertical-align: middle; } .department-box .column .img-box img { width: 580px; height: 70px; margin-left: -290px; } .department-box .wid-all .img-box img { width: 1190px; margin-left: -595px; } .department-box .text-box dd { float: left; width: 50%; text-align: center; } .department-box .wid-all .text-box dd { width: 25%; } /* 图文竖排布局-内页相关资源 */ .resource-box .column .img-box { height: 206px; } .resource-box .column .img-box img { width: 366px; height: 206px; margin-left: -183px; } .resource-box .column .title { height: 45px; line-height: 45px; text-align: center; } /* 图文竖排布局-内页相关方案 */ .scheme-box .column .img-box { height: 164px; } .scheme-box .column .img-box img { width: 284px; height: 164px; margin-left: -142px; } .scheme-box .column .text-box { position: relative; padding: 10px 20px 15px; height: 78px; } .scheme-box .column .text-box .title { max-width: 95%; line-height: 30px; } .scheme-box .column .text-box .text { height: 48px; font: 12px/24px Simsun; color: #999; text-indent: 2em; overflow: hidden; } .scheme-box .text-box .btn-coll { position: absolute; right: 10px; top: 16px; } /* 图文竖排布局-内页banner详情 */ .banner-box .column .img-box { height: 310px; } .banner-box .column .img-box img { width: 551px; height: 310px; margin-left: -275.5px; } /* 图文竖排布局-内页公司简介 */ .intro-box .column .img-box { height: 130px; border: 2px solid transparent; -webkit-transition: border-color 0.7s, box-shadow 0.5s; -moz-transition: border-color 0.7s, box-shadow 0.5s; -o-transition: border-color 0.7s, box-shadow 0.5s; transition: border-color 0.7s, box-shadow 0.5s; } .intro-box .column .img-box:hover { border-color: #184b8e; box-shadow: 0 0 5px #083D75; -webkit-transition: border-color 0.7s, box-shadow 0.5s; -moz-transition: border-color 0.7s, box-shadow 0.5s; -o-transition: border-color 0.7s, box-shadow 0.5s; transition: border-color 0.7s, box-shadow 0.5s; } .intro-box .column .img-box img { width: 297px; height: 130px; margin-left: -148.5px; } /* 图文竖排布局-内页研究成果 */ .fruit-box .column .img-box { height: 268px; } .fruit-box .column .img-box img { width: 202px; height: 268px; margin-left: -101px; } /* 图文竖排布局-内页合作伙伴 */ .partner-box .column .img-box { border: 1px solid #ccc; height: 31px; width:151px; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; } .partner-box .column .img-box:hover { border-color: #a9cfff; box-shadow: 0 0 4px #7cc5ff; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; } .partner-box .column .img-box img { width: 151px; height: 31px; margin-left: -75.5px; } /****** 图文数排型模块 end ******/ /****** 左标题右列表式模块 start ******/ .link-box .link-hd { float: left; line-height: 36px; } .link-box .link-bd { margin-left: 100px; } .link-box .link-bd .btn-resource { float: left; margin-right: 10px; margin-bottom: 5px; } .link-box .link-bd .links { line-height: 36px; } .link-box .link-bd .links a { color: #2d87e1; } /****** 左标题右列表式模块 end ******/ /****** 表格展示模块 start ******/ .table-box{ word-break:break-all; word-break:break-word; } .table-box *{ word-break:break-all; word-break:break-word; } .table-box table { width: 100%; text-align: center; line-height: 26px; } .table-box table th, .table-box table td { border: 1px solid #ccc; } .table-box table thead th { height: 49px; background-color: #f5f5f5; } .table-box table tbody td { height: 28px; padding: 5px 10px; } .row-box table tbody th, .row-box table tbody td { height: 32px; border: none; } .row-box table tbody th { text-align: right; font-weight: normal; } .row-box table tbody td { padding: 7px 5px; text-align: left; } /****** 表格展示模块 end ******/ /****** 分页模块 start ******/ .turn-pages { height: 28px; text-align: center; } .turn-pages a { display: inline-block; width: 26px; height: 26px; margin-left: 3px; font: 14px/26px Arial; color: #999; text-align: center; border: 1px solid #e1e1e1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .turn-pages .pre-nex { font-family: Simsun; font-weight: 800; } .turn-pages a:hover { color: #fff; border-color: #6fb8f7; background-color: #6fb8f7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .turn-pages a.cur { color: #fff; border-color: #1f86dd; background-color: #1f86dd; } .turn-pages a.elips { color: #999; border-color: transparent; background: none; cursor: default; } .turn-pages a.disabled { color: #d3d3d3; border-color: #ececec; background-color: #f0f0f0; cursor: default; } /****** 分页模块 end ******/ /****** 底部footer start ******/ .footer { border-top: 1px solid #ebebeb; background-color: #fff; } .footer .layout { position: relative; padding-top: 14px; padding-bottom: 13px; text-align: center; } .footer .logo { margin-bottom: 6px; line-height: 0; } .footer .copyright { font: 12px/22px Simsun; color: #6d7381; } .footer .select-box { position: absolute; right: 0; top: 50%; width: 100px; margin-top: -13px; } /****** 底部footer end ******/ /****** 登录界面 start ******/ .container.login-con { min-height: 380px; background: #135ccb url("/eppzhongxi-educom/Resource/Template/1/images/fixs/login-bg.jpg") left center no-repeat; } .login-box { width: 330px; height: 380px; background-color: #fff; } .login-box .login-title { padding-top: 20px; padding-bottom: 20px; } .login-box .login { width: 260px; padding: 30px 35px; margin-left: auto; margin-right: auto; } .login .login-input { position: relative; width: 198px; height: 20px; padding: 12px 15px 12px 45px; border: 1px solid #c8c9ca; -webkit-transition: border-color 0.3s, box-shadow 0.3s; -moz-transition: border-color 0.3s, box-shadow 0.3s; -o-transition: border-color 0.3s, box-shadow 0.3s; transition: border-color 0.3s, box-shadow 0.3s; } .login .login-input.focus { border-color: #97c1eb; box-shadow: 0 0 5px #b5d5f8; -webkit-transition: border-color 0.3s, box-shadow 0.3s; -moz-transition: border-color 0.3s, box-shadow 0.3s; -o-transition: border-color 0.3s, box-shadow 0.3s; transition: border-color 0.3s, box-shadow 0.3s; } .login .login-input .ico { position: absolute; width: 16px; height: 17px; top: 13px; left: 15px; } .login .username { margin-bottom: 25px; } .login .login-input .ico-user { background-position: 0 -26px; } .login .login-input .ico-word { background-position: 0 -45px; } .login .login-input label { position: absolute; left: 56px; color: #bebebe; line-height: 20px; cursor: text; } .login .login-input.focus label { opacity: 0; } .login .login-input input { width: 185px; padding-left: 10px; line-height: 20px; color: #666; border: none; border-left: 1px solid #ccd0d3; background: none; } .login .login-input.focus input { color: #333; } .login .login-btn .btn-sub { width: 260px; height: 46px; font: 16px/46px Simsun; color: #fff; border: none; background-color: #1f86dd; cursor: pointer; -webkit-transition: background-color 0.3s, box-shadow 0.5s; -moz-transition: background-color 0.3s, box-shadow 0.5s; -o-transition: background-color 0.3s, box-shadow 0.5s; transition: background-color 0.3s, box-shadow 0.5s; } .login .login-btn:hover { background-color: #3490dd; box-shadow: 0 0 5px #3893df; -webkit-transition: background-color 0.3s, box-shadow 0.5s; -moz-transition: background-color 0.3s, box-shadow 0.5s; -o-transition: background-color 0.3s, box-shadow 0.5s; transition: background-color 0.3s, box-shadow 0.5s; } .login .err-box { height: 40px; line-height: 40px; } /******* 登录界面 end ******/ /******* 密码强度模块 start ******/ .psd-strength .text { float: left; font-size: 12px; color: #aaa; } .psd-strength .strength { float: left; margin-top: 10px; margin-left: 8px; } .psd-strength .strength li { float: left; width: 20px; height: 5px; margin-right: 4px; background-color: #dbe0d8; } .psd-strength .strength li.str { background-color: #84b779; } /******* 密码强度模块 end ******/ /******* 合作伙伴 ******/ .partner-box .column .img-box1 img { width: 880px; height: 640px; margin-left:2px; } /******* 搜索模块样式 ******/ .hide-box{ position:relative; } .top-srh .hide-box .phr-text {position: absolute; top: 0; left:12px; line-height:26px; cursor: text; font-size:12px;} /*解决纯英文或数字内容在前台展示时不换行的问题的通用样式*/ .textWrap { word-break: break-all; word-wrap: break-word; display: block; display: -webkit-box; } /****新增页面样式类名以 'c_' 开头 ,以上样式未改动*****/ /***********独角兽页面 start *****************/ .c_djs{ line-height: 70px; font: 28px/70px "幼圆"; color: #a1deff; padding-top: 20px;} .c_djs img{ margin-right: 5px; margin-left: 30px;} .c_djs p{ font-family: "方正黑体"; color: #fff; text-align: center; text-indent: -80px;} .c_djspdlist{ margin-right: 460px;} .c_linklist{display: block; width: 100%;} .c_linklist li{ width: 23%; float: left; margin:0 1%; margin-bottom: 18px;} .c_linklist li .c_linkbox{ border: 1px solid #ddd; margin: 0; height: 40px;} .c_linklist li:hover .c_linkbox{ border-color: #1f86dd; background: #eef7ff;} .c_linkbox a{ display: block; padding-left: 58px; padding-right: 10px; height: 100%; font: 14px/40px "方正黑体"; color: #444; background-position: 13px 4px; background-repeat:no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .c_zy01 a{ background-image: url("/eppzhongxi-educom/Resource/Template/1/images/icons/c_zy01.png");} .c_zy02 a{ background-image: url("/eppzhongxi-educom/Resource/Template/1/images/icons/c_zy02.png");} .c_zy03 a{ background-image: url("/eppzhongxi-educom/Resource/Template/1/images/icons/c_zy03.png");} .c_zy04 a{ background-image: url("/eppzhongxi-educom/Resource/Template/1/images/icons/c_zy04.png");} .c_zy05 a{ background-image: url("/eppzhongxi-educom/Resource/Template/1/images/icons/c_zy05.png");} .c_zy06 a{ background-image: url("/eppzhongxi-educom/Resource/Template/1/images/icons/c_zy06.png");} .c_zy07 a{ background-image: url("/eppzhongxi-educom/Resource/Template/1/images/icons/c_zy07.png");} .c_zy08 a{ background-image: url("/eppzhongxi-educom/Resource/Template/1/images/icons/c_zy08.png");} .c_djs_jjfa li{ width: 50%; text-align: center;} .c_jjfa .c_linklist{ width: auto; margin-left: 95px;} .c_department_box{ padding-left: 30px; padding-right: 10px; margin-bottom: 35px;} .c_department_tit{ width: 100%; height: 44px; border-bottom: 1px solid #e6eaed;} .c_department_tit span{ position: relative; display: block; width: 170px; height: 44px; border-bottom: 1px solid #59b3f3; margin-bottom: -1px; font: 20px/44px "方正黑体"; color: #4682b4; font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .c_department_tit span:before{ position: absolute; display: inline-block;content: ""; width: 0; height: 0; margin: 0 10px 1px 0; border: 5px solid; border-color: #2d8bd4 #5ab4f3 #5ab4f3 #2d8bd4; vertical-align: middle; left: -20px; top: 50%; margin-top: -5px;} .c_department_list ul{ padding-top: 5px;} .c_department_list ul li{ width: 20%; float: left;} .c_department_list ul li a{ font: 16px/38px "方正黑体"; color: #666666;} .c_department_list ul li a:hover{ color: #2d86e0;} .c_zylist{ padding-top: 10px;} .c_zylist li{position: relative; border-bottom: 1px solid #e6eaed;} .c_zylist li a{font: 16px/50px "方正黑体"; color: #666666;} .c_zylist li p{ padding-left: 20px; margin-right: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .c_zylist li span{ float: right;} .c_zylist .c_dot{position: absolute; display: block; width: 4px; height: 4px; background: url("/eppzhongxi-educom/Resource/Template/1/images/icons/c_dot.jpg") no-repeat center; left: 0; top: 50%; margin-top: -2px;} .c_zylist li a:hover p{font: 16px/50px "方正黑体"; color: #2d86e0;} .c_zylist li a:hover i{background: url("/eppzhongxi-educom/Resource/Template/1/images/icons/c_dot_hover.png") no-repeat center;} .c_video_box img{display: block; margin: 0 auto;} .c_djs_yxgj .left-con{ width: 180px;} .c_djs_yxgj .right-con{ margin-left: 220px;} .c_djs_yxgj .left-menu{ background: #fff;} .c_djs_yxgj .left-menu li a{ border-bottom-color: #e3e7f0; color: #333;} .c_djs_yxgj .left-menu li:first-child a{ border-top-color: #e3e7f0;} .c_djs_yxgj .left-menu li:first-child.cur a{ border-top-color: #1f86dd;} .c_djs_yxgj .left-menu li.cur{ background: #1f86dd;} .c_djs_yxgj .left-menu li.cur a{ color: #fff; border-bottom-color: #1f86dd;} .c_img_box { width: 100%; max-width: 640px; margin: 0 auto;} .c_img_box img{display: block; width: 100%;} .c_p_list li .c_dot{ float: left; display: block; width: 10px; height: 34px; background: url("/eppzhongxi-educom/Resource/Template/1/images/icons/c_dot_hover.png") no-repeat left center;} .c_p_list li p{ font: 16px/34px "方正黑体"; color: #666666;} .c_p_list li p span{ font-weight: bold; color: #333;} .c_djs_yxgj .c_linklist li{ margin: 0 0 18px; margin-left: 2%;} .c_djs_yxgj .c_linklist li:first-child{ margin-left: 0;} /***********独角兽页面 end*****************/ /*弹出层 CSS*/ .gb_resLay { width: 100%; max-width: 800px; } .gb_res_t { line-height: 58px; height: 58px; position: relative; font-size: 18px; text-align: center; } .gb_res_t i { background: #FFEC94; height: 1px; overflow: hidden; left: 32px; top: 30px; right: 32px; position: absolute; } .gb_res_t span { background: #FFF; display: inline-block; padding: 0px 6px; position: relative; z-index: 2; } .gb_resItms { margin: 0px 4%; } .gb_resItms li { text-align: center; float: left; width: 20.66%; } .gb_resA img { height: auto; width: 60px; margin-bottom: 10px; } @media only screen and (max-width: 500px) { .gb_resA img { width: 45px; margin-top: 5px; } } @media only screen and (max-width: 470px) { .gb_resItms li { width: 33.333%; } .gb_resLay { height: 290px; } .gb_resA img { width: 60px; margin-top: 0 } } .share_to{ height:36px; line-height:38px; float: left; } .bdsharebuttonbox{ margin-left:40px; } /*.bdsharebuttonbox a { width: 24px!important; height: 24px!important; float: none!important; padding: 0!important; display: block; } .bdsharebuttonbox a img { width: 24px; height: 24px; } .bdsharebuttonbox .bds_tsina { background: url("/eppzhongxi-educom/Resource/Template/Resource/Template/1/images/top_logos_sprite.gif") no-repeat 0 -390px/24px 24px; } .bdsharebuttonbox .bds_qzone { background: url("/eppzhongxi-educom/Resource/Template/Resource/Template/1/images/top_logos_sprite.gif") no-repeat 0 -338px/24px 24px; } .bdsharebuttonbox .bds_tqq { background: url("/eppzhongxi-educom/Resource/Template/Resource/Template/1/images/top_logos_sprite.gif") no-repeat 0 -286px/24px 24px; } .bdsharebuttonbox .bds_sqq { background: url("/eppzhongxi-educom/Resource/Template/Resource/Template/1/images/top_logos_sprite.gif") no-repeat center center/24px 24px; } .bdsharebuttonbox .bds_renren { background: url("/eppzhongxi-educom/Resource/Template/Resource/Template/1/images/top_logos_sprite.gif") no-repeat center center/24px 24px; } .bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; }*/