|
|
@@ -0,0 +1,5365 @@
|
|
|
+<template>
|
|
|
+ <div class="cart">
|
|
|
+ <Header></Header>
|
|
|
+ <section>
|
|
|
+ <div class="ins-banner">
|
|
|
+ <!--内页顶部banner-->
|
|
|
+ <p><img src="/Templates/3/Resource/img/about/about-banner.jpg" /></p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="about-nav">
|
|
|
+ <!--关于我们子栏目-->
|
|
|
+ <!--代码开始-->
|
|
|
+ <div class="aboutnav-wrap">
|
|
|
+ <ul class="about-nav-list">
|
|
|
+ <!--a标签里的title参数固定为数字1-9-->
|
|
|
+ <li class="con01">
|
|
|
+ <a href="javascript:void(0)" title="1">学校简介</a>
|
|
|
+ </li>
|
|
|
+ <li class="con02">
|
|
|
+ <a href="javascript:void(0)" title="2">学校荣誉</a>
|
|
|
+ </li>
|
|
|
+ <li class="con03">
|
|
|
+ <a href="javascript:void(0)" title="3">学校资质</a>
|
|
|
+ </li>
|
|
|
+ <li class="con04">
|
|
|
+ <a href="javascript:void(0)" title="4">课程体系</a>
|
|
|
+ </li>
|
|
|
+ <li class="con05">
|
|
|
+ <a href="javascript:void(0)" title="5">学校历程</a>
|
|
|
+ </li>
|
|
|
+ <li class="con06">
|
|
|
+ <a href="javascript:void(0)" title="6">学校架构</a>
|
|
|
+ </li>
|
|
|
+ <li class="con07">
|
|
|
+ <a href="javascript:void(0)" title="7">学校师资</a>
|
|
|
+ </li>
|
|
|
+ <li class="con08">
|
|
|
+ <a href="javascript:void(0)" title="8">办学优势</a>
|
|
|
+ </li>
|
|
|
+ <li class="con09">
|
|
|
+ <a href="javascript:void(0)" title="9">学校风采</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ <ul class="about-nav-list" id="tbox">
|
|
|
+ <!-- 这个必须有 id="tbox"-->
|
|
|
+ <li class="con01">
|
|
|
+ <a href="javascript:void(0)" title="1">学校简介</a>
|
|
|
+ </li>
|
|
|
+ <li class="con02">
|
|
|
+ <a href="javascript:void(0)" title="2">学校荣誉</a>
|
|
|
+ </li>
|
|
|
+ <li class="con03">
|
|
|
+ <a href="javascript:void(0)" title="3">学校资质</a>
|
|
|
+ </li>
|
|
|
+ <li class="con04">
|
|
|
+ <a href="javascript:void(0)" title="4">课程体系</a>
|
|
|
+ </li>
|
|
|
+ <li class="con05">
|
|
|
+ <a href="javascript:void(0)" title="5">学校历程</a>
|
|
|
+ </li>
|
|
|
+ <li class="con06">
|
|
|
+ <a href="javascript:void(0)" title="6">学校架构</a>
|
|
|
+ </li>
|
|
|
+ <li class="con07">
|
|
|
+ <a href="javascript:void(0)" title="7">学校师资</a>
|
|
|
+ </li>
|
|
|
+ <li class="con08">
|
|
|
+ <a href="javascript:void(0)" title="8">办学优势</a>
|
|
|
+ </li>
|
|
|
+ <li class="con09">
|
|
|
+ <a href="javascript:void(0)" title="9">学校风采</a>
|
|
|
+ </li>
|
|
|
+ <p>
|
|
|
+ <a id="gotop" href="javascript:void(0)" title="回到顶部"
|
|
|
+ >回到顶部</a
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </ul>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ </div>
|
|
|
+ <!--代码结束-->
|
|
|
+ </div>
|
|
|
+ <!--关于我们子栏目end-->
|
|
|
+
|
|
|
+ <div class="about-main">
|
|
|
+ <div class="row" id="about-first">
|
|
|
+ <!-- 这个必须有id="about-first"-->
|
|
|
+ <h2 id="about-1"><i></i>学校简介</h2>
|
|
|
+ <div class="aboutpage about-1">
|
|
|
+ <div
|
|
|
+ class="about-info wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="100ms"
|
|
|
+ >
|
|
|
+ <div class="about-img">
|
|
|
+ <img src="/Templates/3/Resource/img/about/about-img01.jpg" />
|
|
|
+ </div>
|
|
|
+ <div class="about-txt">
|
|
|
+ <p>
|
|
|
+ 广东省祥粤建设职业培训学校经广东省人力资源与社会保障局批准成立，是广东省住房和城乡建设厅核准，广东省建设执业资格注册中心、广东省建设教育协会、广州市住房和城乡建设局、广州市建设教育协会、广州市建筑业管理服务中心等认可的建设类教育培训机构，学校于2017年经广东建科认证有限责任公司评估，通过了ISO管理体系认证，2020年入选广东省建设领域施工现场专业人员职业培训考核首批试点单位。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="about-info wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="200ms"
|
|
|
+ >
|
|
|
+ <div class="about-txt">
|
|
|
+ <p>
|
|
|
+ 学校教学、办公及实训场地总面积近3000平方米，师资力量雄厚，拥有50余位中高级职称的教师队伍，其中博士学位客座教授10人、高级工程师职称专职教师10人。
|
|
|
+ </p>
|
|
|
+ <br />
|
|
|
+ <p>
|
|
|
+ 设立了可容纳约650人的多媒体教学场地，配备了安全实训功能的VR/实体体验培训场地和BIM培训功能的计算机实训场地。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="about-img">
|
|
|
+ <img src="/Templates/3/Resource/img/about/about-img02.jpg" />
|
|
|
+ </div>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="about-info wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="300ms"
|
|
|
+ >
|
|
|
+ <div class="about-img">
|
|
|
+ <img src="/Templates/3/Resource/img/about/about-img03.jpg" />
|
|
|
+ </div>
|
|
|
+ <div class="about-txt">
|
|
|
+ <p>
|
|
|
+ 学校坚持“立足行业，服务社会”的办学理念，紧跟当前建设行业的发展趋势，推广建设领域的新技术、新工艺和新材料，宣贯建设行业的新政策和新标准，在教学模式上加速更新升级，在教研领域里不断推陈出新，在服务体系上坚持优化细化，真正提升企业的综合水准和人才的职业素养，为建设行业提供切实可行的全方位服务。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <h2 id="about-2"><i></i>学校荣誉</h2>
|
|
|
+ <div class="aboutpage about-2">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <p>《广东省建设执业资格注册中心》 二级注册建造师教育点</p>
|
|
|
+ </li>
|
|
|
+ <li><p>《广东省建设教育协会》建设类培训教育点</p></li>
|
|
|
+ <li><p>《广东省财政厅》会计从业继续教育教育点</p></li>
|
|
|
+ <li>
|
|
|
+ <p>
|
|
|
+ 《华南农业大学》《天津大学》《兰州大学》《武汉理工大学》高校合作站
|
|
|
+ </p>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <p>《广东省建设教育协会》理事单位 2016-2018年度先进会员单位</p>
|
|
|
+ </li>
|
|
|
+ <li><p>《广东省继续教育协会》建设工程专业委员会</p></li>
|
|
|
+ <li><p>《广东省建设工程质量安全检测和鉴定协会》理事单位</p></li>
|
|
|
+ <li><p>《广东省工程造价协会》会员单位</p></li>
|
|
|
+ <li><p>《广东省市政行业协会》会员单位</p></li>
|
|
|
+ <li><p>《广州市市政工程协会》会员单位</p></li>
|
|
|
+ <li><p>《广州市建筑业联合会》理事单位</p></li>
|
|
|
+ <li><p>《广州市建设教育协会》会员单位</p></li>
|
|
|
+ <li><p>《广东省安全生产协会》市政工程专业委员会</p></li>
|
|
|
+ <li><p>《广东省企业培训研究会》第一届会员单位</p></li>
|
|
|
+ <li>
|
|
|
+ <p>
|
|
|
+ 《2018/2019年广东省职业技能大赛——广东住房城乡建设行业职业技能竞赛》突出贡献奖、优秀组织奖
|
|
|
+ </p>
|
|
|
+ </li>
|
|
|
+ <li><p>《广联达科技股份有限公司广州分公司》战略合作伙伴</p></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <h2 id="about-3"><i></i>学校资质</h2>
|
|
|
+ <div class="aboutpage about-3">
|
|
|
+ <div class="zizhi-info">
|
|
|
+ <img src="/Templates/3/Resource/img/about/zizhi-img01.jpg" />
|
|
|
+ <p>《中华人民共和国民办学校办学许可证》</p>
|
|
|
+ </div>
|
|
|
+ <div class="zizhi-info">
|
|
|
+ <img src="/Templates/3/Resource/img/about/zizhi-img02.jpg" />
|
|
|
+ <p>《民办非企业单位登记证书》</p>
|
|
|
+ </div>
|
|
|
+ <div class="zizhi-info">
|
|
|
+ <img src="/Templates/3/Resource/img/about/zizhi-img03.jpg" />
|
|
|
+ <p>《JKC环境管理体系认证证书》</p>
|
|
|
+ </div>
|
|
|
+ <div class="zizhi-info">
|
|
|
+ <img src="/Templates/3/Resource/img/about/zizhi-img04.jpg" />
|
|
|
+ <p>《JKC质量管理体系认证证书》</p>
|
|
|
+ </div>
|
|
|
+ <div class="zizhi-info">
|
|
|
+ <img src="/Templates/3/Resource/img/about/zizhi-img05.jpg" />
|
|
|
+ <p>《JKC职业健康安管管理体系认证证书》</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <h2 id="about-4"><i></i>课程体系</h2>
|
|
|
+ <div class="aboutpage about-4">
|
|
|
+ <ul>
|
|
|
+ <li
|
|
|
+ class="wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="100ms"
|
|
|
+ >
|
|
|
+ <div class="about-kecheng-img">
|
|
|
+ <img src="/Templates/3/Resource/img/about/about-img04.jpg" />
|
|
|
+ </div>
|
|
|
+ <div class="about-kecheng-txt">
|
|
|
+ <h3>考前培训</h3>
|
|
|
+ <p>
|
|
|
+ <span>执业资格类证书: </span
|
|
|
+ >省施安管人员、一级/二级建造师、一级二级造价工程师、注册消防工程师、注册监理工程师、注册安全工程师；<br /><span
|
|
|
+ >岗位类证书:</span
|
|
|
+ >
|
|
|
+ 施工现场专业人员（新七大员）、建设行业工人职业技能/工种培训（八大工）、特种作业操作人员、建（构）筑物消防员；
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="150ms"
|
|
|
+ >
|
|
|
+ <div class="about-kecheng-img">
|
|
|
+ <img src="/Templates/3/Resource/img/about/about-img05.jpg" />
|
|
|
+ </div>
|
|
|
+ <div class="about-kecheng-txt">
|
|
|
+ <h3>继续教育</h3>
|
|
|
+ <p>
|
|
|
+ 省施安管人员、施工现场专业人员（新七大员）、一级/二级建造师、一级二级造价工程师、特种作业操作人员、专业技术人员职称继教；
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="200ms"
|
|
|
+ >
|
|
|
+ <div class="about-kecheng-img">
|
|
|
+ <img src="/Templates/3/Resource/img/about/about-img06.jpg" />
|
|
|
+ </div>
|
|
|
+ <div class="about-kecheng-txt">
|
|
|
+ <h3>适岗培训</h3>
|
|
|
+ <p>
|
|
|
+ 根据政府适岗补贴政策标准，面向建设行业相关企业和单位，提供职工技能提升适岗培训，开设公需通用及专业技术实务多元课程，支持针对不同需求个性化定制，并全程协助企业高效完成补贴申领；
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="250ms"
|
|
|
+ >
|
|
|
+ <div class="about-kecheng-img">
|
|
|
+ <img src="/Templates/3/Resource/img/about/about-img07.jpg" />
|
|
|
+ </div>
|
|
|
+ <div class="about-kecheng-txt">
|
|
|
+ <h3>学历教育</h3>
|
|
|
+ <p>
|
|
|
+ 【本科】、【大专】、【中专】学历提升定制方案，低门槛限制，最快一年可拿证。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="300ms"
|
|
|
+ >
|
|
|
+ <div class="about-kecheng-img">
|
|
|
+ <img src="/Templates/3/Resource/img/about/about-img08.jpg" />
|
|
|
+ </div>
|
|
|
+ <div class="about-kecheng-txt">
|
|
|
+ <h3>企业内训</h3>
|
|
|
+ <p>
|
|
|
+ 安全生产专题培训、现场施工体验培训、
|
|
|
+ VR施工体验培训、个性化定制专题培训
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <h2 id="about-5"><i></i>学校历程</h2>
|
|
|
+ <div class="aboutpage about-5">
|
|
|
+ <div class="about-course">
|
|
|
+ <img src="/Templates/3/Resource/img/about/course-img.jpg" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <h2 id="about-6"><i></i>学校架构</h2>
|
|
|
+ <div class="aboutpage about-6">
|
|
|
+ <div class="about-framework">
|
|
|
+ <img src="/Templates/3/Resource/img/about/framework-img.jpg" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <h2 id="about-7"><i></i>学校师资</h2>
|
|
|
+ <div class="aboutpage about-7">
|
|
|
+ <ul>
|
|
|
+ <li
|
|
|
+ class="wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="100ms"
|
|
|
+ >
|
|
|
+ <div class="teachers-info">
|
|
|
+ <div class="teachers-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/teachers-img01.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="teachers-name">
|
|
|
+ <h3>陈红</h3>
|
|
|
+ <p>教授级高级工程师</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="teachers-txt">
|
|
|
+ <p>
|
|
|
+ 国务院安委会专家咨询委员会建筑施工专业委员会专家<br />
|
|
|
+ 中国模板脚手架协会副秘书长<br />
|
|
|
+ 原中国建筑一局(集团)有限公司工程技术部经理<br />
|
|
|
+ 参编国家标准：<br />
|
|
|
+ 《建筑施工脚手架安全技术统一标准》<br />
|
|
|
+ 《建筑施工扣件式钢管脚手架安全技术规范》<br />
|
|
|
+ 《建筑施工临时支撑技术规范》
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="150ms"
|
|
|
+ >
|
|
|
+ <div class="teachers-info">
|
|
|
+ <div class="teachers-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/teachers-img02.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="teachers-name">
|
|
|
+ <h3>徐福康</h3>
|
|
|
+ <p>教授级高级工程师</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="teachers-txt">
|
|
|
+ <p>
|
|
|
+ 上海市施工现场安全生产保证体系第一审核认证中心副主任，总工程师<br />上海市建设工程安全质量监督总站高级工程师<br />国家标准《建筑施工企业安全生产管理规范》主要起草人
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="200ms"
|
|
|
+ >
|
|
|
+ <div class="teachers-info">
|
|
|
+ <div class="teachers-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/teachers-img03.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="teachers-name">
|
|
|
+ <h3>马英明</h3>
|
|
|
+ <p>教授级高级工程师</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="teachers-txt">
|
|
|
+ <p>
|
|
|
+ 中国矿业大学博士生导师<br />国家住建部全国地铁与轻轨建设专家组专家<br />广东省人民政府科技专家顾问委员会委员<br />原中国地下工程学会副主任
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="250ms"
|
|
|
+ >
|
|
|
+ <div class="teachers-info">
|
|
|
+ <div class="teachers-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/teachers-img04.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="teachers-name">
|
|
|
+ <h3>胡欣欣</h3>
|
|
|
+ <p>教授</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="teachers-txt">
|
|
|
+ <p>
|
|
|
+ 二建考前名师<br />广东工业大学土木与交通工程学院硕士生导师<br />广东省工程造价协会专家库成员<br />广东省工程咨询协会专家库成员
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="300ms"
|
|
|
+ >
|
|
|
+ <div class="teachers-info">
|
|
|
+ <div class="teachers-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/teachers-img05.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="teachers-name">
|
|
|
+ <h3>邝穗春</h3>
|
|
|
+ <p>工程师</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="teachers-txt">
|
|
|
+ <p>
|
|
|
+ 广州市建筑置业有限公司 生产技术部/工程资料管理部副部长<br />广州市市政集团培训中心 高级讲师<br />广州大学市政技术学院 特聘讲师<br />专业从事建筑工程竣工验收技术资料管理和建筑工程施工安全资料管理
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="350ms"
|
|
|
+ >
|
|
|
+ <div class="teachers-info">
|
|
|
+ <div class="teachers-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/teachers-img06.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="teachers-name">
|
|
|
+ <h3>朱培浩</h3>
|
|
|
+ <p>博士</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="teachers-txt">
|
|
|
+ <p>机电实务全国名师<br />建造师相关教材主编、参编人</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <h2 id="about-8"><i></i>办学优势</h2>
|
|
|
+ <div class="aboutpage about-8">
|
|
|
+ <ul>
|
|
|
+ <li
|
|
|
+ class="con01 wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="100ms"
|
|
|
+ >
|
|
|
+ <div class="advantage-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/advantage-img01.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="advantage-txt">
|
|
|
+ <h3>【多元】</h3>
|
|
|
+ <p>课程种类丰富<br />建设类职业培训全覆盖</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="con02 wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="150ms"
|
|
|
+ >
|
|
|
+ <div class="advantage-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/advantage-img02.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="advantage-txt">
|
|
|
+ <h3>【师资】</h3>
|
|
|
+ <p>权威专家教授任教<br />网络面授双轨教学</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="con03 wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="200ms"
|
|
|
+ >
|
|
|
+ <div class="advantage-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/advantage-img03.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="advantage-txt">
|
|
|
+ <h3>【实力】</h3>
|
|
|
+ <p>累计服务5000余家企业<br />培训近50000余人次</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="con04 wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="250ms"
|
|
|
+ >
|
|
|
+ <div class="advantage-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/advantage-img04.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="advantage-txt">
|
|
|
+ <h3>【规模】</h3>
|
|
|
+ <p>近3000平现代多媒体培训基地<br />VR等技术应用</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="con05 wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="300ms"
|
|
|
+ >
|
|
|
+ <div class="advantage-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/advantage-img05.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="advantage-txt">
|
|
|
+ <h3>【资深】</h3>
|
|
|
+ <p>十年专注建设行业教育培训<br />底蕴深厚</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="con06 wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="350ms"
|
|
|
+ >
|
|
|
+ <div class="advantage-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/advantage-img06.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="advantage-txt">
|
|
|
+ <h3>【全面】</h3>
|
|
|
+ <p>教研/培训/人才输送<br />一站式业务体系</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="con07 wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="400ms"
|
|
|
+ >
|
|
|
+ <div class="advantage-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/advantage-img07.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="advantage-txt">
|
|
|
+ <h3>【保障】</h3>
|
|
|
+ <p>优秀客户管理团队<br />全程跟踪服务</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="con08 wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="450ms"
|
|
|
+ >
|
|
|
+ <div class="advantage-img">
|
|
|
+ <img
|
|
|
+ src="/Templates/3/Resource/img/about/advantage-img08.jpg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="advantage-txt">
|
|
|
+ <h3>【前沿】</h3>
|
|
|
+ <p>PC端与手机版应用 <br />操作便捷 灵活就学</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row">
|
|
|
+ <h2 id="about-9"><i></i>学校风采</h2>
|
|
|
+ <div class="aboutpage about-9">
|
|
|
+ <div
|
|
|
+ class="about-info wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="100ms"
|
|
|
+ >
|
|
|
+ <div class="about-img">
|
|
|
+ <img src="/Templates/3/Resource/img/about/about-img09.jpg" />
|
|
|
+ </div>
|
|
|
+ <div class="about-txt">
|
|
|
+ <h3>宣贯会议</h3>
|
|
|
+ <p>
|
|
|
+ · 2016年
|
|
|
+ 《广东省房屋建筑工程竣工验收技术资料统一用表2016版》宣贯会议<br />
|
|
|
+ · 2017年 广州市建筑施工安全管理培训工作会议<br />
|
|
|
+ · 2018年
|
|
|
+ 广州市建筑施工企业安全生产许可证申报资料要点解读培训会议<br />
|
|
|
+ · 2018年 市政施工企业骨干专业技术人员培训（广州）班<br />
|
|
|
+ · 2018年 《广东省建设工程检测监管服务平台》宣贯会议<br />
|
|
|
+ · 2018年 广东省建筑工程技术资格政策培训班（第三、四期）<br />
|
|
|
+ · 2020年 广州市住房和城乡建设局优化营商环境宣贯工作<br />
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="about-info wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="150ms"
|
|
|
+ >
|
|
|
+ <div class="about-txt">
|
|
|
+ <h3>新考/继教培训</h3>
|
|
|
+ <p>
|
|
|
+ · 2018年 建筑信息模型（BIM）考前培训<br />
|
|
|
+ · 2018年 一级建造师执业资格考前培训<br />
|
|
|
+ · 2018年 二级建造师执业资格考前培训<br />
|
|
|
+ · 2017年 二级建造师执业资格继续教育培训<br />
|
|
|
+ · 2017年 建筑施工企业安管人员【ABC三类人员】考前培训<br />
|
|
|
+ · 2016年 建筑施工企业安管人员【ABC三类人员】继续教育培训<br />
|
|
|
+ · 2016年 建设行业施工管理人员（岗位）【九大员】继续教育培训<br />
|
|
|
+ · 2016年 建设行业施工管理人员（岗位）【九大员】考前培训<br />
|
|
|
+ · 2016年 建设行业工人职业技能（工种）【八大工】培训<br />
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="about-img">
|
|
|
+ <img src="/Templates/3/Resource/img/about/about-img10.jpg" />
|
|
|
+ </div>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="about-info wow fadeInUp animated"
|
|
|
+ data-wow-duration="300ms"
|
|
|
+ data-wow-delay="200ms"
|
|
|
+ >
|
|
|
+ <div class="about-img">
|
|
|
+ <img src="/Templates/3/Resource/img/about/about-img11.jpg" />
|
|
|
+ </div>
|
|
|
+ <div class="about-txt">
|
|
|
+ <h3>企业内训</h3>
|
|
|
+ <p>
|
|
|
+ · 现场施工体验培训<br />
|
|
|
+ · VR施工体验培训<br />
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div style="clear: both"></div>
|
|
|
+ </div>
|
|
|
+ <p><img src="/Templates/3/Resource/img/about/about-img12.jpg" /></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <ToolBar></ToolBar>
|
|
|
+ <Footer></Footer>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import Footer from "@/components/footer/index";
|
|
|
+import Header from "@/components/header/index";
|
|
|
+import ToolBar from "@/components/toolbar/index";
|
|
|
+export default {
|
|
|
+ name: "login",
|
|
|
+ components: {
|
|
|
+ Footer,
|
|
|
+ Header,
|
|
|
+ ToolBar,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ methods: {},
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
|
+<style scoped lang="scss">
|
|
|
+.cart {
|
|
|
+ /*以下样式只是除了首页样式之外的，全部内页样式集合*/
|
|
|
+ .fenlei {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ #scrollUp {
|
|
|
+ bottom: 10px;
|
|
|
+ right: 5px;
|
|
|
+ height: 38px;
|
|
|
+ width: 38px;
|
|
|
+ // background: url(../img/top.png) no-repeat;
|
|
|
+ }
|
|
|
+ .liucheng {
|
|
|
+ background: #fff;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .liucheng p {
|
|
|
+ width: 1280px;
|
|
|
+ background: #fff;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .ins-banner {
|
|
|
+ max-width: 1920px;
|
|
|
+ margin-left: -960px;
|
|
|
+ left: 50%;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .page-breadcrumb {
|
|
|
+ width: 100%;
|
|
|
+ background: #fff;
|
|
|
+ z-index: 999;
|
|
|
+ position: relative;
|
|
|
+ -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .breadcrumb-txt {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 0 auto;
|
|
|
+ line-height: 50px;
|
|
|
+ height: 50px;
|
|
|
+ }
|
|
|
+ .breadcrumb-txt span {
|
|
|
+ float: left;
|
|
|
+ color: #aaa;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .breadcrumb-txt p {
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #aaa;
|
|
|
+ }
|
|
|
+ .breadcrumb-txt p a {
|
|
|
+ color: #aaa;
|
|
|
+ }
|
|
|
+ .breadcrumb-txt p i {
|
|
|
+ font-family: 宋体;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-left: 5px;
|
|
|
+ margin-right: 5px;
|
|
|
+ color: #ddd;
|
|
|
+ }
|
|
|
+ .breadcrumb-txt p a.cur {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cation-middle {
|
|
|
+ width: 100%;
|
|
|
+ background: #f5f5f5;
|
|
|
+ padding-top: 20px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ }
|
|
|
+ .cation-list {
|
|
|
+ background: #fff;
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 20px 40px;
|
|
|
+ }
|
|
|
+ .cation-list ul {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ border-top: 1px solid #eee;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ padding-top: 20px;
|
|
|
+ }
|
|
|
+ .cation-list ul:first-child {
|
|
|
+ border-top: none;
|
|
|
+ }
|
|
|
+ .cation-list ul h2 {
|
|
|
+ float: left;
|
|
|
+ color: #666;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-right: 20px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ .cation-list ul li {
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 20px;
|
|
|
+ color: #ddd;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ .cation-list ul li a {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .cation-list ul li a.cur {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .cation-list ul li a:hover {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+
|
|
|
+ .kecheng-list {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 20px auto;
|
|
|
+ }
|
|
|
+ .kecheng-list ul li {
|
|
|
+ float: left;
|
|
|
+ width: 240px;
|
|
|
+ margin-left: 8px;
|
|
|
+ margin-right: 8px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+ .kecheng-list ul li:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+ .kecheng-list .hot-img a {
|
|
|
+ width: 240px;
|
|
|
+ height: 129px;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .kecheng-list .hot-img a img {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .kecheng-list .hot-txt {
|
|
|
+ padding: 10px;
|
|
|
+ height: 140px;
|
|
|
+ }
|
|
|
+ .kecheng-list .hot-txt h2 {
|
|
|
+ font-size: 16px;
|
|
|
+ height: 50px;
|
|
|
+ overflow: auto;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .kecheng-list .hot-txt h2 > a {
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ line-clamp: 2;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ }
|
|
|
+ .kecheng-list-bt {
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ background: #f5f5f5;
|
|
|
+ padding-left: 20px;
|
|
|
+ padding-right: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ clear: both;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .kecheng-list-bt h3 {
|
|
|
+ float: left;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .kecheng-list-bt h3 span {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ .kecheng-list-bt h3 i {
|
|
|
+ width: 4px;
|
|
|
+ height: 15px;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-right: 8px;
|
|
|
+ display: inline-block;
|
|
|
+ background: #00a2eb;
|
|
|
+ }
|
|
|
+ .kecheng-list-bt a {
|
|
|
+ float: right;
|
|
|
+ color: #888;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .kecheng-list-bt a:hover {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .hot-price {
|
|
|
+ float: left;
|
|
|
+ color: #666;
|
|
|
+ max-width: 90px;
|
|
|
+ min-width: 79px;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-top: 35px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .hot-price .activity-price-tit {
|
|
|
+ position: absolute;
|
|
|
+ top: -22px;
|
|
|
+ left: 0;
|
|
|
+ padding: 0 8px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ background-color: #eee;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #666 !important;
|
|
|
+ -moz-border-radius: 2px;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+ .activity-price-tit:after {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: -6px;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border-width: 3px;
|
|
|
+ border-style: solid dashed dashed;
|
|
|
+ border-color: #eee transparent transparent;
|
|
|
+ pointer-events: none;
|
|
|
+ }
|
|
|
+ .hot-price p i {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-family: DIN, "PingFang SC", "Hiragino Sans GB", STHeiti,
|
|
|
+ "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
|
|
|
+ }
|
|
|
+ .hot-price .activity-price p {
|
|
|
+ color: #ee2d42;
|
|
|
+ }
|
|
|
+ .original-price {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #aaa;
|
|
|
+ position: absolute;
|
|
|
+ top: 20px;
|
|
|
+ }
|
|
|
+ .original-price i {
|
|
|
+ margin-left: 2px;
|
|
|
+ text-decoration: line-through;
|
|
|
+ }
|
|
|
+ .hot-pur {
|
|
|
+ float: right;
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+ .hot-pur a {
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 25px;
|
|
|
+ padding-left: 6px;
|
|
|
+ padding-right: 6px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #333;
|
|
|
+ margin-left: 5px;
|
|
|
+ margin-top: 5px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .hot-pur a.cur {
|
|
|
+ background: #00a2eb;
|
|
|
+ border: 1px solid #00a2eb;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .hot-pur a:hover {
|
|
|
+ background: #00a2eb;
|
|
|
+ border: 1px solid #00a2eb;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .hot-pur a.cur:hover {
|
|
|
+ background: #40b092;
|
|
|
+ border: 1px solid #40b092;
|
|
|
+ }
|
|
|
+ .pagination {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 30px auto 0px auto;
|
|
|
+ text-align: center;
|
|
|
+ padding-bottom: 50px;
|
|
|
+ }
|
|
|
+ .pagination .disp {
|
|
|
+ color: gainsboro !important;
|
|
|
+ border: 1px solid #dedede !important;
|
|
|
+ cursor: not-allowed;
|
|
|
+ }
|
|
|
+ .pagination li.btn-prev {
|
|
|
+ font-family: "宋体";
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .pagination li.btn-next {
|
|
|
+ font-family: "宋体";
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .pagination li,
|
|
|
+ .btn-prev,
|
|
|
+ .btn-next {
|
|
|
+ min-width: 34px;
|
|
|
+ background-color: #fff;
|
|
|
+ border: 1px solid #dedede;
|
|
|
+ height: 34px;
|
|
|
+ line-height: 34px;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin: 0;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .pagination li:hover {
|
|
|
+ border: 1px solid #00a2eb;
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .pagination .active {
|
|
|
+ background-color: #00a2eb;
|
|
|
+ border: 1px solid #00a2eb;
|
|
|
+ color: #fff !important;
|
|
|
+ }
|
|
|
+ .main-cen {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .ins-main {
|
|
|
+ position: relative;
|
|
|
+ width: 1920px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -960px;
|
|
|
+ }
|
|
|
+ /*继续教育*/
|
|
|
+ .jixu-hot {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 60px auto;
|
|
|
+ }
|
|
|
+ .jixu-tit {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+ .jixu-tit h2 {
|
|
|
+ color: #333;
|
|
|
+ font-size: 28px;
|
|
|
+ line-height: 32px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .jixu-tit h2::after,
|
|
|
+ .jixu-tit h2::before {
|
|
|
+ position: relative;
|
|
|
+ top: -8px;
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 120px;
|
|
|
+ height: 30px;
|
|
|
+ margin: 0 15px 0;
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jixu-hot-list li {
|
|
|
+ float: left;
|
|
|
+ width: 400px;
|
|
|
+ height: 260px;
|
|
|
+ margin-left: 40px;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+ .jixu-hot-list li:first-child {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .jixu-hot-list li:nth-child(4) {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .jixu-hot-list li img {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .jixu-hot-list li:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+
|
|
|
+ .jixu-youshi {
|
|
|
+ background: #f5f5f5;
|
|
|
+ margin-bottom: -100px;
|
|
|
+ padding-bottom: 180px;
|
|
|
+ padding-top: 80px;
|
|
|
+ }
|
|
|
+ .main-cen {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .jixu-youshi-left {
|
|
|
+ float: left;
|
|
|
+ width: 600px;
|
|
|
+ border: 20px solid #fff;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+ .jixu-youshi-right {
|
|
|
+ float: right;
|
|
|
+ width: 660px;
|
|
|
+ }
|
|
|
+ .jixu-youshi-right li {
|
|
|
+ float: left;
|
|
|
+ width: 320px;
|
|
|
+ height: 320px;
|
|
|
+ padding: 20px;
|
|
|
+ text-align: center;
|
|
|
+ margin-left: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ background-color: #fff;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+ .jixu-youshi-right li:first-child {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .jixu-youshi-right li:nth-child(3) {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jixu-icon-img {
|
|
|
+ width: 135px;
|
|
|
+ height: 135px;
|
|
|
+ overflow: hidden;
|
|
|
+ line-height: 135px;
|
|
|
+ margin: 20px auto;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ border-radius: 500px;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+ .jixu-icon-img img {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jixu-youshi-right li h3 {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .jixu-youshi-right li p {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ line-height: 22px;
|
|
|
+ }
|
|
|
+ .jixu-youshi-right li:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+ .jixu-youshi-right li:hover .jixu-icon-img img {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ transform: scale(1.1);
|
|
|
+ -ms-transform: scale(1.1);
|
|
|
+ -moz-transform: scale(1.1);
|
|
|
+ -webkit-transform: scale(1.1);
|
|
|
+ -o-transform: scale(1.1);
|
|
|
+ }
|
|
|
+ .jixu-youshi-right li:hover .jixu-icon-img {
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*考前培训*/
|
|
|
+ .kaoqian-youshi {
|
|
|
+ padding-top: 60px;
|
|
|
+ padding-bottom: 90px;
|
|
|
+ margin-bottom: 60px;
|
|
|
+ // background: url(../img/kaoqian/kaoqian-youshi.jpg) no-repeat top center;
|
|
|
+ }
|
|
|
+ .kaoqian-tit {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+ .kaoqian-tit h2 {
|
|
|
+ color: #00a2eb;
|
|
|
+ font-size: 28px;
|
|
|
+ line-height: 32px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .kaoqian-tit h2 span {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .kaoqian-tit p {
|
|
|
+ color: #666;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+ .kaoqian-tit h2::after,
|
|
|
+ .kaoqian-tit h2::before {
|
|
|
+ position: relative;
|
|
|
+ top: -8px;
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 120px;
|
|
|
+ height: 30px;
|
|
|
+ margin: 0 15px 0;
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ }
|
|
|
+ .kaoqian-youshi-list {
|
|
|
+ width: 1280px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .kaoqian-youshi-list li {
|
|
|
+ float: left;
|
|
|
+ margin-left: 20px;
|
|
|
+ width: 300px;
|
|
|
+ border-radius: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+ .kaoqian-youshi-list li:first-child {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .kaoqian-youshi-list li:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+ .kaoqian-youshi-list li .kaoqian-txt {
|
|
|
+ background: #fff;
|
|
|
+ padding: 10px 20px;
|
|
|
+ }
|
|
|
+ .kaoqian-youshi-list li .kaoqian-txt h3 {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ padding-top: 10px;
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .kaoqian-youshi-list li .kaoqian-txt p {
|
|
|
+ font-size: 14px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-list {
|
|
|
+ width: 1280px;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-bt {
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ background: #f5f5f5;
|
|
|
+ padding-left: 20px;
|
|
|
+ padding-right: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-bt h3 {
|
|
|
+ float: left;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-bt h3 span {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-bt h3 i {
|
|
|
+ width: 4px;
|
|
|
+ height: 15px;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-right: 8px;
|
|
|
+ display: inline-block;
|
|
|
+ background: #00a2eb;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-bt h2 {
|
|
|
+ float: left;
|
|
|
+ margin-left: 10px;
|
|
|
+ color: #00a2eb;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-bt a {
|
|
|
+ float: right;
|
|
|
+ color: #888;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-bt a:hover {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-list ul li {
|
|
|
+ float: left;
|
|
|
+ width: 240px;
|
|
|
+ margin: 0px 8px 10px;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+ .kaoqian-hot-list ul li:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+ .kaoqian-hot-list .hot-img a {
|
|
|
+ width: 240px;
|
|
|
+ height: 129px;
|
|
|
+ overflow: hidden;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-list .hot-img a img {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-list ul li:hover img {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ transform: scale(1.1);
|
|
|
+ -ms-transform: scale(1.1);
|
|
|
+ -moz-transform: scale(1.1);
|
|
|
+ -webkit-transform: scale(1.1);
|
|
|
+ -o-transform: scale(1.1);
|
|
|
+ }
|
|
|
+ .kaoqian-hot-list .hot-txt {
|
|
|
+ padding: 10px 15px;
|
|
|
+ height: 140px;
|
|
|
+ }
|
|
|
+ .kaoqian-hot-list .hot-txt h2 {
|
|
|
+ font-size: 14px;
|
|
|
+ height: 50px;
|
|
|
+ overflow: auto;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ /*七大员新考栏目*/
|
|
|
+ .user-notice {
|
|
|
+ padding-bottom: 20px;
|
|
|
+ }
|
|
|
+ .main-cen {
|
|
|
+ width: 1280px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .user-notice .main-cen {
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 30px 50px;
|
|
|
+ background: #f8f8f8;
|
|
|
+ background: rgba(0, 162, 235, 0.03);
|
|
|
+ }
|
|
|
+ .notice-tit {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .notice-tit h2 {
|
|
|
+ font-weight: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .notice-info {
|
|
|
+ padding-bottom: 20px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .notice-info h3 {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 32px;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .notice-info p {
|
|
|
+ padding-left: 30px;
|
|
|
+ line-height: 28px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .notice-info p i {
|
|
|
+ font-family: DIN, Arial;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .notice-down {
|
|
|
+ margin-top: 30px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .notice-down a {
|
|
|
+ color: #00a2eb;
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ .notice-xiayibu {
|
|
|
+ float: right;
|
|
|
+ margin-top: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .notice-xiayibu input {
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ .notice-xiayibu a {
|
|
|
+ background: #00a2eb;
|
|
|
+ color: #fff;
|
|
|
+ padding: 5px 15px;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 3px;
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ .notice-xiayibu a i {
|
|
|
+ font-family: "宋体";
|
|
|
+ margin-left: 3px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .notice-xiayibu a:hover {
|
|
|
+ background: #40b092;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*适岗培训*/
|
|
|
+ .shigang-hot {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 50px auto;
|
|
|
+ }
|
|
|
+ .shigang-tit {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+ .shigang-tit h2 {
|
|
|
+ color: #00a2eb;
|
|
|
+ font-size: 28px;
|
|
|
+ line-height: 32px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .shigang-tit h2 span {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .shigang-tit p {
|
|
|
+ color: #666;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+ .shigang-tit h2::after,
|
|
|
+ .shigang-tit h2::before {
|
|
|
+ position: relative;
|
|
|
+ top: -8px;
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 120px;
|
|
|
+ height: 30px;
|
|
|
+ margin: 0 15px 0;
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ }
|
|
|
+ .shigang-service {
|
|
|
+ // background: url(../img/shigang/yizhanshi-bg.jpg) top center no-repeat;
|
|
|
+ width: 100%;
|
|
|
+ padding-top: 50px;
|
|
|
+ padding-bottom: 50px;
|
|
|
+ margin-bottom: 50px;
|
|
|
+ }
|
|
|
+ .shigang-ser-list {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .shigang-ser-list li {
|
|
|
+ float: left;
|
|
|
+ width: 620px;
|
|
|
+ height: 240px;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 5px;
|
|
|
+ position: relative;
|
|
|
+ background: #fff;
|
|
|
+ margin-left: 20px;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+ .shigang-ser-list li:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+ .shigang-ser-list li:first-child {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .shigang-ser-list li:nth-child(3) {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .shigang-numer {
|
|
|
+ position: absolute;
|
|
|
+ z-index: 999;
|
|
|
+ bottom: 0px;
|
|
|
+ right: 0px;
|
|
|
+ font-size: 100px;
|
|
|
+ color: #f5f5f5;
|
|
|
+ font-weight: 500;
|
|
|
+ font-family: Din, PingFangSC, helvetica neue, hiragino sans gb, arial,
|
|
|
+ microsoft yahei ui, microsoft yahei, simsun, sans-serif;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ .shigang-ser-img {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .shigang-ser-info {
|
|
|
+ position: relative;
|
|
|
+ height: 240px;
|
|
|
+ float: left;
|
|
|
+ width: 420px;
|
|
|
+ padding-left: 20px;
|
|
|
+ padding-right: 20px;
|
|
|
+ }
|
|
|
+ .shigang-ser-info h3 {
|
|
|
+ padding-top: 30px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ padding-bottom: 15px;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ .shigang-ser-info p {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ line-height: 26px;
|
|
|
+ }
|
|
|
+ .shigang-ser-info span {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 25px;
|
|
|
+ left: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #00a2eb;
|
|
|
+ z-index: 99999;
|
|
|
+ }
|
|
|
+ .shigang-more {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .shigang-more a {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ display: inline-block;
|
|
|
+ width: 170px;
|
|
|
+ height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 50px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ background: #00a2eb;
|
|
|
+ border-radius: 5px;
|
|
|
+ text-indent: 0px;
|
|
|
+ }
|
|
|
+ .shigang-more a i {
|
|
|
+ font-family: "宋体";
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .shigang-more a:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ background: #2cc39a;
|
|
|
+ text-indent: 5px;
|
|
|
+ }
|
|
|
+ .shigang-zhengce {
|
|
|
+ margin-bottom: 50px;
|
|
|
+ }
|
|
|
+ .zhengce-info {
|
|
|
+ width: 1280px;
|
|
|
+ margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .zhengce-info-img {
|
|
|
+ border-radius: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .zhengce-info-txt {
|
|
|
+ position: absolute;
|
|
|
+ right: 0px;
|
|
|
+ top: 70px;
|
|
|
+ padding: 40px 50px;
|
|
|
+ z-index: 999;
|
|
|
+ width: 780px;
|
|
|
+ height: 260px;
|
|
|
+ border-radius: 5px;
|
|
|
+ background: #fff;
|
|
|
+ -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+ .zhengce-info-txt p {
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 35px;
|
|
|
+ }
|
|
|
+ .zhengce-tit {
|
|
|
+ position: relative;
|
|
|
+ z-index: 9999;
|
|
|
+ }
|
|
|
+ .zhengce-tit h3 {
|
|
|
+ width: 370px;
|
|
|
+ height: 65px;
|
|
|
+ line-height: 65px;
|
|
|
+ text-align: center;
|
|
|
+ background: #00a2eb;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 50px;
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-bottom: -30px;
|
|
|
+ }
|
|
|
+ .zhengce-list {
|
|
|
+ width: 100%;
|
|
|
+ padding-top: 40px;
|
|
|
+ padding-bottom: 40px;
|
|
|
+ }
|
|
|
+ .zhengce-list.con01,
|
|
|
+ .zhengce-list.con03,
|
|
|
+ .zhengce-list.con05 {
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .zhengce-list.con01 {
|
|
|
+ padding-top: 70px;
|
|
|
+ }
|
|
|
+ .zhengce-cen {
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 1280px;
|
|
|
+ display: table;
|
|
|
+ }
|
|
|
+
|
|
|
+ .zhengcce-list-tit {
|
|
|
+ position: relative;
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+ width: 180px;
|
|
|
+ }
|
|
|
+ .zhengcce-list-tit h4 {
|
|
|
+ width: 170px;
|
|
|
+ background: #353535;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ padding-top: 10px;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 5px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .zhengcce-list-tit i {
|
|
|
+ // background: url(../img/shigang/heise-sanjiao.png) no-repeat center center;
|
|
|
+ width: 10px;
|
|
|
+ height: 14px;
|
|
|
+ vertical-align: middle;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -7px;
|
|
|
+ right: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .zhengce-txt {
|
|
|
+ float: right;
|
|
|
+ width: 1050px;
|
|
|
+ }
|
|
|
+ .zhengce-txt p {
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 28px;
|
|
|
+ }
|
|
|
+ .zhengce-txt p span {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .zhengce-txt p i {
|
|
|
+ color: #e00013;
|
|
|
+ }
|
|
|
+
|
|
|
+ .zhengce-txt ul li {
|
|
|
+ float: left;
|
|
|
+ width: 20%;
|
|
|
+ text-align: center;
|
|
|
+ // background: url(../img/shigang/lanse-jiantou.png) no-repeat 0px 30px;
|
|
|
+ }
|
|
|
+ .zhengce-txt ul li:first-child {
|
|
|
+ background: none;
|
|
|
+ }
|
|
|
+ .zhengce-txt ul li.con05 {
|
|
|
+ background: none;
|
|
|
+ }
|
|
|
+ .zhengce-txt ul li h3 {
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .zhengce-txt ul li p {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 22px;
|
|
|
+ padding-left: 20px;
|
|
|
+ padding-right: 20px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*题库*/
|
|
|
+ .tiku-zaojia {
|
|
|
+ max-width: 1200px;
|
|
|
+ margin: 60px auto;
|
|
|
+ }
|
|
|
+ .tiku-tit {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 50px;
|
|
|
+ }
|
|
|
+ .tiku-tit h2 {
|
|
|
+ color: #3ca387;
|
|
|
+ font-size: 32px;
|
|
|
+ line-height: 45px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .tiku-tit p {
|
|
|
+ font-size: 22px;
|
|
|
+ line-height: 45px;
|
|
|
+ }
|
|
|
+ .tiku-tit p::after,
|
|
|
+ .tiku-tit p::before {
|
|
|
+ position: relative;
|
|
|
+ top: -8px;
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 120px;
|
|
|
+ height: 30px;
|
|
|
+ margin: 0 30px 0;
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ }
|
|
|
+ .tiku-list {
|
|
|
+ max-width: 1200px;
|
|
|
+ margin: 55px auto;
|
|
|
+ }
|
|
|
+ .tiku-list li {
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 10px;
|
|
|
+ float: left;
|
|
|
+ margin-left: 22px;
|
|
|
+ width: 385px;
|
|
|
+ overflow: hidden;
|
|
|
+ -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .tiku-list li:first-child {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .tiku-list li:hover {
|
|
|
+ -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
|
|
|
+ -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
|
|
|
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .tiku-img img {
|
|
|
+ filter: alpha(opacity=80);
|
|
|
+ -moz-opacity: 0.8;
|
|
|
+ opacity: 0.8;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .tiku-list li:hover img {
|
|
|
+ filter: alpha(opacity=100);
|
|
|
+ -moz-opacity: 1;
|
|
|
+ opacity: 1;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .tiku-txt {
|
|
|
+ height: 130px;
|
|
|
+ padding: 15px 20px;
|
|
|
+ }
|
|
|
+ .tiku-txt h2 {
|
|
|
+ font-size: 18px;
|
|
|
+ line-height: 26px;
|
|
|
+ height: 60px;
|
|
|
+ overflow: auto;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .tiku-txt h2 a:hover {
|
|
|
+ color: #44caa9;
|
|
|
+ }
|
|
|
+ .tiku-price {
|
|
|
+ float: left;
|
|
|
+ color: #ee2d42;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 30px;
|
|
|
+ height: 30px;
|
|
|
+ }
|
|
|
+ .tiku-price span {
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-family: DIN, "PingFang SC", "Hiragino Sans GB", STHeiti,
|
|
|
+ "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
|
|
|
+ }
|
|
|
+ .tiku-pur {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .tiku-pur a {
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 30px;
|
|
|
+ padding-left: 10px;
|
|
|
+ padding-right: 10px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #44caa9;
|
|
|
+ margin-left: 10px;
|
|
|
+ border: 1px solid #44caa9;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .tiku-pur a.cur {
|
|
|
+ background: #44caa9;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .tiku-pur a:hover {
|
|
|
+ background: #44caa9;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .tiku-pur a.cur:hover {
|
|
|
+ background: #40b092;
|
|
|
+ }
|
|
|
+ .tiku-more {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin: 30px auto;
|
|
|
+ }
|
|
|
+ .tiku-more a {
|
|
|
+ display: inline-block;
|
|
|
+ background: #2cc39a;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #fff;
|
|
|
+ padding: 20px 40px;
|
|
|
+ border-radius: 50px;
|
|
|
+ -webkit-box-shadow: 0px 5px 0px #40b092;
|
|
|
+ -moz-box-shadow: 0px 5px 0px #40b092;
|
|
|
+ box-shadow: 0px 5px 0px #40b092;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .tiku-more a:hover {
|
|
|
+ background: #40b092;
|
|
|
+ -webkit-box-shadow: 0px 5px 0px #289a7c;
|
|
|
+ -moz-box-shadow: 0px 5px 0px #289a7c;
|
|
|
+ box-shadow: 0px 5px 0px #289a7c;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .tiku-anguan {
|
|
|
+ // background: url(../img/tiku/tiku-bg.jpg) no-repeat center center;
|
|
|
+ background-size: cover;
|
|
|
+ padding-top: 50px;
|
|
|
+ padding-bottom: 50px;
|
|
|
+ }
|
|
|
+ .tiku-characteristic {
|
|
|
+ width: 1200px;
|
|
|
+ margin: 80px auto;
|
|
|
+ }
|
|
|
+ .tiku-characteristic li {
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ width: 280px;
|
|
|
+ margin-left: 26px;
|
|
|
+ padding-bottom: 70px;
|
|
|
+ padding-left: 60px;
|
|
|
+ padding-right: 60px;
|
|
|
+ padding-top: 250px;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ background-position: center 60px;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .tiku-characteristic li:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ background-position: center 50px;
|
|
|
+ }
|
|
|
+ .tiku-characteristic li:first-child {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .tiku-characteristic li h2 {
|
|
|
+ color: #333;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .tiku-characteristic li p {
|
|
|
+ color: #666;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+ // .tiku-characteristic li.con01 {
|
|
|
+ // background-image: url(../img/tiku/tiku-icon01.png);
|
|
|
+ // }
|
|
|
+ // .tiku-characteristic li.con02 {
|
|
|
+ // background-image: url(../img/tiku/tiku-icon02.png);
|
|
|
+ // }
|
|
|
+ // .tiku-characteristic li.con03 {
|
|
|
+ // background-image: url(../img/tiku/tiku-icon03.png);
|
|
|
+ // }
|
|
|
+ // .tiku-characteristic li.con04 {
|
|
|
+ // background-image: url(../img/tiku/tiku-icon04.png);
|
|
|
+ // }
|
|
|
+ /*学历教育*/
|
|
|
+ .hot-bk {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ padding-top: 90px;
|
|
|
+ padding-bottom: 80px;
|
|
|
+ // background: url(../img/xueli/xueli-bg01.jpg) fixed center bottom no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ }
|
|
|
+ .xueli-tit {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 35px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .xueli-tit h2 {
|
|
|
+ font-size: 32px;
|
|
|
+ line-height: 50px;
|
|
|
+ font-weight: bold;
|
|
|
+ letter-spacing: 3px;
|
|
|
+ z-index: 999;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .xueli-tit h2 i {
|
|
|
+ color: #ee2d42;
|
|
|
+ }
|
|
|
+ .hot-bk .xueli-tit span {
|
|
|
+ margin-top: -38px;
|
|
|
+ }
|
|
|
+ .xueli-tit span {
|
|
|
+ color: #f4e6e7;
|
|
|
+ font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black",
|
|
|
+ "sans-serif";
|
|
|
+ font-size: 65px;
|
|
|
+ text-transform: uppercase;
|
|
|
+ letter-spacing: 3px;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ position: absolute;
|
|
|
+ margin-top: -10px;
|
|
|
+ }
|
|
|
+ .xueli-tit p {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-top: 30px;
|
|
|
+ margin-bottom: 50px;
|
|
|
+ }
|
|
|
+ .xueli-tit p a {
|
|
|
+ display: inline-block;
|
|
|
+ padding-left: 45px;
|
|
|
+ padding-right: 5px;
|
|
|
+ line-height: 25px;
|
|
|
+ color: #ee2d42;
|
|
|
+ text-decoration: underline;
|
|
|
+ // background: url(../img/xueli/shoushi.png) no-repeat center left;
|
|
|
+ }
|
|
|
+ .xueli-tit p a:hover {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .hot-bk-list {
|
|
|
+ max-width: 1200px;
|
|
|
+ height: 500px;
|
|
|
+ margin: 0px auto;
|
|
|
+ }
|
|
|
+ .hot-bk-list li.hot-fir {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .hot-bk-list li {
|
|
|
+ float: left;
|
|
|
+ margin-left: 20px;
|
|
|
+ margin-bottom: 16px;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+ .hot-bk-list li a img {
|
|
|
+ filter: alpha(opacity=80);
|
|
|
+ -moz-opacity: 0.8;
|
|
|
+ opacity: 0.8;
|
|
|
+ webkit-transition: all 0.4s linear -1ms;
|
|
|
+ -moz-transition: all 0.4s linear -1ms;
|
|
|
+ -ms-transition: all 0.4s linear -1ms;
|
|
|
+ -o-transition: all 0.4s linear -1ms;
|
|
|
+ transition: all 0.4s linear -1ms;
|
|
|
+ }
|
|
|
+ .hot-bk-list li a:hover img {
|
|
|
+ webkit-transition: all 0.4s linear -1ms;
|
|
|
+ -moz-transition: all 0.4s linear -1ms;
|
|
|
+ -ms-transition: all 0.4s linear -1ms;
|
|
|
+ -o-transition: all 0.4s linear -1ms;
|
|
|
+ transition: all 0.4s linear -1ms;
|
|
|
+ transform: scale(1.1);
|
|
|
+ -ms-transform: scale(1.1);
|
|
|
+ -moz-transform: scale(1.1);
|
|
|
+ -webkit-transform: scale(1.1);
|
|
|
+ -o-transform: scale(1.1);
|
|
|
+ overflow: hidden;
|
|
|
+ filter: alpha(opacity=100);
|
|
|
+ -moz-opacity: 1;
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+ .hot-zk {
|
|
|
+ width: 1200px;
|
|
|
+ position: relative;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding-bottom: 80px;
|
|
|
+ padding-top: 90px;
|
|
|
+ }
|
|
|
+ .hot-zk-list {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .hot-zk-list li {
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-right: 20px;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+ .hot-zk-list li a img {
|
|
|
+ filter: alpha(opacity=80);
|
|
|
+ -moz-opacity: 0.8;
|
|
|
+ opacity: 0.8;
|
|
|
+ webkit-transition: all 0.4s linear -1ms;
|
|
|
+ -moz-transition: all 0.4s linear -1ms;
|
|
|
+ -ms-transition: all 0.4s linear -1ms;
|
|
|
+ -o-transition: all 0.4s linear -1ms;
|
|
|
+ transition: all 0.4s linear -1ms;
|
|
|
+ }
|
|
|
+ .hot-zk-list li a:hover img {
|
|
|
+ webkit-transition: all 0.4s linear -1ms;
|
|
|
+ -moz-transition: all 0.4s linear -1ms;
|
|
|
+ -ms-transition: all 0.4s linear -1ms;
|
|
|
+ -o-transition: all 0.4s linear -1ms;
|
|
|
+ transition: all 0.4s linear -1ms;
|
|
|
+ transform: scale(1.1);
|
|
|
+ -ms-transform: scale(1.1);
|
|
|
+ -moz-transform: scale(1.1);
|
|
|
+ -webkit-transform: scale(1.1);
|
|
|
+ -o-transform: scale(1.1);
|
|
|
+ overflow: hidden;
|
|
|
+ filter: alpha(opacity=100);
|
|
|
+ -moz-opacity: 1;
|
|
|
+ opacity: 1;
|
|
|
+ }
|
|
|
+ .xueli-more {
|
|
|
+ width: 200px;
|
|
|
+ height: 200px;
|
|
|
+ position: absolute;
|
|
|
+ display: inline-block;
|
|
|
+ right: 0px;
|
|
|
+ top: 20px;
|
|
|
+ }
|
|
|
+ .xueli-more .xueli-more-txt {
|
|
|
+ width: 120px;
|
|
|
+ height: 120px;
|
|
|
+ border-radius: 50%;
|
|
|
+ color: #fff;
|
|
|
+ background-color: #ee2d42;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ margin: auto;
|
|
|
+ z-index: 2;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0px 15px 30px 10px rgba(238, 45, 66, 0.5);
|
|
|
+ -moz-box-shadow: 0px 15px 30px 10px rgba(238, 45, 66, 0.5);
|
|
|
+ box-shadow: 0px 15px 30px 10px rgba(238, 45, 66, 0.5);
|
|
|
+ }
|
|
|
+ .xueli-more .xueli-more-txt:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ background: #eb5e6c;
|
|
|
+ }
|
|
|
+ .xueli-more .xueli-more-txt a {
|
|
|
+ width: 100%;
|
|
|
+ position: absolute;
|
|
|
+ text-align: center;
|
|
|
+ top: 50%;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ line-height: 24px;
|
|
|
+ padding-top: 40px;
|
|
|
+ -webkit-transform: translateY(-50%);
|
|
|
+ -moz-transform: translateY(-50%);
|
|
|
+ -ms-transform: translateY(-50%);
|
|
|
+ -o-transform: translateY(-50%);
|
|
|
+ transform: translateY(-50%);
|
|
|
+ }
|
|
|
+ .xueli-more .xueli-more-txt a span {
|
|
|
+ display: block;
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
+ .xueli-more .focus-big {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 50%;
|
|
|
+ -webkit-border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 1;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ border: 1px solid #eb6170;
|
|
|
+ filter: alpha(opacity=0);
|
|
|
+ -moz-opacity: 0;
|
|
|
+ opacity: 0;
|
|
|
+ -moz-animation: sonar 2.5s infinite 2.5s;
|
|
|
+ -ms-animation: sonar 2.5s infinite 2.5s;
|
|
|
+ -webkit-animation: sonar 2.5s infinite 2.5s;
|
|
|
+ -o-animation: sonar 2.5s infinite 2.5s;
|
|
|
+ animation: sonar 2.5s infinite 2.5s;
|
|
|
+ }
|
|
|
+ .xueli-more .focus-small {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 50%;
|
|
|
+ -webkit-border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 1;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ border: 1px solid #eb6170;
|
|
|
+ filter: alpha(opacity=0);
|
|
|
+ -moz-opacity: 0;
|
|
|
+ opacity: 0;
|
|
|
+ -moz-animation: sonar 2.5s infinite 1s;
|
|
|
+ -ms-animation: sonar 2.5s infinite 1s;
|
|
|
+ -webkit-animation: sonar 2.5s infinite 1s;
|
|
|
+ -o-animation: sonar 2.5s infinite 1s;
|
|
|
+ animation: sonar 2.5s infinite 1s;
|
|
|
+ }
|
|
|
+ @-webkit-keyframes sonar {
|
|
|
+ 0% {
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-transform: scale(0.7, 0.7);
|
|
|
+ -moz-transform: scale(0.7, 0.7);
|
|
|
+ -ms-transform: scale(0.7, 0.7);
|
|
|
+ -o-transform: scale(0.7, 0.7);
|
|
|
+ transform: scale(0.7, 0.7);
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-transform: scale(1, 1);
|
|
|
+ -moz-transform: scale(1, 1);
|
|
|
+ -ms-transform: scale(1, 1);
|
|
|
+ -o-transform: scale(1, 1);
|
|
|
+ transform: scale(1, 1);
|
|
|
+ }
|
|
|
+ 0% {
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-transform: scale(0.7, 0.7);
|
|
|
+ -moz-transform: scale(0.7, 0.7);
|
|
|
+ -ms-transform: scale(0.7, 0.7);
|
|
|
+ -o-transform: scale(0.7, 0.7);
|
|
|
+ transform: scale(0.7, 0.7);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @-moz-keyframes sonar {
|
|
|
+ 0% {
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-transform: scale(0.7, 0.7);
|
|
|
+ -moz-transform: scale(0.7, 0.7);
|
|
|
+ -ms-transform: scale(0.7, 0.7);
|
|
|
+ -o-transform: scale(0.7, 0.7);
|
|
|
+ transform: scale(0.7, 0.7);
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-transform: scale(1, 1);
|
|
|
+ -moz-transform: scale(1, 1);
|
|
|
+ -ms-transform: scale(1, 1);
|
|
|
+ -o-transform: scale(1, 1);
|
|
|
+ transform: scale(1, 1);
|
|
|
+ }
|
|
|
+ 0% {
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-transform: scale(0.7, 0.7);
|
|
|
+ -moz-transform: scale(0.7, 0.7);
|
|
|
+ -ms-transform: scale(0.7, 0.7);
|
|
|
+ -o-transform: scale(0.7, 0.7);
|
|
|
+ transform: scale(0.7, 0.7);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @keyframes sonar {
|
|
|
+ 0% {
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-transform: scale(0.7, 0.7);
|
|
|
+ -moz-transform: scale(0.7, 0.7);
|
|
|
+ -ms-transform: scale(0.7, 0.7);
|
|
|
+ -o-transform: scale(0.7, 0.7);
|
|
|
+ transform: scale(0.7, 0.7);
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-transform: scale(1, 1);
|
|
|
+ -moz-transform: scale(1, 1);
|
|
|
+ -ms-transform: scale(1, 1);
|
|
|
+ -o-transform: scale(1, 1);
|
|
|
+ transform: scale(1, 1);
|
|
|
+ }
|
|
|
+ 0% {
|
|
|
+ opacity: 1;
|
|
|
+ -webkit-transform: scale(0.7, 0.7);
|
|
|
+ -moz-transform: scale(0.7, 0.7);
|
|
|
+ -ms-transform: scale(0.7, 0.7);
|
|
|
+ -o-transform: scale(0.7, 0.7);
|
|
|
+ transform: scale(0.7, 0.7);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .hot-zy {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ // background: url(../img/xueli/xueli-bg02.jpg) no-repeat bottom center;
|
|
|
+ background-size: cover;
|
|
|
+ padding-top: 90px;
|
|
|
+ padding-bottom: 0px;
|
|
|
+ }
|
|
|
+ .hot-zy-list {
|
|
|
+ width: 1200px;
|
|
|
+ height: 700px;
|
|
|
+ margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .hot-zy .xueli-tit span {
|
|
|
+ color: #dfd9e2;
|
|
|
+ }
|
|
|
+ .hot-zy .xueli-more {
|
|
|
+ top: auto;
|
|
|
+ bottom: 30px;
|
|
|
+ }
|
|
|
+ .xueli-liucheng {
|
|
|
+ width: 1920px;
|
|
|
+ position: relative;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -960px;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul {
|
|
|
+ width: 1200px;
|
|
|
+ height: 1580px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding-top: 50px;
|
|
|
+ padding-bottom: 60px;
|
|
|
+ // background: url(../img/xueli/xueli-bg03.png) no-repeat center top;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul li {
|
|
|
+ float: left;
|
|
|
+ width: 1200px;
|
|
|
+ height: 400px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .liucheng-img {
|
|
|
+ position: absolute;
|
|
|
+ width: 270px;
|
|
|
+ height: 270px;
|
|
|
+ border-radius: 50%;
|
|
|
+ overflow: hidden;
|
|
|
+ border: 5px solid #fff;
|
|
|
+ -webkit-box-shadow: 0px 15px 30px 10px rgba(10, 10, 10, 0.15);
|
|
|
+ -moz-box-shadow: 0px 15px 30px 10px rgba(10, 10, 10, 0.15);
|
|
|
+ box-shadow: 0px 15px 30px 10px rgba(10, 10, 10, 0.15);
|
|
|
+ }
|
|
|
+ .liucheng-txt {
|
|
|
+ position: absolute;
|
|
|
+ }
|
|
|
+ .liucheng-txt h2 {
|
|
|
+ color: #00a2eb;
|
|
|
+ font-size: 28px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ .liucheng-txt p {
|
|
|
+ color: #333333;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul li.con01 .liucheng-img {
|
|
|
+ left: 300px;
|
|
|
+ top: 100px;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul li.con01 .liucheng-txt {
|
|
|
+ left: 540px;
|
|
|
+ top: 60px;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul li.con02 .liucheng-img {
|
|
|
+ left: 620px;
|
|
|
+ top: 100px;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul li.con02 .liucheng-txt {
|
|
|
+ left: 175px;
|
|
|
+ top: 60px;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul li.con03 .liucheng-img {
|
|
|
+ left: 400px;
|
|
|
+ top: 90px;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul li.con03 .liucheng-txt {
|
|
|
+ left: 690px;
|
|
|
+ top: 70px;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul .xueli-more {
|
|
|
+ top: auto;
|
|
|
+ bottom: 50px;
|
|
|
+ right: 920px;
|
|
|
+ width: 260px;
|
|
|
+ height: 260px;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul .xueli-more .xueli-more-txt {
|
|
|
+ width: 140px;
|
|
|
+ height: 140px;
|
|
|
+ background-color: #00a2eb;
|
|
|
+ -webkit-box-shadow: 0px 15px 30px 10px rgba(0, 162, 235, 0.2);
|
|
|
+ -moz-box-shadow: 0px 15px 30px 10px rgba(0, 162, 235, 0.2);
|
|
|
+ box-shadow: 0px 15px 30px 10px rgba(0, 162, 235, 0.2);
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul .xueli-more .focus-big {
|
|
|
+ border: 1px solid #3eb8ef;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul .xueli-more .focus-small {
|
|
|
+ border: 1px solid #3eb8ef;
|
|
|
+ }
|
|
|
+ .xueli-liucheng ul .xueli-more .xueli-more-txt:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ background: #38b1e8;
|
|
|
+ }
|
|
|
+ /*企业内训*/
|
|
|
+ .neixun-kecheng {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 60px auto;
|
|
|
+ }
|
|
|
+ .neixun-tit {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+ .neixun-tit h2 {
|
|
|
+ color: #333;
|
|
|
+ font-size: 28px;
|
|
|
+ line-height: 32px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .neixun-tit h2::after,
|
|
|
+ .neixun-tit h2::before {
|
|
|
+ position: relative;
|
|
|
+ top: -8px;
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 120px;
|
|
|
+ height: 30px;
|
|
|
+ margin: 0 15px 0;
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ }
|
|
|
+ .neixun-tit p {
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .neixun-kecheng-list li {
|
|
|
+ float: left;
|
|
|
+ width: 400px;
|
|
|
+ height: 260px;
|
|
|
+ margin-left: 40px;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+ .neixun-kecheng-list li:first-child {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .neixun-kecheng-list li:nth-child(4) {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .neixun-kecheng-list li img {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .neixun-kecheng-list li:hover img {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ transform: scale(1.1);
|
|
|
+ -ms-transform: scale(1.1);
|
|
|
+ -moz-transform: scale(1.1);
|
|
|
+ -webkit-transform: scale(1.1);
|
|
|
+ -o-transform: scale(1.1);
|
|
|
+ }
|
|
|
+ .neixun-kecheng-list li:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+ .neixun-more {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 50px;
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+ .neixun-more a {
|
|
|
+ display: inline-block;
|
|
|
+ width: 200px;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ background: #4bbbed;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
|
+ }
|
|
|
+ .neixun-more a span {
|
|
|
+ font-family: "宋体";
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .neixun-more a:hover {
|
|
|
+ background: #00a2eb;
|
|
|
+ }
|
|
|
+ .neixun-youshi {
|
|
|
+ height: 650px;
|
|
|
+ background: #f5f5f5;
|
|
|
+ margin-bottom: -100px;
|
|
|
+ padding-top: 60px;
|
|
|
+ padding-bottom: 100px;
|
|
|
+ }
|
|
|
+ .neixun-youshi li {
|
|
|
+ float: left;
|
|
|
+ width: 620px;
|
|
|
+ height: 200px;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #fff;
|
|
|
+ margin-top: 0px;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ border-radius: 5px;
|
|
|
+ margin-left: 40px;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+ .neixun-youshi li:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ margin-top: -5px;
|
|
|
+ }
|
|
|
+ .neixun-youshi li:first-child {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .neixun-youshi li:nth-child(3) {
|
|
|
+ margin-left: 0px;
|
|
|
+ clear: both;
|
|
|
+ }
|
|
|
+ .neixun-youshi-img {
|
|
|
+ float: left;
|
|
|
+ height: 200px;
|
|
|
+ width: 200px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .neixun-youshi-info {
|
|
|
+ float: left;
|
|
|
+ width: 420px;
|
|
|
+ padding: 30px;
|
|
|
+ }
|
|
|
+ .neixun-youshi-info h3 {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ margin-bottom: 50px;
|
|
|
+ margin-top: 10px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ }
|
|
|
+ .neixun-youshi-info p {
|
|
|
+ color: #00a2eb;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*购物车*/
|
|
|
+ .shopcart-list {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 50px auto;
|
|
|
+ }
|
|
|
+ .cart-filter-bar {
|
|
|
+ line-height: 32px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .cart-filter-bar h2 {
|
|
|
+ float: left;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+ .cart-filter-bar span {
|
|
|
+ font-size: 18px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .cart-thead {
|
|
|
+ background: #f5f5f5;
|
|
|
+ padding: 0px 15px;
|
|
|
+ line-height: 60px;
|
|
|
+ height: 60px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ .cart-thead li {
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ width: 50px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .cart-thead li.con02 {
|
|
|
+ width: 400px;
|
|
|
+ }
|
|
|
+ .cart-thead li.con03 {
|
|
|
+ width: 200px;
|
|
|
+ }
|
|
|
+ .cart-thead li.con04 {
|
|
|
+ width: 150px;
|
|
|
+ }
|
|
|
+ .cart-thead li.con05 {
|
|
|
+ width: 150px;
|
|
|
+ }
|
|
|
+ .cart-thead li.con06 {
|
|
|
+ width: 150px;
|
|
|
+ }
|
|
|
+ .cart-thead li.con07 {
|
|
|
+ width: 150px;
|
|
|
+ }
|
|
|
+ .cart-checkbox {
|
|
|
+ float: left;
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ .cart-list {
|
|
|
+ clear: both;
|
|
|
+ padding: 15px;
|
|
|
+ }
|
|
|
+ .cart-list li {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: center;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .cart-list li .goods-item {
|
|
|
+ float: left;
|
|
|
+ width: 430px;
|
|
|
+ padding-right: 10px;
|
|
|
+ padding-left: 10px;
|
|
|
+ }
|
|
|
+ .cart-list li .goods-item .p-img {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .cart-list li .goods-item .p-name {
|
|
|
+ float: left;
|
|
|
+ max-width: 220px;
|
|
|
+ text-align: left;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ .cart-list li .goods-item .p-name a {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .cart-list li .goods-item .p-img img {
|
|
|
+ width: 150px;
|
|
|
+ }
|
|
|
+ .cart-list li .type-txt {
|
|
|
+ float: left;
|
|
|
+ width: 200px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .cart-list li .each-txt {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-family: din;
|
|
|
+ }
|
|
|
+ .cart-list li .quantity-form {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ padding-left: 20px;
|
|
|
+ padding-right: 20px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .cart-list li .quantity-form a {
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-right: 0;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 28px;
|
|
|
+ width: 32px;
|
|
|
+ text-align: center;
|
|
|
+ color: #666;
|
|
|
+ margin: 0;
|
|
|
+ float: left;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .cart-list li .quantity-form input.itxt {
|
|
|
+ position: absolute;
|
|
|
+ left: 52px;
|
|
|
+ top: 0;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ width: 46px;
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 1px;
|
|
|
+ margin: 0;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: verdana;
|
|
|
+ color: #333;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ }
|
|
|
+ .cart-list li .quantity-form a.increment {
|
|
|
+ float: right;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-left: 0;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .cart-list li .quantity-form a.disabled {
|
|
|
+ cursor: not-allowed;
|
|
|
+ color: #e9e9e9;
|
|
|
+ }
|
|
|
+ .cart-list li .subtotal-txt {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ font-family: din;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .cart-list li .cart-remove {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ }
|
|
|
+ .cart-list li .cart-remove a:hover {
|
|
|
+ color: #f00;
|
|
|
+ }
|
|
|
+ .cart-floatbar {
|
|
|
+ background: #f9f9f9;
|
|
|
+ font-size: 14px;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .cart-floatbar .select-all {
|
|
|
+ float: left;
|
|
|
+ line-height: 60px;
|
|
|
+ margin-left: 15px;
|
|
|
+ }
|
|
|
+ .cart-floatbar .operation {
|
|
|
+ float: left;
|
|
|
+ line-height: 60px;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ .cart-floatbar .operation a {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .cart-floatbar .comm-right {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .cart-floatbar .comm-right .btn-area {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .cart-floatbar .comm-right .btn-area a {
|
|
|
+ display: block;
|
|
|
+ background: #2cc17b;
|
|
|
+ width: 120px;
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .cart-floatbar .comm-right .btn-area a:hover {
|
|
|
+ background: #0ca95f;
|
|
|
+ }
|
|
|
+ .cart-floatbar .comm-right .price-sum {
|
|
|
+ float: right;
|
|
|
+ margin-left: 30px;
|
|
|
+ margin-right: 30px;
|
|
|
+ padding-top: 5px;
|
|
|
+ }
|
|
|
+ .cart-floatbar .comm-right .price-sum h3 {
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ }
|
|
|
+ .cart-floatbar .comm-right .price-sum h3 span {
|
|
|
+ color: #f00;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: din;
|
|
|
+ }
|
|
|
+ .cart-floatbar .comm-right .price-sum h3 span i {
|
|
|
+ font-size: 22px;
|
|
|
+ margin-left: 3px;
|
|
|
+ }
|
|
|
+ .cart-floatbar .comm-right .price-sum p {
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .cart-floatbar .comm-right .amount-sum {
|
|
|
+ float: right;
|
|
|
+ line-height: 60px;
|
|
|
+ }
|
|
|
+ .cart-floatbar .comm-right .amount-sum em {
|
|
|
+ color: #f00;
|
|
|
+ margin-left: 3px;
|
|
|
+ margin-right: 3px;
|
|
|
+ }
|
|
|
+ /*微信订单支付页面*/
|
|
|
+ .pay-main {
|
|
|
+ -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 50px auto;
|
|
|
+ }
|
|
|
+ .pay-tit {
|
|
|
+ line-height: 80px;
|
|
|
+ height: 80px;
|
|
|
+ margin-left: 20px;
|
|
|
+ margin-right: 20px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .pay-tit h2 {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 18px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .pay-tit span {
|
|
|
+ font-size: 14px;
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .pay-money {
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 30px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .pay-money h3 {
|
|
|
+ margin-bottom: 15px;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+ .pay-money h3 span {
|
|
|
+ color: #f00;
|
|
|
+ font-size: 32px;
|
|
|
+ margin-left: 5px;
|
|
|
+ margin-right: 5px;
|
|
|
+ font-family: din;
|
|
|
+ }
|
|
|
+ .pay-money div {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #888;
|
|
|
+ }
|
|
|
+ .pay-money .timer-simple-seconds {
|
|
|
+ color: #f00;
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 5px;
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ .pay-search {
|
|
|
+ margin: 0 auto;
|
|
|
+ max-width: 720px;
|
|
|
+ text-align: center;
|
|
|
+ padding-bottom: 60px;
|
|
|
+ padding-top: 10px;
|
|
|
+ }
|
|
|
+ .weixin-pay img {
|
|
|
+ width: 300px;
|
|
|
+ height: 300px;
|
|
|
+ border: 1px solid #4bb314;
|
|
|
+ }
|
|
|
+ .pay-WX,
|
|
|
+ .p-w-sidebar {
|
|
|
+ float: left;
|
|
|
+ margin-left: 20px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ .pay-WX {
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+ /*个人中心*/
|
|
|
+ .personal-center {
|
|
|
+ background: #f5f5f5;
|
|
|
+ margin-bottom: -100px;
|
|
|
+ padding-bottom: 150px;
|
|
|
+ }
|
|
|
+ .personal-center .main-cen {
|
|
|
+ position: relative;
|
|
|
+ min-height: 900px;
|
|
|
+ background: #fff;
|
|
|
+ -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
|
|
|
+ border-radius: 0 0 5px 5px;
|
|
|
+ }
|
|
|
+ .per-left {
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ width: 240px;
|
|
|
+ padding-top: 20px;
|
|
|
+ padding-bottom: 100px;
|
|
|
+ height: 100%;
|
|
|
+ border-right: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .per-left ul {
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
+ .per-left ul h2 {
|
|
|
+ background: #0489c5;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ padding: 15px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .per-left ul h2 img {
|
|
|
+ margin-bottom: 5px;
|
|
|
+ margin-right: 5px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .per-left ul li {
|
|
|
+ position: relative;
|
|
|
+ line-height: 40px;
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+ .per-left ul li a {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ color: #666;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .per-left ul li a:hover {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ color: #00a2eb;
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ // .per-left ul li a i {
|
|
|
+ // transition: all 0.3s;
|
|
|
+ // -webkit-transition: all 0.3s;
|
|
|
+ // position: absolute;
|
|
|
+ // margin-left: 5px;
|
|
|
+ // display: inline-block;
|
|
|
+ // width: 30px;
|
|
|
+ // height: 30px;
|
|
|
+ // background: url(../img/icon-right.png) 12px 8px no-repeat;
|
|
|
+ // background-size: 100%;
|
|
|
+ // margin-top: 4px;
|
|
|
+ // }
|
|
|
+ // .per-left ul li a:hover i {
|
|
|
+ // background: url(../img/icon-right.png) -10px 8px no-repeat;
|
|
|
+ // background-size: 100%;
|
|
|
+ // transition: all 0.3s;
|
|
|
+ // -webkit-transition: all 0.3s;
|
|
|
+ // }
|
|
|
+ // .per-left ul li a.cur i {
|
|
|
+ // background: url(../img/icon-right.png) -10px 8px no-repeat;
|
|
|
+ // background-size: 100%;
|
|
|
+ // }
|
|
|
+ .per-left ul li a.cur {
|
|
|
+ color: #00a2eb;
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .per-right {
|
|
|
+ padding-top: 20px;
|
|
|
+ padding-left: 20px;
|
|
|
+ padding-right: 20px;
|
|
|
+ float: right;
|
|
|
+ width: 1040px;
|
|
|
+ }
|
|
|
+ .profile-tit {
|
|
|
+ height: 55px;
|
|
|
+ position: relative;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .profile-tit h3 {
|
|
|
+ float: left;
|
|
|
+ font-size: 22px;
|
|
|
+ line-height: 55px;
|
|
|
+ }
|
|
|
+ .profile-tit span {
|
|
|
+ float: right;
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ .profile-tit span a {
|
|
|
+ font-size: 14px;
|
|
|
+ display: inline-block;
|
|
|
+ background: #46c37b;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 15px;
|
|
|
+ line-height: 36px;
|
|
|
+ }
|
|
|
+ .profile-tit span a:hover {
|
|
|
+ background: #37a967;
|
|
|
+ }
|
|
|
+ .profile-main form {
|
|
|
+ margin-bottom: 50px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .profile-main form select {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 32px;
|
|
|
+ display: inline-block;
|
|
|
+ padding: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ outline: none;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .profile-main form label {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .profile-main form select:hover {
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .pic {
|
|
|
+ float: left;
|
|
|
+ width: 200px;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .info {
|
|
|
+ float: left;
|
|
|
+ width: 400px;
|
|
|
+ margin-left: 15px;
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .info p {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #888;
|
|
|
+ line-height: 26px;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .info p em {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .info p.h1 {
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .info p span {
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .info p span i {
|
|
|
+ color: #00a2eb;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-left: 3px;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .control-blk {
|
|
|
+ float: right;
|
|
|
+ margin-top: 40px;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .control-blk a {
|
|
|
+ display: inline-block;
|
|
|
+ background: #2cc17b;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 36px;
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 15px;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .control-blk a:hover {
|
|
|
+ background: #20a767;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .jindu {
|
|
|
+ float: left;
|
|
|
+ width: 200px;
|
|
|
+ margin-top: 25px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .jindu span {
|
|
|
+ display: inline-block;
|
|
|
+ color: #888;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .jindu .progress-bar {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ height: 10px;
|
|
|
+ background: #eee;
|
|
|
+ border-radius: 50px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .jindu p {
|
|
|
+ margin: 0px;
|
|
|
+ display: inline-block;
|
|
|
+ color: #00a2eb;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .jindu p a {
|
|
|
+ text-decoration: underline;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .xuexi-jilu li .jindu .sr-only {
|
|
|
+ float: left;
|
|
|
+ height: 10px;
|
|
|
+ border-radius: 50px;
|
|
|
+ background: #00a2eb;
|
|
|
+ }
|
|
|
+ /*基本信息*/
|
|
|
+ .essential-information {
|
|
|
+ max-width: 450px;
|
|
|
+ margin: 50px auto;
|
|
|
+ }
|
|
|
+ .essential-information li {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .essential-information li .info-tit {
|
|
|
+ float: left;
|
|
|
+ line-height: 42px;
|
|
|
+ padding-right: 15px;
|
|
|
+ width: 100px;
|
|
|
+ text-align: right;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .essential-information li .info-tit span {
|
|
|
+ margin-right: 3px;
|
|
|
+ }
|
|
|
+ .essential-information li .info-input input {
|
|
|
+ height: 42px;
|
|
|
+ line-height: 42px;
|
|
|
+ width: 350px;
|
|
|
+ font-size: 14px;
|
|
|
+ padding-left: 10px;
|
|
|
+ }
|
|
|
+ #IdNum,
|
|
|
+ #Pwd {
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .essential-information li .info-select select {
|
|
|
+ height: 42px;
|
|
|
+ line-height: 42px;
|
|
|
+ width: 350px;
|
|
|
+ font-size: 14px;
|
|
|
+ padding-left: 10px;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .essential-information li input.btn {
|
|
|
+ float: left;
|
|
|
+ margin-left: 100px;
|
|
|
+ line-height: 42px;
|
|
|
+ height: 42px;
|
|
|
+ border-radius: 3px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 16px;
|
|
|
+ padding-left: 35px;
|
|
|
+ padding-right: 35px;
|
|
|
+ border: none;
|
|
|
+ cursor: pointer;
|
|
|
+ background: #00a2eb;
|
|
|
+ }
|
|
|
+ .essential-information li input.btn:hover {
|
|
|
+ background: #0489c5;
|
|
|
+ }
|
|
|
+ .eyes_box {
|
|
|
+ right: 15px;
|
|
|
+ top: 10px;
|
|
|
+ z-index: 99;
|
|
|
+ position: absolute;
|
|
|
+ }
|
|
|
+ .essential-information li input::-webkit-input-placeholder {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .essential-information li #btn_return {
|
|
|
+ margin-left: 20px;
|
|
|
+ color: #333;
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .essential-information li #btn_return:hover {
|
|
|
+ background: #00a2eb;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ /*我的证书列表*/
|
|
|
+ .mycertificate table {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .mycertificate table thead {
|
|
|
+ background: #eee;
|
|
|
+ }
|
|
|
+ .mycertificate table thead th {
|
|
|
+ padding: 15px 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .mycertificate tbody > tr:nth-child(even) > td,
|
|
|
+ .mycertificate tbody > tr:nth-child(even) > th {
|
|
|
+ background: #f9f9f9;
|
|
|
+ }
|
|
|
+ .mycertificate table tbody tr td {
|
|
|
+ padding: 15px;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .mycertificate table tbody tr td a.btn {
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 36px;
|
|
|
+ height: 36px;
|
|
|
+ font-size: 14px;
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 15px;
|
|
|
+ color: #fff;
|
|
|
+ background: #46c37b;
|
|
|
+ border-radius: 3px;
|
|
|
+ border: 1px solid #46c37b;
|
|
|
+ }
|
|
|
+ .mycertificate table tbody tr td a.btn:hover {
|
|
|
+ background: #37a967;
|
|
|
+ border: 1px solid #37a967;
|
|
|
+ }
|
|
|
+ .mycertificate table tbody tr td a.btn-warning-outline {
|
|
|
+ background: #fff;
|
|
|
+ color: #f37b1d;
|
|
|
+ border: 1px solid #f37b1d;
|
|
|
+ }
|
|
|
+ .mycertificate table tbody tr td a.btn-warning-outline:hover {
|
|
|
+ background: #f37b1d;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #f37b1d;
|
|
|
+ }
|
|
|
+ /*关于我们*/
|
|
|
+ .about-01 {
|
|
|
+ // background: url("../img/about/about_us_03.jpg") center top no-repeat;
|
|
|
+ padding-bottom: 50px;
|
|
|
+ padding-top: 50px;
|
|
|
+ }
|
|
|
+ .about-tit {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ }
|
|
|
+ .about-cen {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 30px auto;
|
|
|
+ }
|
|
|
+ .about-01 .about-txt {
|
|
|
+ float: right;
|
|
|
+ margin-top: 50px;
|
|
|
+ max-width: 650px;
|
|
|
+ }
|
|
|
+ .about-01 .about-txt p {
|
|
|
+ text-indent: 32px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ line-height: 28px;
|
|
|
+ }
|
|
|
+ .about-02 {
|
|
|
+ padding-bottom: 50px;
|
|
|
+ padding-top: 50px;
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .about-sur {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ line-height: 32px;
|
|
|
+ }
|
|
|
+ .about-02 ul {
|
|
|
+ padding: 30px;
|
|
|
+ border-radius: 3px;
|
|
|
+ -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ .about-02 li {
|
|
|
+ height: 280px;
|
|
|
+ float: left;
|
|
|
+ width: 33.333%;
|
|
|
+ text-align: center;
|
|
|
+ padding: 40px 35px;
|
|
|
+ border-bottom: 1px dashed #eee;
|
|
|
+ }
|
|
|
+ .about-02 li .tit {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ .about-02 li .txt {
|
|
|
+ line-height: 28px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .about-02 li.con02,
|
|
|
+ .about-02 li.con03,
|
|
|
+ .about-02 li.con05,
|
|
|
+ .about-02 li.con06 {
|
|
|
+ border-left: 1px dashed #eee;
|
|
|
+ }
|
|
|
+ .about-02 li.con04,
|
|
|
+ .about-02 li.con05,
|
|
|
+ .about-02 li.con06 {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ .about-03 {
|
|
|
+ // background: url("../img/about/about_us_05.jpg") center top no-repeat;
|
|
|
+ padding-bottom: 50px;
|
|
|
+ padding-top: 50px;
|
|
|
+ }
|
|
|
+ .about-03 h2 {
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 32px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .about-03 li {
|
|
|
+ overflow: hidden;
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ border-radius: 3px;
|
|
|
+ width: 19%;
|
|
|
+ margin: 0.5%;
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ }
|
|
|
+ .about-03 li img {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .about-03 li .txt {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ text-align: center;
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ height: 100%;
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
+ padding: 15px;
|
|
|
+ top: 300px;
|
|
|
+ padding-top: 0px;
|
|
|
+ }
|
|
|
+ .about-03 li .txt h3 {
|
|
|
+ color: #fff;
|
|
|
+ line-height: 50px;
|
|
|
+ height: 50px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .about-03 li .txt p {
|
|
|
+ color: #eee;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 26px;
|
|
|
+ }
|
|
|
+ .about-03 li:hover .txt {
|
|
|
+ transition: all 0.3s;
|
|
|
+ -webkit-transition: all 0.3s;
|
|
|
+ background: rgba(0, 0, 0, 0.7);
|
|
|
+ top: 0px;
|
|
|
+ padding-top: 20px;
|
|
|
+ }
|
|
|
+ .about-04 {
|
|
|
+ background: #f5f5f5;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ padding-top: 50px;
|
|
|
+ }
|
|
|
+ .about-04 li {
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ width: 23%;
|
|
|
+ margin: 1%;
|
|
|
+ padding: 35px;
|
|
|
+ height: 450px;
|
|
|
+ background: #fff;
|
|
|
+ -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .about-04 li h3 {
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .about-04 li h3 span {
|
|
|
+ display: block;
|
|
|
+ background: #666;
|
|
|
+ height: 3px;
|
|
|
+ width: 50px;
|
|
|
+ margin: 20px auto;
|
|
|
+ }
|
|
|
+ .about-04 li p {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 28px;
|
|
|
+ color: #666;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .about-05 img {
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .about-05 .about-txt {
|
|
|
+ float: right;
|
|
|
+ width: 680px;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .about-05 .about-txt h3 {
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .about-05 .about-txt p {
|
|
|
+ line-height: 28px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*视频播放页面*/
|
|
|
+ .breadcrum {
|
|
|
+ font-size: 16px;
|
|
|
+ width: 1280px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 30px auto 10px auto;
|
|
|
+ }
|
|
|
+ .vic_s strong {
|
|
|
+ background: #e13b29;
|
|
|
+ color: #fff;
|
|
|
+ padding: 2px 8px;
|
|
|
+ margin-right: 5px;
|
|
|
+ border-radius: 3px;
|
|
|
+ font-size: 14px;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .video-01 {
|
|
|
+ position: relative;
|
|
|
+ background: #333;
|
|
|
+ padding-bottom: 30px;
|
|
|
+ padding-top: 30px;
|
|
|
+ }
|
|
|
+ .video-cen {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .videoleft {
|
|
|
+ float: left;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ video.pv-video {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ z-index: auto;
|
|
|
+ background: #000;
|
|
|
+ }
|
|
|
+ .videoright {
|
|
|
+ float: right;
|
|
|
+ position: relative;
|
|
|
+ background: #fff;
|
|
|
+ width: 430px;
|
|
|
+ height: 500px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .catalog-tab {
|
|
|
+ width: 430px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .catalog-tab .tab-hd {
|
|
|
+ height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #eee;
|
|
|
+ color: #404040;
|
|
|
+ }
|
|
|
+ .catalog-tab .tab-hd li {
|
|
|
+ height: 50px;
|
|
|
+ float: left;
|
|
|
+ line-height: 50px;
|
|
|
+ width: 33.33%;
|
|
|
+ }
|
|
|
+ .catalog-tab .tab-hd li a {
|
|
|
+ display: block;
|
|
|
+ padding: 0 14px;
|
|
|
+ }
|
|
|
+ .catalog-tab .tab-hd li a:hover {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .catalog-tab .tab-hd li.on {
|
|
|
+ background-color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .catalog-tab .tab-hd li.on a {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .catalog-tab .tab-bd {
|
|
|
+ height: 380px;
|
|
|
+ width: 100%;
|
|
|
+ padding: 15px;
|
|
|
+ overflow-x: hidden;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+ .catalog-tab .tab-bd ul {
|
|
|
+ overflow: hidden;
|
|
|
+ zoom: 1;
|
|
|
+ }
|
|
|
+ .catalog-tab .tab-bd li {
|
|
|
+ overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
+ float: left;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
+ .videoitem span.sub-title {
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ display: block;
|
|
|
+ cursor: pointer;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+ .videoitem span.sub-title i {
|
|
|
+ display: inline-block;
|
|
|
+ float: left;
|
|
|
+ height: 24px;
|
|
|
+ font-size: 50px;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-right: 3px;
|
|
|
+ color: #e00013;
|
|
|
+ }
|
|
|
+ .videoitem span.sub-title-close i {
|
|
|
+ color: #aaa;
|
|
|
+ }
|
|
|
+
|
|
|
+ .videoitem .directory {
|
|
|
+ padding-left: 35px;
|
|
|
+ }
|
|
|
+ .videoitem .directory dd.mititle a {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ margin-top: 5px;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+ .videoitem .directory dd.mititle a:hover {
|
|
|
+ color: #e00013;
|
|
|
+ }
|
|
|
+ .videoitem .directory dd.mititle a img {
|
|
|
+ margin-right: 3px;
|
|
|
+ }
|
|
|
+ .videoitem .directory dd.playing a {
|
|
|
+ color: #e00013;
|
|
|
+ }
|
|
|
+ .videoitem .directory dd.mititle span.freevideo {
|
|
|
+ background: #39b378;
|
|
|
+ color: #fff;
|
|
|
+ padding: 2px 8px;
|
|
|
+ margin-left: 5px;
|
|
|
+ border-radius: 50px;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .purchase-price {
|
|
|
+ padding-top: 20px;
|
|
|
+ padding-left: 30px;
|
|
|
+ padding-right: 30px;
|
|
|
+ -webkit-box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+ .purchase-price p {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #666;
|
|
|
+ float: left;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .purchase-price p i {
|
|
|
+ font-family: din;
|
|
|
+ color: #f00;
|
|
|
+ font-size: 22px;
|
|
|
+ margin-right: 3px;
|
|
|
+ }
|
|
|
+ .purchase-price p a {
|
|
|
+ display: inline-block;
|
|
|
+ color: #fff;
|
|
|
+ padding: 5px 10px;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin-left: 5px;
|
|
|
+ background: #dd514c;
|
|
|
+ }
|
|
|
+ .purchase-price p a:hover {
|
|
|
+ background: #c62b26;
|
|
|
+ }
|
|
|
+ .purchase-price p a.Shopping-cart-icon {
|
|
|
+ background: #5eb95e;
|
|
|
+ }
|
|
|
+ .purchase-price p a.Shopping-cart-icon:hover {
|
|
|
+ background: #429842;
|
|
|
+ }
|
|
|
+
|
|
|
+ .note-rightdiv .note-textArar {
|
|
|
+ width: 100%;
|
|
|
+ height: 150px;
|
|
|
+ padding: 10px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .note-rightdiv textarea::-webkit-input-placeholder {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ #note-typeList {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ #note-typeList span {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ #note-typeList span.notetags {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ #note-typeList span.notetags a {
|
|
|
+ background: #eee;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 3px 10px;
|
|
|
+ font-size: 13px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ #note-typeList span.notetags a:hover {
|
|
|
+ background: #f37b1d;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ #note-typeList span.notetags a.btn-warning {
|
|
|
+ background: #f37b1d;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ #note-typeList span.fr a {
|
|
|
+ background: #dd514c;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 5px 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ #note-typeList span.fr a:hover {
|
|
|
+ background: #c62b26;
|
|
|
+ }
|
|
|
+
|
|
|
+ .doubt-rightdiv h2 {
|
|
|
+ font-size: 16px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
+ .doubt-rightdiv .doubt-textArar {
|
|
|
+ width: 100%;
|
|
|
+ height: 150px;
|
|
|
+ padding: 10px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .doubt-rightdiv textarea::-webkit-input-placeholder {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ #doubt-typeList {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ #doubt-typeList span {
|
|
|
+ font-size: 13px;
|
|
|
+ }
|
|
|
+ #doubt-typeList span.fr {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ #doubt-typeList span.fr a {
|
|
|
+ background: #dd514c;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 5px 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ #doubt-typeList span.fr a:hover {
|
|
|
+ background: #c62b26;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*视频详情页tab*/
|
|
|
+ .video-02 {
|
|
|
+ background: #f5f5f5;
|
|
|
+ padding-top: 30px;
|
|
|
+ padding-bottom: 150px;
|
|
|
+ margin-bottom: -100px;
|
|
|
+ }
|
|
|
+ .left-video-det {
|
|
|
+ float: left;
|
|
|
+ width: 850px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .video-det-tab {
|
|
|
+ width: 850px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .video-det-tab .hd {
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
+ padding-left: 30px;
|
|
|
+ padding-right: 30px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .video-det-tab .hd ul li {
|
|
|
+ float: left;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-right: 50px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .video-det-tab .hd ul li.on {
|
|
|
+ height: 60px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333;
|
|
|
+ border-bottom: 2px solid #f00;
|
|
|
+ }
|
|
|
+ .video-det-tab .hd ul li:hover {
|
|
|
+ color: #333;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .course-introduction {
|
|
|
+ padding: 25px;
|
|
|
+ }
|
|
|
+ .evbottomdiv {
|
|
|
+ padding: 25px;
|
|
|
+ }
|
|
|
+ .evbottomdiv textarea {
|
|
|
+ padding: 10px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .evbottomdiv textarea::-webkit-input-placeholder {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ #evaluatetypeList {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ #evaluatetypeList span {
|
|
|
+ font-size: 13px;
|
|
|
+ }
|
|
|
+ #evaluatetypeList span.fr {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ #evaluatetypeList span.fr a {
|
|
|
+ background: #dd514c;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 5px 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ #evaluatetypeList span.fr a:hover {
|
|
|
+ background: #c62b26;
|
|
|
+ }
|
|
|
+ .evaluate-number {
|
|
|
+ padding: 10px 25px;
|
|
|
+ background: #eee;
|
|
|
+ }
|
|
|
+ .evaluate-number p {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .evaluate-number p span {
|
|
|
+ color: #f00;
|
|
|
+ }
|
|
|
+ .evaluate-list {
|
|
|
+ padding: 20px 25px;
|
|
|
+ }
|
|
|
+ .evaluate-list li {
|
|
|
+ width: 100%;
|
|
|
+ padding-left: 70px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .evaluate-list li .avatar-container {
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 100px;
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .evaluate-list li .list-m h3 a {
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .comment-one {
|
|
|
+ margin-top: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .flex-between {
|
|
|
+ height: 32px;
|
|
|
+ line-height: 32px;
|
|
|
+ }
|
|
|
+ .flex-between span {
|
|
|
+ float: left;
|
|
|
+ color: #bbb;
|
|
|
+ font-size: 13px;
|
|
|
+ }
|
|
|
+ .flex-between p {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .flex-between p a {
|
|
|
+ font-size: 13px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .flex-between p a:hover {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .comment-two {
|
|
|
+ position: relative;
|
|
|
+ margin-top: 10px;
|
|
|
+ padding: 15px 30px;
|
|
|
+ background: #f5f5f5;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .comment-two dd {
|
|
|
+ position: relative;
|
|
|
+ padding-left: 60px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .avatar-container-two {
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ width: 44px;
|
|
|
+ height: 44px;
|
|
|
+ border-radius: 100px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .comment-two .commoncon {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ .comment-two .commoncon a {
|
|
|
+ color: #333;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .list-m .comment-two::before {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ border-top: none;
|
|
|
+ border-right: 15px solid transparent;
|
|
|
+ border-bottom: 15px solid #f4f4f4;
|
|
|
+ border-left: 15px solid transparent;
|
|
|
+ position: absolute;
|
|
|
+ top: -12px;
|
|
|
+ left: 20px;
|
|
|
+ }
|
|
|
+ .evaluate-list a:hover {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right-relevant {
|
|
|
+ float: right;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ width: 410px;
|
|
|
+ }
|
|
|
+ .right-relevant .titilbox {
|
|
|
+ line-height: 60px;
|
|
|
+ height: 60px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ padding-left: 30px;
|
|
|
+ padding-right: 30px;
|
|
|
+ }
|
|
|
+ .right-relevant .titilbox h3 {
|
|
|
+ float: left;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .right-relevant .titilbox span {
|
|
|
+ float: right;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 60px;
|
|
|
+ }
|
|
|
+ .right-relevant ul {
|
|
|
+ padding: 15px 30px;
|
|
|
+ }
|
|
|
+ .right-relevant ul li {
|
|
|
+ margin-bottom: 15px;
|
|
|
+ padding-bottom: 15px;
|
|
|
+ height: 100px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .right-relevant ul li .img {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ }
|
|
|
+ .right-relevant ul li .txt {
|
|
|
+ float: right;
|
|
|
+ width: 200px;
|
|
|
+ padding-left: 10px;
|
|
|
+ }
|
|
|
+ .right-relevant ul li .txt h4 a {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .right-relevant ul li .txt p {
|
|
|
+ margin-top: 10px;
|
|
|
+ color: #666;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .right-relevant ul li .txt p span {
|
|
|
+ color: #f00;
|
|
|
+ margin-top: 5px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .right-relevant ul li .txt p a {
|
|
|
+ float: right;
|
|
|
+ display: inline-block;
|
|
|
+ background: #00a2eb;
|
|
|
+ box-shadow: 0 5px 10px 0px rgba(0, 162, 235, 0.3);
|
|
|
+ color: #fff;
|
|
|
+ padding: 5px 15px;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .right-relevant ul li .txt p a:hover {
|
|
|
+ box-shadow: 0 5px 10px 0px rgba(0, 162, 235, 0.5);
|
|
|
+ }
|
|
|
+ .fix-right-relevant {
|
|
|
+ position: fixed;
|
|
|
+ top: 60px;
|
|
|
+ z-index: 999;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: 230px;
|
|
|
+ }
|
|
|
+ .course-info p {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .course-info p span {
|
|
|
+ color: #666;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .kecheng-mulu {
|
|
|
+ padding: 25px;
|
|
|
+ }
|
|
|
+ .courseList_menu dt {
|
|
|
+ background: #eee;
|
|
|
+ padding: 10px 20px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .courseList_menu dd {
|
|
|
+ padding-left: 20px;
|
|
|
+ padding-right: 20px;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .courseList_menu dd:hover {
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .courseList_menu dd a {
|
|
|
+ font-size: 14px;
|
|
|
+ display: block;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .courseList_menu dd a img {
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ .courseList_menu dd span {
|
|
|
+ float: right;
|
|
|
+ height: 50px;
|
|
|
+ }
|
|
|
+ .courseList_menu dd span img {
|
|
|
+ height: 20px;
|
|
|
+ opacity: 0.8;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*题库通列表页面*/
|
|
|
+ .exam-list {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 20px auto;
|
|
|
+ }
|
|
|
+ .exam-list li {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ line-height: 60px;
|
|
|
+ height: 60px;
|
|
|
+ padding: 0px 15px;
|
|
|
+ }
|
|
|
+ .exam-list li:hover {
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .exam-list li .fl {
|
|
|
+ float: left;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .exam-list li .fr {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .exam-list li .fr a {
|
|
|
+ padding: 5px 10px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .exam-list li .fr a.try-out {
|
|
|
+ background: #3bb4f2;
|
|
|
+ }
|
|
|
+ .exam-list li .fr a.try-out:hover {
|
|
|
+ background: #1da0e3;
|
|
|
+ }
|
|
|
+ .exam-list li .fr a.practice-questions {
|
|
|
+ background: #46c37b;
|
|
|
+ }
|
|
|
+ .exam-list li .fr a.practice-questions:hover {
|
|
|
+ background: #37a967;
|
|
|
+ }
|
|
|
+ .exam-list h2 {
|
|
|
+ background: #eee;
|
|
|
+ padding: 15px;
|
|
|
+ color: #333;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .exam-chapter li {
|
|
|
+ padding: 0 30px;
|
|
|
+ }
|
|
|
+ .exam-info {
|
|
|
+ margin: 20px auto;
|
|
|
+ max-width: 1280px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ border-bottom: 3px solid #eee;
|
|
|
+ }
|
|
|
+ .exam-info .fl {
|
|
|
+ float: left;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 18px;
|
|
|
+ line-height: 50px;
|
|
|
+ }
|
|
|
+ .exam-info .fr {
|
|
|
+ float: right;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .exam-info .fr a {
|
|
|
+ padding: 5px 10px;
|
|
|
+ border-radius: 3px;
|
|
|
+ color: #fff;
|
|
|
+ margin-left: 5px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .exam-info .fr a.buy-now-icon {
|
|
|
+ background: #dd514c;
|
|
|
+ }
|
|
|
+ .exam-info .fr a.Shopping-cart-icon {
|
|
|
+ background: #5eb95e;
|
|
|
+ }
|
|
|
+ .exam-info .fr a.buy-now-icon:hover {
|
|
|
+ background: #c62b26;
|
|
|
+ }
|
|
|
+ .exam-info .fr a.Shopping-cart-icon:hover {
|
|
|
+ background: #429842;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*新闻列表页面*/
|
|
|
+ .news-content {
|
|
|
+ padding-bottom: 150px;
|
|
|
+ margin-bottom: -100px;
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .news-left {
|
|
|
+ float: left;
|
|
|
+ width: 850px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 20px;
|
|
|
+ }
|
|
|
+ .news-list li {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ padding-top: 20px;
|
|
|
+ }
|
|
|
+ .news-list li:hover {
|
|
|
+ background: #f9f9f9;
|
|
|
+ }
|
|
|
+ .news-list li .news-img {
|
|
|
+ float: left;
|
|
|
+ width: 220px;
|
|
|
+ height: 160px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .news-list li .news-txt {
|
|
|
+ float: left;
|
|
|
+ margin-left: 20px;
|
|
|
+ width: 570px;
|
|
|
+ padding-top: 10px;
|
|
|
+ }
|
|
|
+ .news-list li .news-txt h2 a {
|
|
|
+ display: block;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ font-weight: bold;
|
|
|
+ overflow: hidden;
|
|
|
+ -ms-text-overflow: ellipsis;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .news-list li .news-txt h3 {
|
|
|
+ color: #666;
|
|
|
+ line-height: 24px;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .news-list li .news-txt h3 span {
|
|
|
+ font-weight: normal;
|
|
|
+ color: #888;
|
|
|
+ }
|
|
|
+ .news-zhaiyao p {
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ max-height: 38px;
|
|
|
+ line-height: 20px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .news-zhaiyao a {
|
|
|
+ padding: 5px 15px;
|
|
|
+ color: #fff;
|
|
|
+ background: #00a2eb;
|
|
|
+ box-shadow: 0 5px 10px 0px rgba(0, 162, 235, 0.3);
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .news-zhaiyao a:hover {
|
|
|
+ box-shadow: 0 5px 10px 0px rgba(0, 162, 235, 0.5);
|
|
|
+ }
|
|
|
+
|
|
|
+ .news-detail .news-tit {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .news-detail .news-tit h2 {
|
|
|
+ font-size: 22px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .news-detail .news-tit p {
|
|
|
+ color: #666;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .news-de-info p {
|
|
|
+ line-height: 24px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .news-list li .news-txt h2 span.ding {
|
|
|
+ float: left;
|
|
|
+ margin-right: 5px;
|
|
|
+ background: #e00013;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 12px;
|
|
|
+ padding: 2px 8px;
|
|
|
+ border-radius: 50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*意见反馈*/
|
|
|
+ .message-box {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ }
|
|
|
+ .message-box h2 {
|
|
|
+ background: #f5f5f5;
|
|
|
+ padding: 10px 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ .message-box textarea {
|
|
|
+ width: 100%;
|
|
|
+ height: 150px;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ padding: 15px;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ .message-box .file-img {
|
|
|
+ position: relative;
|
|
|
+ height: 100px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .message-box .file-img img {
|
|
|
+ height: 100px;
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ #imgs {
|
|
|
+ float: left;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .btn-upload {
|
|
|
+ float: left;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .btn-upload a.btn-file {
|
|
|
+ border: 1px dashed #ddd;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ line-height: 100px;
|
|
|
+ display: block;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 100px;
|
|
|
+ font-family: "宋体";
|
|
|
+ color: #ddd;
|
|
|
+ }
|
|
|
+ .btn-upload input {
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ opacity: 0;
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .message-box a.btn-tijiao {
|
|
|
+ background: #00a2eb;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin: 0 auto;
|
|
|
+ line-height: 42px;
|
|
|
+ width: 100px;
|
|
|
+ display: block;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .message-box a.btn-tijiao:hover {
|
|
|
+ background: #0489c5;
|
|
|
+ }
|
|
|
+ .message-list dt {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ padding: 0 15px;
|
|
|
+ background: #eee;
|
|
|
+ height: 42px;
|
|
|
+ line-height: 42px;
|
|
|
+ }
|
|
|
+ .message-list dt p {
|
|
|
+ float: left;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .message-list dd {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .message-one {
|
|
|
+ padding: 0 15px;
|
|
|
+ }
|
|
|
+ .message-one p {
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: center;
|
|
|
+ float: left;
|
|
|
+ padding: 10px;
|
|
|
+ }
|
|
|
+ .message-one p img {
|
|
|
+ margin: 5px;
|
|
|
+ display: block;
|
|
|
+ max-height: 100px;
|
|
|
+ }
|
|
|
+ .message-one p a {
|
|
|
+ background: #dd514c;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 5px 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .message-one p a:hover {
|
|
|
+ background: #c62b26;
|
|
|
+ }
|
|
|
+ .message-two {
|
|
|
+ position: relative;
|
|
|
+ margin-top: 10px;
|
|
|
+ padding: 15px 30px;
|
|
|
+ background: #f5f5f5;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin-left: 7%;
|
|
|
+ }
|
|
|
+ .message-two::before {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ border-top: none;
|
|
|
+ border-right: 15px solid transparent;
|
|
|
+ border-bottom: 15px solid #f4f4f4;
|
|
|
+ border-left: 15px solid transparent;
|
|
|
+ position: absolute;
|
|
|
+ top: -12px;
|
|
|
+ left: 20px;
|
|
|
+ }
|
|
|
+ .message-two h3 {
|
|
|
+ margin-bottom: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .message-two h3 span {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .message-two p {
|
|
|
+ color: #bbb;
|
|
|
+ font-size: 13px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*我的课程*/
|
|
|
+ .personal-myclass li {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .personal-myclass li .pic {
|
|
|
+ float: left;
|
|
|
+ width: 200px;
|
|
|
+ }
|
|
|
+ .personal-myclass li .info {
|
|
|
+ float: left;
|
|
|
+ margin-left: 20px;
|
|
|
+ width: 600px;
|
|
|
+ }
|
|
|
+ .personal-myclass li .info h2 {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ .myclass-icon {
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ .myclass-icon a {
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 15px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .myclass-icon a img {
|
|
|
+ max-width: 24px;
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ .personal-myclass li .info p {
|
|
|
+ color: #888;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .personal-myclass li .info p span {
|
|
|
+ color: #333;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .personal-myclass .control-blk {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .personal-myclass .control-blk a {
|
|
|
+ display: block;
|
|
|
+ background: #2cc17b;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 36px;
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 15px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .personal-myclass .control-blk a.btn-danger:hover {
|
|
|
+ background: #20a767;
|
|
|
+ }
|
|
|
+ .personal-myclass .control-blk a.btn-primary {
|
|
|
+ background: #00a2eb;
|
|
|
+ }
|
|
|
+ .personal-myclass .control-blk a.btn-primary:hover {
|
|
|
+ background: #0489c5;
|
|
|
+ }
|
|
|
+
|
|
|
+ .personal-myclass li dl {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ clear: both;
|
|
|
+ padding: 15px;
|
|
|
+ margin-top: 10px;
|
|
|
+ background: #f8f8f8;
|
|
|
+ }
|
|
|
+ .personal-myclass li dl dd:first-child {
|
|
|
+ border-top: none;
|
|
|
+ }
|
|
|
+ .personal-myclass li dl dd {
|
|
|
+ float: left;
|
|
|
+ border-top: 1px solid #eee;
|
|
|
+ width: 100%;
|
|
|
+ padding-top: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ line-height: 46px;
|
|
|
+ }
|
|
|
+ .personal-myclass li dl dd h3 {
|
|
|
+ float: left;
|
|
|
+ width: 50%;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ overflow: hidden;
|
|
|
+ height: 46px;
|
|
|
+ }
|
|
|
+ .personal-myclass li dl dd p {
|
|
|
+ color: #888;
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-left: 50px;
|
|
|
+ }
|
|
|
+ .personal-myclass li dl dd p span {
|
|
|
+ color: #f00;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*我的资讯*/
|
|
|
+ .personal-mynews li {
|
|
|
+ padding: 10px;
|
|
|
+ border-bottom: 1px dashed #eee;
|
|
|
+ }
|
|
|
+ .personal-mynews li a {
|
|
|
+ display: block;
|
|
|
+ line-height: 32px;
|
|
|
+ height: 32px;
|
|
|
+ }
|
|
|
+ .personal-mynews li a h3 {
|
|
|
+ float: left;
|
|
|
+ width: 80%;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .personal-mynews li a h3 span {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .personal-mynews li a p {
|
|
|
+ float: right;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .personal-mynews li:hover {
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .personal-mynews li:hover a {
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*答题记录*/
|
|
|
+ .personal-record li {
|
|
|
+ margin-bottom: 15px;
|
|
|
+ padding: 15px;
|
|
|
+ border-bottom: 1px dashed #eee;
|
|
|
+ }
|
|
|
+ .personal-record li .info {
|
|
|
+ float: left;
|
|
|
+ width: 45%;
|
|
|
+ padding-right: 20px;
|
|
|
+ }
|
|
|
+ .personal-record li .info h3 {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .personal-record li .info p {
|
|
|
+ color: #aaa;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 5px 0px;
|
|
|
+ }
|
|
|
+ .personal-record li .info p span {
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .personal-record .shuzhi {
|
|
|
+ float: left;
|
|
|
+ margin-left: 20px;
|
|
|
+ width: 35%;
|
|
|
+ margin-top: 40px;
|
|
|
+ }
|
|
|
+ .personal-record .shuzhi p {
|
|
|
+ float: left;
|
|
|
+ width: 25%;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .personal-record .shuzhi p span {
|
|
|
+ display: block;
|
|
|
+ font-family: DIN, Arial;
|
|
|
+ font-size: 22px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .personal-record .control-blk {
|
|
|
+ float: right;
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+ .personal-record .control-blk a {
|
|
|
+ display: block;
|
|
|
+ background: #2cc17b;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 36px;
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 15px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .personal-record .control-blk a.jixu:hover {
|
|
|
+ background: #20a767;
|
|
|
+ }
|
|
|
+ .personal-record .control-blk a.chakan {
|
|
|
+ background: #00a2eb;
|
|
|
+ }
|
|
|
+ .personal-record .control-blk a.chakan:hover {
|
|
|
+ background: #0489c5;
|
|
|
+ }
|
|
|
+ .personal-record .control-blk a.zaici {
|
|
|
+ background: #dd514c;
|
|
|
+ }
|
|
|
+ .personal-record .control-blk a.zaici:hover {
|
|
|
+ background: #c62b26;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*我的题库*/
|
|
|
+ .personal-quiz li {
|
|
|
+ border-bottom: 1px dashed #eee;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ padding-top: 20px;
|
|
|
+ }
|
|
|
+ .personal-quiz li:hover {
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .personal-quiz li .info {
|
|
|
+ float: left;
|
|
|
+ padding-left: 20px;
|
|
|
+ }
|
|
|
+ .personal-quiz li .info h3 {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .personal-quiz li .info p {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 26px;
|
|
|
+ color: #888;
|
|
|
+ }
|
|
|
+ .personal-quiz li .info p span {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .personal-quiz li .control-blk {
|
|
|
+ float: right;
|
|
|
+ margin-right: 20px;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .personal-quiz li .control-blk a {
|
|
|
+ display: inline-block;
|
|
|
+ background: #2cc17b;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 36px;
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 15px;
|
|
|
+ }
|
|
|
+ .personal-quiz li .control-blk a:hover {
|
|
|
+ background: #20a767;
|
|
|
+ }
|
|
|
+
|
|
|
+ .profile-tit .per-quiz-sub {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .profile-tit .per-quiz-sub form label {
|
|
|
+ float: left;
|
|
|
+ line-height: 44px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .profile-tit .per-quiz-sub .select-box {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ .profile-tit .per-quiz-sub .select-box select {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 32px;
|
|
|
+ display: inline-block;
|
|
|
+ padding: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ outline: none;
|
|
|
+ font-weight: bold;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .profile-tit .per-quiz-sub form select:hover {
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+
|
|
|
+ .personal-quiz-list .module_nav_box {
|
|
|
+ margin-bottom: 15px;
|
|
|
+ text-align: center;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .personal-quiz-list .module_nav_box a {
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0px 20px;
|
|
|
+ padding: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .personal-quiz-list .module_nav_box a i {
|
|
|
+ display: block;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ margin: 0 auto;
|
|
|
+ background-position: center center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-01 i {
|
|
|
+ // background-image: url("../img/quiz-icon01.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-02 i {
|
|
|
+ // background-image: url("../img/quiz-icon02.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-03 i {
|
|
|
+ // background-image: url("../img/quiz-icon03.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-04 i {
|
|
|
+ // background-image: url("../img/quiz-icon04.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-05 i {
|
|
|
+ // background-image: url("../img/quiz-icon05.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-06 i {
|
|
|
+ // background-image: url("../img/quiz-icon06.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-01.cur i {
|
|
|
+ // background-image: url("../img/quiz-icon01-hover.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-02.cur i {
|
|
|
+ // background-image: url("../img/quiz-icon02-hover.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-03.cur i {
|
|
|
+ // background-image: url("../img/quiz-icon03-hover.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-04.cur i {
|
|
|
+ // background-image: url("../img/quiz-icon04-hover.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-05.cur i {
|
|
|
+ // background-image: url("../img/quiz-icon05-hover.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-06.cur i {
|
|
|
+ // background-image: url("../img/quiz-icon06-hover.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-01:hover i {
|
|
|
+ // background-image: url("../img/quiz-icon01-hover.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-02:hover i {
|
|
|
+ // background-image: url("../img/quiz-icon02-hover.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-03:hover i {
|
|
|
+ // background-image: url("../img/quiz-icon03-hover.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-04:hover i {
|
|
|
+ // background-image: url("../img/quiz-icon04-hover.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-05:hover i {
|
|
|
+ // background-image: url("../img/quiz-icon05-hover.png");
|
|
|
+ // }
|
|
|
+ // .personal-quiz-list .module_nav_box a.con-06:hover i {
|
|
|
+ // background-image: url("../img/quiz-icon06-hover.png");
|
|
|
+ // }
|
|
|
+
|
|
|
+ .personal-quiz-list .module_nav_box a.cur {
|
|
|
+ color: #00a2eb;
|
|
|
+ border-bottom: 3px solid #00a2eb;
|
|
|
+ }
|
|
|
+
|
|
|
+ .problems_summary_title {
|
|
|
+ background: #eee;
|
|
|
+ line-height: 50px;
|
|
|
+ height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .problems_summary_title span {
|
|
|
+ display: inline-block;
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .course-de-lianxi {
|
|
|
+ padding: 25px;
|
|
|
+ }
|
|
|
+ .personal-quiz-list {
|
|
|
+ padding-bottom: 50px;
|
|
|
+ }
|
|
|
+ .personal-quiz-list li {
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
+ .personal-quiz-list li h5 {
|
|
|
+ background: #f5f5f5;
|
|
|
+ padding-left: 15px;
|
|
|
+ line-height: 42px;
|
|
|
+ height: 42px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .personal-quiz-list li h5 b {
|
|
|
+ float: left;
|
|
|
+ margin-right: 10px;
|
|
|
+ line-height: 42px;
|
|
|
+ }
|
|
|
+ .personal-quiz-list li h5 b i {
|
|
|
+ background: #666;
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ line-height: 18px;
|
|
|
+ font-size: 14px;
|
|
|
+ display: inline-block;
|
|
|
+ border-radius: 100px;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ font-family: "宋体";
|
|
|
+ }
|
|
|
+ .personal-quiz-list li h5 b.UI-bubble .off {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .personal-quiz-list li h5 b.UI-ask .on {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .personal-quiz-list li h5 p {
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .foldContent dl {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ height: 55px;
|
|
|
+ line-height: 55px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ padding-left: 50px;
|
|
|
+ padding-right: 30px;
|
|
|
+ border-bottom: 1px dashed #eee;
|
|
|
+ }
|
|
|
+ .foldContent dl:hover {
|
|
|
+ background: #f5f5f5;
|
|
|
+ }
|
|
|
+ .foldContent dl dd {
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .foldContent dl dd.con-01 {
|
|
|
+ width: 50%;
|
|
|
+ }
|
|
|
+ .foldContent dl dd.con-02 {
|
|
|
+ width: 28%;
|
|
|
+ }
|
|
|
+ .foldContent dl dd.con-03 {
|
|
|
+ width: 10%;
|
|
|
+ }
|
|
|
+ .foldContent dl dd.con-04 {
|
|
|
+ width: 12%;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ .foldContent dl dd.con-04 a {
|
|
|
+ display: inline-block;
|
|
|
+ background: #2cc17b;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 36px;
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 15px;
|
|
|
+ }
|
|
|
+ .foldContent dl dd.con-04 a:hover {
|
|
|
+ background: #20a767;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*我的订单*/
|
|
|
+ .per-order-sub {
|
|
|
+ float: right;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .per-order-sub a {
|
|
|
+ display: inline-block;
|
|
|
+ padding: 8px 15px;
|
|
|
+ background: #f5f5f5;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .per-order-sub a.cur {
|
|
|
+ background: #00a2eb;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .per-order-sub a:hover {
|
|
|
+ background: #00a2eb;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .order_nav_box {
|
|
|
+ margin-bottom: 15px;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .order_nav_box a {
|
|
|
+ display: inline-block;
|
|
|
+ padding-bottom: 5px;
|
|
|
+ margin-right: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ border-bottom: 3px solid #fff;
|
|
|
+ }
|
|
|
+ .order_nav_box a.cur {
|
|
|
+ color: #00a2eb;
|
|
|
+ border-bottom: 3px solid #00a2eb;
|
|
|
+ }
|
|
|
+ .personal-order-list li {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .personal-order-list li .tit {
|
|
|
+ background: #f5f5f5;
|
|
|
+ line-height: 50px;
|
|
|
+ height: 50px;
|
|
|
+ padding-left: 15px;
|
|
|
+ position: relative;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ border-bottom: none;
|
|
|
+ bottom: -4px;
|
|
|
+ }
|
|
|
+ .personal-order-list li .tit p {
|
|
|
+ float: left;
|
|
|
+ margin-right: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #888;
|
|
|
+ }
|
|
|
+ .personal-order-list li .tit p em {
|
|
|
+ color: #333;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .personal-order-list li .tit p strong {
|
|
|
+ color: #e00013;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-family: DIN, Arial;
|
|
|
+ }
|
|
|
+ .personal-order-list li table {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .personal-order-list li td {
|
|
|
+ border: 1px solid #eee;
|
|
|
+ padding: 10px 15px;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .personal-order-list li a.btn {
|
|
|
+ display: block;
|
|
|
+ background: #f5f5f5;
|
|
|
+ color: #333;
|
|
|
+ width: 86px;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin: 5px auto;
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+ }
|
|
|
+ .personal-order-list li a.btn:hover {
|
|
|
+ background: #00a2eb;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .personal-order-list li a.btn-payment {
|
|
|
+ background: #f37b1d;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .personal-order-list li a.btn-payment:hover {
|
|
|
+ background: #c85e0b;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*我的学时*/
|
|
|
+ .personal-hour-list {
|
|
|
+ padding-bottom: 50px;
|
|
|
+ }
|
|
|
+ .hour_nav_box {
|
|
|
+ margin-bottom: 15px;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .hour_nav_box a {
|
|
|
+ display: inline-block;
|
|
|
+ padding-bottom: 5px;
|
|
|
+ margin-right: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ border-bottom: 3px solid #fff;
|
|
|
+ }
|
|
|
+ .hour_nav_box a.cur {
|
|
|
+ color: #00a2eb;
|
|
|
+ border-bottom: 3px solid #00a2eb;
|
|
|
+ }
|
|
|
+ .personal-hour-list table {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .personal-hour-list table thead {
|
|
|
+ background: #eee;
|
|
|
+ }
|
|
|
+ .personal-hour-list table th {
|
|
|
+ padding: 15px 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .personal-hour-list table tbody tr td {
|
|
|
+ padding: 15px;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .personal-hour-list tbody > tr:nth-child(even) > td,
|
|
|
+ .personal-hour-list tbody > tr:nth-child(even) > th {
|
|
|
+ background: #f9f9f9;
|
|
|
+ }
|
|
|
+ .personal-hour-list table tbody tr td a.btn {
|
|
|
+ display: block;
|
|
|
+ margin: 5px auto;
|
|
|
+ width: 86px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 36px;
|
|
|
+ height: 36px;
|
|
|
+ color: #fff;
|
|
|
+ background: #46c37b;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .personal-hour-list table tbody tr td a.btn:hover {
|
|
|
+ background: #37a967;
|
|
|
+ }
|
|
|
+ .personal-hour-list table tbody tr td a.btn-declare {
|
|
|
+ background: none;
|
|
|
+ color: #00a2eb;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .personal-hour-list table tbody tr td a.btn-declare i {
|
|
|
+ border: 1px solid #666;
|
|
|
+ color: #666;
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 3px;
|
|
|
+ border-radius: 100px;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ line-height: 16px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .personal-hour-list table tbody tr td a.btn-declare:hover {
|
|
|
+ background: none;
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*我的作业*/
|
|
|
+ .personal-mytask tbody {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .personal-mytask .tit {
|
|
|
+ line-height: 42px;
|
|
|
+ height: 42px;
|
|
|
+ padding: 0px;
|
|
|
+ position: relative;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ border-bottom: none;
|
|
|
+ background: #f9f9f9;
|
|
|
+ }
|
|
|
+ .personal-mytask .tit h2 {
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ max-width: 50%;
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 30px;
|
|
|
+ overflow: hidden;
|
|
|
+ height: 42px;
|
|
|
+ }
|
|
|
+ .personal-mytask .tit p {
|
|
|
+ float: left;
|
|
|
+ max-width: 50%;
|
|
|
+ height: 42px;
|
|
|
+ padding-right: 15px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #888;
|
|
|
+ }
|
|
|
+ .personal-mytask .tit p a {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .personal-mytask table {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .personal-mytask table thead th {
|
|
|
+ padding: 0 15px;
|
|
|
+ background: #eee;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ line-height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .personal-mytask td {
|
|
|
+ border: 1px solid #eee;
|
|
|
+ padding: 10px 15px;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .personal-mytask a.btn {
|
|
|
+ display: inline-block;
|
|
|
+ width: 86px;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin: 5px auto;
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+ float: none;
|
|
|
+ }
|
|
|
+ .personal-mytask a.btn-down {
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #00a2eb;
|
|
|
+ color: #00a2eb;
|
|
|
+ }
|
|
|
+ .personal-mytask a.btn-down:hover {
|
|
|
+ color: #fff;
|
|
|
+ background: #00a2eb;
|
|
|
+ }
|
|
|
+ .personal-mytask a.btn-upload {
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #f37b1d;
|
|
|
+ color: #f37b1d;
|
|
|
+ }
|
|
|
+ .personal-mytask a.btn-upload:hover {
|
|
|
+ background: #f37b1d;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .personal-mytask td.rich-text {
|
|
|
+ max-width: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .personal-mytask a.btn-again {
|
|
|
+ background: #46c37b;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #46c37b;
|
|
|
+ }
|
|
|
+ .personal-mytask a.btn-again:hover {
|
|
|
+ background: #37a967;
|
|
|
+ border: 1px solid #37a967;
|
|
|
+ }
|
|
|
+ .essential-information .file-img .btn-upload input {
|
|
|
+ width: 100px !important;
|
|
|
+ padding: 0px !important;
|
|
|
+ height: 100px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*关于我们*/
|
|
|
+ .aboutnav-wrap {
|
|
|
+ background: #fff;
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+ z-index: 999;
|
|
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
|
|
|
+ }
|
|
|
+ .about-nav-list {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 0 auto;
|
|
|
+ height: 100px;
|
|
|
+ }
|
|
|
+ .about-nav-list li {
|
|
|
+ float: left;
|
|
|
+ line-height: 100px;
|
|
|
+ margin-left: 13px;
|
|
|
+ }
|
|
|
+ .about-nav-list li:first-child {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .about-nav-list li a {
|
|
|
+ display: inline-block;
|
|
|
+ width: 130px;
|
|
|
+ font-size: 14px;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ text-align: left;
|
|
|
+ text-indent: 50px;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ border-radius: 5px;
|
|
|
+ background-position: 20px center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ }
|
|
|
+ .about-nav-list li a:hover {
|
|
|
+ background-color: #00a2eb !important;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ // .about-nav-list li.con01 a {
|
|
|
+ // background-image: url(../img/about/about-icon01.png);
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con02 a {
|
|
|
+ // background-image: url(../img/about/about-icon02.png);
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con03 a {
|
|
|
+ // background-image: url(../img/about/about-icon03.png);
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con04 a {
|
|
|
+ // background-image: url(../img/about/about-icon04.png);
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con05 a {
|
|
|
+ // background-image: url(../img/about/about-icon05.png);
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con06 a {
|
|
|
+ // background-image: url(../img/about/about-icon06.png);
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con07 a {
|
|
|
+ // background-image: url(../img/about/about-icon07.png);
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con08 a {
|
|
|
+ // background-image: url(../img/about/about-icon08.png);
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con09 a {
|
|
|
+ // background-image: url(../img/about/about-icon09.png);
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .about-nav-list li.con01 a:hover {
|
|
|
+ // background-image: url(../img/about/about-icon01-hover.png) !important;
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con02 a:hover {
|
|
|
+ // background-image: url(../img/about/about-icon02-hover.png) !important;
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con03 a:hover {
|
|
|
+ // background-image: url(../img/about/about-icon03-hover.png) !important;
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con04 a:hover {
|
|
|
+ // background-image: url(../img/about/about-icon04-hover.png) !important;
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con05 a:hover {
|
|
|
+ // background-image: url(../img/about/about-icon05-hover.png) !important;
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con06 a:hover {
|
|
|
+ // background-image: url(../img/about/about-icon06-hover.png) !important;
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con07 a:hover {
|
|
|
+ // background-image: url(../img/about/about-icon07-hover.png) !important;
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con08 a:hover {
|
|
|
+ // background-image: url(../img/about/about-icon08-hover.png) !important;
|
|
|
+ // }
|
|
|
+ // .about-nav-list li.con09 a:hover {
|
|
|
+ // background-image: url(../img/about/about-icon09-hover.png) !important;
|
|
|
+ // }
|
|
|
+
|
|
|
+ #tbox {
|
|
|
+ position: fixed;
|
|
|
+ z-index: 99999;
|
|
|
+ width: 130px;
|
|
|
+ height: auto;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ #tbox li {
|
|
|
+ float: left;
|
|
|
+ line-height: 50px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ margin-left: 0px;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+ #tbox li a {
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+ #gotop {
|
|
|
+ display: inline-block;
|
|
|
+ width: 130px;
|
|
|
+ font-size: 14px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ background-color: #aaa;
|
|
|
+ border-radius: 5px;
|
|
|
+ background-position: 20px center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ opacity: 1 !important;
|
|
|
+ }
|
|
|
+ #gotop:hover {
|
|
|
+ background-color: #00a2eb;
|
|
|
+ }
|
|
|
+
|
|
|
+ .about-main {
|
|
|
+ background: #f5f5f5;
|
|
|
+ margin-bottom: -100px;
|
|
|
+ padding-top: 20px;
|
|
|
+ padding-bottom: 150px;
|
|
|
+ }
|
|
|
+ .about-main .row {
|
|
|
+ max-width: 1280px;
|
|
|
+ margin: 20px auto;
|
|
|
+ background: #fff;
|
|
|
+ padding: 40px;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+ .about-main .row h2 {
|
|
|
+ color: #00a2eb;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ padding-top: 20px;
|
|
|
+ }
|
|
|
+ .about-main .row h2 i {
|
|
|
+ width: 4px;
|
|
|
+ height: 20px;
|
|
|
+ float: left;
|
|
|
+ background: #00a2eb;
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 15px;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ .about-info {
|
|
|
+ border-bottom: 1px dashed #ddd;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ padding-bottom: 40px;
|
|
|
+ }
|
|
|
+ .about-info .about-img {
|
|
|
+ float: left;
|
|
|
+ width: 40%;
|
|
|
+ }
|
|
|
+ .about-info .about-txt {
|
|
|
+ float: left;
|
|
|
+ width: 56%;
|
|
|
+ padding: 2%;
|
|
|
+ padding-top: 4%;
|
|
|
+ }
|
|
|
+ .about-info .about-txt p {
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 38px;
|
|
|
+ text-indent: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .about-2 ul li {
|
|
|
+ width: 100%;
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ }
|
|
|
+ .about-2 ul li:nth-of-type(odd) {
|
|
|
+ background: #f9f9f9;
|
|
|
+ }
|
|
|
+ .about-2 ul li:nth-of-type(even) {
|
|
|
+ background: #f2f2f2;
|
|
|
+ }
|
|
|
+ .about-2 ul li p {
|
|
|
+ padding-left: 55px;
|
|
|
+ // background: url(../img/about/about-honor-icon.png) 20px center no-repeat;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .about-3 {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .zizhi-info {
|
|
|
+ text-align: center;
|
|
|
+ display: inline-block;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+ .zizhi-info img {
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .about-4 li {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: -1px;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ padding: 20px;
|
|
|
+ }
|
|
|
+ .about-kecheng-img {
|
|
|
+ float: left;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ .about-kecheng-txt {
|
|
|
+ width: 850px;
|
|
|
+ float: left;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .about-kecheng-txt h3 {
|
|
|
+ font-size: 18px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .about-kecheng-txt p {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 28px;
|
|
|
+ }
|
|
|
+ .about-kecheng-txt p span {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .about-course {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .about-framework {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .about-7 li {
|
|
|
+ float: left;
|
|
|
+ padding: 10px;
|
|
|
+ border-radius: 5px;
|
|
|
+ width: 385px;
|
|
|
+ margin-left: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .about-7 li:nth-child(4) {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+ .about-7 li:first-child {
|
|
|
+ margin-left: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .teachers-info {
|
|
|
+ padding: 10px;
|
|
|
+ height: 110px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+ .teachers-img {
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 80px;
|
|
|
+ height: 80px;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+ .teachers-name {
|
|
|
+ float: left;
|
|
|
+ margin-left: 15px;
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
+ .teachers-name h3 {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ }
|
|
|
+ .teachers-name p {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .teachers-txt {
|
|
|
+ padding: 10px;
|
|
|
+ height: 220px;
|
|
|
+ }
|
|
|
+ .teachers-txt p {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ line-height: 28px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .about-8 ul {
|
|
|
+ overflow: hidden;
|
|
|
+ width: 1200px;
|
|
|
+ height: 599px;
|
|
|
+ border: 1px solid #fff;
|
|
|
+ }
|
|
|
+ .about-8 li {
|
|
|
+ float: left;
|
|
|
+ width: 300px;
|
|
|
+ height: 300px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 40px;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ margin-top: -1px;
|
|
|
+ margin-left: -1px;
|
|
|
+ }
|
|
|
+ .about-8 li:nth-child(4) {
|
|
|
+ border-right: none;
|
|
|
+ }
|
|
|
+ .about-8 li:nth-child(8) {
|
|
|
+ border-right: none;
|
|
|
+ }
|
|
|
+ .advantage-img {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .about-8 li .advantage-img img {
|
|
|
+ -moz-transition: all 0.8s ease-in-out;
|
|
|
+ -webkit-transition: all 0.8s ease-in-out;
|
|
|
+ -o-transition: all 0.8s ease-in-out;
|
|
|
+ -ms-transition: all 0.8s ease-in-out;
|
|
|
+ transition: all 0.8s ease-in-out;
|
|
|
+ }
|
|
|
+ .about-8 li:hover .advantage-img img {
|
|
|
+ -moz-transform: rotate(360deg);
|
|
|
+ -webkit-transform: rotate(360deg);
|
|
|
+ -o-transform: rotate(360deg);
|
|
|
+ -ms-transform: rotate(180deg);
|
|
|
+ transform: rotate(360deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ .advantage-txt h3 {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .advantage-txt p {
|
|
|
+ color: #666;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .about-9 .about-img {
|
|
|
+ width: 50%;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .about-9 .about-txt {
|
|
|
+ padding: 2%;
|
|
|
+ width: 46%;
|
|
|
+ }
|
|
|
+ .about-9 .about-txt h3 {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .about-9 .about-txt p {
|
|
|
+ text-indent: 0px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 32px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .about-9 p {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .special-project .special-project-sheet.sheet-fixed {
|
|
|
+ position: fixed;
|
|
|
+ width: 268px;
|
|
|
+ top: 10px;
|
|
|
+ margin-right: -576px;
|
|
|
+ right: 50%;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
chenxiong