@charset "gb2312";
body{
   
}
*{
	margin:0;
	padding:0;
}
/* banner */
.banner img{
    width:100%;
    height:auto;
	margin:0 auto;
    min-width: 1100px;
    position: relative;
    vertical-align: bottom;
}




/* 总裁致辞 */
.ceo{
    width:100%;
    height:auto;
    min-width: 1100px;
    background-color: #fff;
    margin-bottom: 50px;
}
.ceo_center{
    width: 1100px;
    height:auto;
    margin: 0 auto;
    padding-top: 50px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
    padding-bottom: 50px;
}
.ceo_title{
    text-align: center;
    margin-bottom: 45px;
}
.ceo_title h2{
    font-size: 40px;
}
.ceo_title p{
    display: block;
    font-size: 20px;
    margin-top: 17px;
    color: #666666;
}
.ceo_header{
    width:980px;
    height:244px;

    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.ceo_good img{
    width:439px;
    height:244px;
}
.ceo_right{
    width:492px;
    height:100%;
}
.ceo_right p{
   font-size: 18px;
   font-weight: bold;
   display: block;
   margin-bottom: 17px;
}
.ceo_right span{
    font-size: 14px;
    line-height: 26px;
}
.ceo_right span a{
    color:#f0a8a9;
}
/* 回顾2021 */
.two2 img{
    width:100%;
    height:auto;
    min-width: 1100px;
    position: relative;
    margin: 0 auto;
    vertical-align: bottom;
}


/* 总部入驻中关村核心地带  打造IT旗舰服务 */
.total{
   width: 100%;
    height: auto;
    background-color: #f3f5f8;
    /* background: url(../images/jiaoshi_03.jpg)center no-repeat; */
    min-width: 1100px;
    position: relative;
    margin: 0 auto;
    background-size: 100% 100%;
    padding-top: 35px;
    padding-bottom: 50px;
}

.total_center{
    width: 1100px;
    height:auto;
    margin: 0 auto;
}
.total_title{
    text-align: center;
    /* margin-bottom: 45px; */
}
.total_title h2{
    font-size: 40px;
}
.total_center .total_title p{
    display: block;
    font-size: 20px;
    margin-top: 17px;
    color: #666666;
    margin-bottom: 30px;
}
/* 切换 */
.total_content{
    width:100%;
    height:auto;
    margin: 0 auto;
    margin-bottom: 35px;
}
#tab {
    width: 1100px;
}
.tab-nav {
    display: flex;
    justify-content: space-between;
}
.tab-nav a {
    width:267px;
    height:auto;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: #000;
}
.tab-nav a.cur {
	width:267px;
    height:164px;
	background-color:#8aadfb;
    opacity:0.4;
    color: #f03d2a;
	z-index:999;
}
.tab_left{
    width:100%;
    display: flex;
    justify-content: space-between;
}
.tab_right{
    width: 267px;
    height: 339px;
    margin-top: 9.5px;
    float: left;
}
.tab_right1{
    width: 267px;
    height: 339px;
    margin-top: 9.5px;
    float: right;
}
.tab_right img{
    width: 267px;
    height: 164px;
    border-radius: 6px;
}
.tab_right1 img{
    width: 267px;
    height: 164px;
    border-radius: 6px;
}

.tab_left img{
    width: 267px;
    height: 164px;
    border-radius: 6px;
    
}
.content {
    display: none;
    width: 100%;
    height: 512px;
    color: #fff;
    box-sizing: border-box;
    margin-bottom: 9px;
}
.console{
    width:547px;height:340px;  position: absolute;margin-top: 172px;margin-left: 277px;
}
.console img{
    width:547px;height:340px;
    border-radius: 6px;
}
.content.cur {
    display: block;
}
.content1 {
   
}

.content3 {
}
.content4 {

}
.tab_di{
    width: 267px;
    height: 164px;
    background: url(../images/di.png)no-repeat;
    background-size: cover;
    position: relative;
}
.tab-nav span{
    font-size: 18px;
    line-height: 85px;
}

.total_center p{
    font-size: 14px;
}
.mask {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 267px;
    height: 164px;
    background: rgba(101, 101, 101, 0.6);
    opacity: 0;
    border-radius: 5px;
}
/* .tab-nav a:hover .mask {
    opacity: 1;
} */


/* 产品力，硬实力，影响力 */
.two3 img{
    width:100%;
    height:auto;
    min-width: 1100px;
    position: relative;
    margin: 0 auto;
    vertical-align: bottom;
}
/* 面向未来企业需求，第四代课程全面升级 */
.face{
    width: 100%;
    height: auto;
    background-color: #06124c;
    /* background: url(../images/bei1_02.png)center  no-repeat; */
    min-width: 1100px;
    position: relative;
    margin: 0 auto;
	background-size:100% 100%;
    padding-top: 35px;
    padding-bottom: 50px;
}
.face_center{
    width: 1100px;
    height:auto;
    margin: 0 auto;
}
.face_center img{
    display: block;
    margin: 0 auto;
}
.face_title{
    text-align: center;
    margin-top: -30px;
    margin-bottom: 30px;
}
.face_center h2{
    font-size: 40px;
    color:#fff;
}
.face_cash img{
    width:1100px;
    height:462px;
    margin-bottom: 30px;
}
.face_slow{
    width:1100px;
    height:auto;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
}
.face_slowOne{
    width:331px;
    height:178px;
    background: url(../images/1q_03.png) no-repeat;
    background-size: cover;
    position: relative;
    cursor: pointer;
}
.face_slow .con{
    margin: 20px 25px;
}
.face_slow .con .heng{
    width:40px;
    height:2px;
    background-color: #d5f0ff;
    border-radius: 4px;
    margin-top: 13px;
    margin-bottom: 13px;
}
.face_slow .con .heng1{
    background-color: #fdd2c1 !important;
}
.face_slow .con .heng2{
    background-color: #f6d3ff !important;
}
.face_slow .con ul{
    display: block;
    margin-left: 14px;
    float: left;
    margin-right: 15px;
}
.face_slow .con ul li{
    font-size: 14px;
    color:#d5f0ff;
    line-height: 22px;
}
.face_slow .con ul .list{
    color:#fdd2c1 !important;
}
.face_slow .con ul .list1{
    color:#f6d3ff !important;
}
.face_slow .con ul li .white{
    width: 6px;
    height:6px;
    background-color: #d5f0ff;
    position: absolute;
    border-radius: 50%;
    margin-left: -13px;
    margin-top: 7px;
}
.face_slow .con ul li .white1{
    background-color:#fdd2c1 !important;
}
.face_slow .con ul li .white2{
    background-color:#f6d3ff !important;
}
.face_slow .con p{
    color: #fff;
    font-size: 14px;
}
.face_slow .con h6{
    font-size: 20px;
    color:#fff;
}
.twoq{
    background: url(../images/1w_05.png) no-repeat !important;
}
.three{
    background: url(../images/t2_07.png) no-repeat !important;
}

.face_slowThree{
    margin-right: 20px;
}

.face_tap{
    width:100%;
    height:390px;
    margin: 0 auto;
}
.cs {
    width: 331px;
    height: 178px;
    background: url(../images/j1064.png)no-repeat;
    background-size: cover;
    top: 0px;
    position: absolute;
    opacity: 0;
    display: block;
    font-size: 12px;
    transition: 0.3s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}
.csd{
    background: url(../images/j110642.png)no-repeat !important;
}
.cse{
    background: url(../images/j210643.png)no-repeat !important;
}
.face_slowOne:hover .cs {
    opacity: 1;
}
.face_slowOne:hover .csd {
    color: #656e73;
    opacity: 1;
}
.face_slowOne:hover .cse {
    opacity: 1;
}



.investment_f{
    width:100%;
}
.investment_f .investment_title{
    width:190px; 
    height:auto;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}
.investment_title .di{ 
    width:100%; 
    height:195px;  
    display:inline;  
    text-align:center; 
}
.investment_title a,.investment_title a:link,.investment_title a:visited,.investment_title a:hover{ 
    color:#555;
    width:131px; 
    height:44px;
    display:inline-block;
}
.investment_title div.on a,.investment_title div.on a:link,.investment_title div.on a:visited,.investment_title div.on a:hover{ 
    color:#f70;
}
.investment_title div.on{
    width:210px;
    background:url(../images/jian.png) no-repeat center; 
    background-size:100% 100%;
    margin-left: 0;
    position: relative;
    color:#fff;
    z-index: 999;
    text-align: center;
}
.investment_con{
    width:912px;
    height:390px;
    float: right; 
    background:#f3f5f8; 
    /* padding:20px; */
    position: relative;
    margin-top: -390px;
}
.investment_con_list img{
    position: absolute;
}
.investment_con_list{
    display:none;
}
.di img{
    margin-top: 43px;
    display: block;
}
.di{
    font-size: 21.95px;
    color:#cad7eb;
}



/* 针对学员需求，推出终身就业推荐服务 */
.counter{
    width:100%;
    height: auto;
    min-width: 1100px;
    background-color: #fff;
    margin-bottom: 50px;
    padding-top: 50px;
}
.total_center img{
    display: block;
    margin: 0 auto;
}
.margin{
    margin-top: -30px;
}
.lou1{
    width:100%;
    margin: 0 auto;
    margin-top: 40px;
}


/* 企业实战级项目更新，完美契合求职需求 */
.stand{
    width:100%;
    height: auto;
    padding-bottom: 50px;
    min-width: 1100px;
    background-color: #f3f5f8;
    padding-top: 50px;
}
.stand_rectangleTop{
    width:100%;
    display: flex;
    justify-content: space-between;
    margin-top:60px;
}
.stand_left{
    width:546px;
    height:188px;
    background: url(../images/ju130.png) no-repeat;
    background-size: cover;
    position: relative;
}
.stand_left ul{
    float: left;
    display: block;
    margin-left: 50px;
    height:76px;
}
.stand_left h5{
    font-size: 22px;
    color:#4a475b;
    display: block;
    margin-top: 30px;
    margin-left: 60px;
    margin-bottom: 15px;
    font-weight: bold;
}
.stand_left ul li{
    font-size: 14px;
    line-height: 20px;
    color:#4a475b;
}
.stand_left ul li .yuandian1{
    width: 6px;
    height:6px;
    background-color: #ff650d;
    position: absolute;
    border-radius: 50%;
    margin-left: -13px;
    margin-top: 7px;
}
.yuandian2 {
    background-color: #00c68e !important;
}
.yuandian3 {
    background-color: #ff9f00 !important;
}
.yuandian4 {
    background-color: #47cbed !important;
}
.stand_left img{
    display: block;
    margin-top: -40px;
}
.da{
    display: block;
    margin-top: -50px !important;
    margin-left: -20px !important;
}

.stand_rectangleBottom{
    width:100%;
    display: flex;
    justify-content: space-between;
    margin-top:8px;
}


.two0 img{
    width:100%;
    height:auto;
    min-width: 1100px;
    position: relative;
    margin: 0 auto;
    vertical-align: bottom;
}
.taty{
    width:950px;
    margin: 0 auto;
}
/* 自主研发新产品，井喷式发布 */
.self{
    width: 100%;
    height: auto;
    background-color: #f3f5f8;
    /* background: url(../images/bei22_06.png)  center no-repeat; */
    min-width: 1100px;
    position: relative;
	background-size:100% 100%;
    margin: 0 auto;
    padding-top: 36px;
    padding-bottom: 50px;
}
.self_center{
    width: 1100px;
    height:auto;
    margin: 0 auto;
}
.switch{
    width:100%;
    height:470px;
    background-color: #fff;
    margin-bottom: 100px;
    margin-top: 50px;
}
  .table {
    height: 100%;
    width: 100%;
}

.box-1 {
    height: 100%;
    background-color: #6269ff;
    text-align: center;
    width:220px;
    color: #fff;

}

.box-1 p {
    height:156px;
    line-height: 150px;
    font-size: 22px;
    display: block;
    width: 220px;
    border-bottom:1px dashed #fff;
}
.box-2{
    float: right;
    width:878px;
    height: 100%;
    margin-top: -470px;
}

.li-frist {
    background-color: #fff;
    color: #3b349b;
}

.bg {
    /* width: 268px;
    height:170px; */
    color: #3b349b;
    background-color: #fff;
    /* width: 210px; */
    /* background: url(../images/baijujiao-2.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: 0;
    position: relative;
    z-index: 999; */
    text-align: center;
    
}

.items {
    display: none;
}

.self_center .imgr{
    display: block;
    margin: 0 auto;
}
.self_center h2{
    display: inline-block;
    font-size: 40px;
    margin-top: -25px;
    margin-left: 210px;
}
.self_top{
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
}
.self_topLeft{
    width:546px;
    height:321px;
    background: url(../images/ju2.png) no-repeat;
    background-size: cover;
    position: relative;
}
.self_topLeft .yuandian{
    width:6px;
    height:6px;
    background-color: #ff650d;
    border-radius: 50%;
    margin-top: 243px;
    margin-left: 20px;
    position: absolute;
}
.self_topLeftLogo{
    margin: 25px 35px;
}
.self_topLeftLogo .self_okay{
    width:100%;
    float: left;
}
.self_topLeftLogo .self_okay span{
    font-size: 22px;
    color:#4a475b;
    font-weight: bold;
}
.self_topLeftLogo .self_okay img{
    margin-top: 5px;
    position: absolute;
    margin-left: 10px;
}
.self_topLeftLogo .self_okay .imge{
    margin-top: -12px;
}
.self_topLeftLogo .self_okay .riqi{
    float: right;
    font-size: 12px;
    color:#666;
    line-height: 40px;
}
.self_topLeftLogo p{
    font-size: 13.5px;
    color:#4a475b;
}
.self_bottom{
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}
.tu1 img{
    width:100px;
    height:100px;

}



.clearfix {}

/* 蹇呰甯冨眬鏍峰紡css */
.module-banner {

}

.module-banner-box {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

.module-banner-head {
    font-weight: normal;
    text-align: center;
    margin-bottom: 40px;
    color: #333;
}

.module-banner-head em {
    display: block;
    margin-bottom: 14px;
    font-style: normal;
    font-size: 30px;
}

.module-banner-head span {
    font-size: 16px;
    opacity: .6;
}

.module-banner-tab-list {
    float: left;
    width: 218px;
}

.module-banner-tab-list .module-tab-nav li:nth-child(1) {
    background: #6269ff;
}

.module-banner-tab-list .module-tab-nav li:nth-child(2) {
    background: #6269ff;
}

.module-banner-tab-list .module-tab-nav li:nth-child(3) {
    background: #6269ff;
}


.module-banner-tab-list ul li {
    color: #fff;
    width: 218px;
    height: 165px;
    cursor: pointer;
    text-align: center;
    position: relative;
}

.module-banner-tab-list ul li p {
    margin: 0;
    line-height: 70px;
    font-size: 22px;
}

.module-banner-tab-list ul li i {
    width: 40px;
    height: 70px;
    display: none;
}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on {
    opacity: 1;
    width:236px;
    height: 140px;
    background: url(../images/jia_03.png) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 999;
    color:#3b349b;
    /* background-repeat: repeat; */
}

.module-banner-tab .module-banner-tab-list .module-tab-nav .on .icon {
    display: inline-block;
}



.module-banner-tab-list-box {
    float: right;
    width: 880px;
    height: 468px;
    overflow: hidden;
    position: relative;
}

.module-tab-box-ma {
    width: 820px;
    opacity: 1;
    z-index: 1;
    /* -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s; */
    position: absolute;
}




.module-tab-title p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.module-tab-text {
    margin: 20px 0;
}




.module-tab-text ul li {
    width: 33%;
    float: left;
    font-size: 14px;
    line-height: 38px;
    cursor: pointer;
    color: #a2a2a2;
    border: 1px solid #f4f4f4;
}

.icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
}


.module-tab-text ul li:hover a {
    color: #08acee;
}

.module-tab-link {
    position: relative;
}

.module-tab-link:after {
    content: '';
    width: 8px;
    height: 8px;
    float: right;
    margin: 15px 20px 0 0;
    transform: rotate(45deg);
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
}

.module-tab-text ul .module-tab-link:hover:after {
    border-color: #108cee
}

.module-tab-text .module-tab-link+.module-tab-link {
    /* width: calc(33% - 20px); */
    margin-left: 20px;
}



.module-tab-more a {
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    background: #108cee;
    text-align: center;
    width: 160px;
    display: inline-block;
    line-height: 40px;
    margin-top: 20px;
    text-decoration: none;
    /* -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; */
}

.module-tab-more a:hover {
    background: #41a6f7
}

.module-tab-case li {
    float: left;
    margin-right: 20px;
}

.module-tab-case li i {
    width: 60px;
    height: 60px;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    display: inline-block;
}




.module-tab-case li span {
    color: #666;
    font-size: 12px;
    display: block;
    text-align: center;
    line-height: 24px;
}


/* 人工智能师资培训，赋能高校教育 */
.wisdom{
    width:100%;
    height:auto;
    min-width: 1100px;
    background-color: #06124c;
    padding-top: 50px;
    padding-bottom: 50px;
}
.wisdom_center{
    width:1100px;
    height: auto;
    margin: 0 auto;
}
.wisdom_center img{
    margin: 0 auto;
    display: block;
}
.wisdom_title{
    text-align: center;
    margin-top: -25px;
    margin-bottom: 45px;
}
.wisdom_title h2{
    font-size: 40px;
    color:#fff;
    display: block;
    margin-bottom: 20px;
}
.wisdom_title span{
    font-size: 20px;
    color:#959dc1;
    line-height: 35px;
}
.wisdom_logo img{
    width:100%;
    height:267px;
}
.wisdom_tab{
    width:100%;
    height: auto;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}
.wisdom_tabCenter{
    width:1072px;
    height:307px;
    margin: 13px;
}

.str_left{float:left;width:385px;}
.str_left p{width:100%;height:210px; position:relative; overflow:hidden;margin-top:10px;}
.str_left p span{ display:block;width:100%;height:40px;line-height:40px;background:url(../images/1px.png);color:#444444; font-size:14px; text-align:center; position:absolute;top:210px;transition:0.4s; -webkit-transition:0.4s;font-weight:normal; }
.str_left p:hover span{ top:160px;transition:0.4s; -webkit-transition:0.4s;}
.str_left span{ display:block;width:100%;height:86px; line-height:86px;color:#ff6d64; font-size:20px; font-weight:bold; text-align:center;background:#f5f8fa;margin-top:12px;}
.strength_d01{ width:100%; height:auto; margin:0 auto; display:table;}
.strength_d01 li{ float:left;width:129px;position:relative;cursor:pointer;overflow:hidden;margin-top:30px;margin:0px 5px;transition:0.8s;-webkit-transition:0.8s;}
.strength_e01{width:129px;height:235px; position:relative;}
.strength_e01 img{width:100px;height:139px;padding:5px;background:#fff;margin-top:20px;}
.strength_e01 p{width:100%;line-height:20px;color:#999999; font-size:14px;margin-top:25px;}
.str_right{float:right;width:715px;}
.str_right p{float:left;margin-top:10px;margin-left:10px;}
.str_right .str_r01{width:300px;height:149px; position:relative; overflow:hidden; text-align:left;}
.str_right .str_r02{width:184px;height:149px; position:relative; overflow:hidden; text-align:left;}
.str_right .str_r03{width:145px;height:149px; position:relative; overflow:hidden; text-align:left;}
.str_right p span{ display:block;width:100%;height:40px;line-height:40px;background:url(../images/1px.png);color:#444444; font-size:14px; text-align:center; position:absolute;top:149px;transition:0.4s; -webkit-transition:0.4s;font-weight:normal; }
.str_right p:hover span{ top:100px;transition:0.4s; -webkit-transition:0.4s;}
.str_right span{ display:block;width:100%;height:86px; line-height:86px;color:#ff6d64; font-size:20px; font-weight:bold; text-align:center;background:#f5f8fa;margin-top:10px;}

.str_right p em{ display:block;width:100%;height:60px;line-height:30px;background:url(../images/1px.png);color:#444444; font-size:14px; text-align:center; position:absolute;top:149px;transition:0.4s; -webkit-transition:0.4s;font-weight:normal; }
.str_right p:hover em{ top:80px;transition:0.4s; -webkit-transition:0.4s;}
.str_right em{ display:block;width:100%;height:86px; line-height:86px;color:#ff6d64; font-size:20px; font-weight:bold; text-align:center;background:#f5f8fa;margin-top:10px;}

.strength01_fe{ width:32px; height:50px; position:absolute;margin-top: 250px; left:0; z-index:101; cursor:pointer;}
.strength01_ge{ width:32px; height:50px; position:absolute; margin-top: -68px; left:351px; z-index:101; cursor:pointer;}
.margin{
    margin-top: -10px;
}



/* 产品力，硬实力，影响力 */
.two5 img{
    width:100%;
    height:auto;
    min-width: 1100px;
    position: relative;
    margin: 0 auto;
    vertical-align: bottom;
}
/* 在这一年，12765位华清学子高薪就业 */
.product{
    width: 100%;
    height: auto;
    background-color: #f3f5f8;
    /* background: url(../images/bei33_16.png)center  no-repeat; */
    min-width: 1100px;
    position: relative;
    margin: 0 auto;
    background-size: 100% 100%;
    padding-top: 35px;
    padding-bottom: 50px;
}
.product_center{
    width:1100px;
    height: auto;
    margin: 0 auto;
}
.product_center h2{
    font-size: 40px;
    text-align: center;
}
.product_center h2 span{
    color:#217afe;
}
.product_dianji{
    width:100%;
    height:auto;
    margin-top: 50px;
    margin-bottom: 40px;
}
.bian{

}
.border{
    width:100%;
    height:196px;
    background: url(../images/bian1_03.png)no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.border1{
    width:100%;
    height:196px;
    background: url(../images/bian2_03.png)no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.border2{
    width:100%;
    height:196px;
    background: url(../images/bian3_03.png)no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.kuan{
    width:234px;
    height:184px;
    text-align: center;
    display:block;
    cursor: pointer;
}
.hidden{display:none;}  

.kuan:hover .b{
    width:234px;
    height:170px;
    opacity: 1;
}
.kuan h1{
    font-size: 16px;
    color:#666666;
    display: inline-block;
    padding-top: 65px;
}
.b{  
    top: 0px;
    position: absolute;
    opacity: 0;
    display: block;
    font-size: 12px;
    transition: 0.3s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}  
.kuan h1 span{
    color: #217afe;
}
.kuan h1 i{
    font-size: 22px;
}
.kuan h1 i em{
    color: #2a77fe;
}
.
/* .product_dianjiTop{
    width:100%;
    height:196px;
    background: url(../images/top_05.png)no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 111 !important;
}
.box1{
    width:235px;
    height:182px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}
.box1 h1{
    font-size: 40px;
    color:#217afe;
    display: block;
    margin-bottom: -7px;
}
.box1 h1 span{
    font-size: 16px;
}
.box1 p{
    color:#666666;
    font-weight: bold;
    line-height: 17px;
}
.box1 p em{
    color:#217afe;
}
.box1:hover{
    background-color: #d2e9f9;
} */


.hq{
    width:100%;
    height:auto;
}
.hq .text img{
    height:21px;
    display: block;
    float: left;
    margin-right: 15px;
    margin-top: 9px;
}
.hq .text p{
    font-size: 26px;
    font-weight: bold;
}
.emplo_cc{ width:100%; height:auto;position:relative;margin-top: 30px;}
.emplo_dd{ width:100%; height:auto; margin:0 auto; display:table;}
.emplo_dd li{ float:left;width:214px;border-radius:2px;margin-right:10px; overflow:hidden; position:relative;top:0px;transition: .4s;-webkit-transition: .4s;}
/* .emplo_dd li:hover{top:-10px;transition: .4s;-webkit-transition: .4s;} */
.emplo_dd li img{width:214px;height:140px;margin-top:5px;border-radius:2px;}
.emplo_dd li p{ width:90%;font-size:18px;color:#363636; text-align:left;margin:0 auto;padding:20px 0px 10px 0px;}
.emplo_dd li span{width:90%;display:block; line-height:28px; font-size:13px;color:#a7a7a7; text-align:left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin:0 auto;}
.emplo_ff{
    border-radius: 50%; 
    width:52px; 
    height:52px; 
    position:absolute; 
    background:url(../images/zuojiantou.png) center no-repeat; 
    bottom:50px; 
    left:-80px; 
    z-index:99; 
    cursor:pointer;
}
/* .emplo_ff:hover{ background:url(../images/left01h.png) center no-repeat;} */
.emplo_gg{
    border-radius: 50%; 
    width:52px; height:52px; 
    position:absolute;
    background:url(../images/youjiantou_09.png) center no-repeat; 
    bottom:50px; 
    right:-80px; 
    z-index:99; 
    cursor:pointer;
}
/* .emplo_gg:hover{ background:url(../images/right01h.png) center no-repeat;} */
.emplo_hh{width:1175px; height:auto; margin:0 auto;}




/* 在这一年，华清远见与全国300+高校建立教育合作 */
.year{
    width: 100%;
    height: auto;
    background: url(../images/beitu_123.png)no-repeat;
    background-size: cover;
    min-width: 1100px;
    position: relative;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.year_ball{
    width:100%;
    height:auto;
    margin-top: 50px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
}
.yearOne{
    width:153px;
    height:153px;
    background: url(../images/y800_17.png) no-repeat;
    position: relative;
    background-size: cover;
}
.yearOne1{
    width:153px;
    height:153px;
    background: url(../images/y500_19.png) no-repeat;
    position: relative;
    background-size: cover;
}
.yearOne2{
    width:153px;
    height:153px;
    background: url(../images/y90_22.png) no-repeat;
    position: relative;
    background-size: cover;
}
.yearOne3{
    width:153px;
    height:153px;
    background: url(../images/y6_24.png) no-repeat;
    position: relative;
    background-size: cover;
}
.yearOne4{
    background: url(../images/y5_31.png) no-repeat !important;
}
.yearOne5{
    background: url(../images/y50_33.png) no-repeat !important;
}
.yearOne6{
    background: url(../images/y7_35.png) no-repeat !important;
}
.emplo_c{ width:100%; position:relative;margin-bottom: 70px;}
.emplo_d{ width:100%; height:auto; margin:0 auto; display:table;}
.emplo_d li{ float:left;width:205px;height:230px; margin-right:18px; overflow:hidden; position:relative;}
/* .emplo_d li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .4s;-webkit-transition: .4s} */
.emplo_d li img{width:218px;height:132px;transition: .4s;-webkit-transition: .4s;}
.emplo_d li p{ width:100%;font-size:14px;color:#444449; line-height:24px;position:absolute;left:20px;right:0px;bottom:35px;margin:0 auto;}
.emplo_d li p span{ display:block; font-size:14px;color:#444449;}
.emplo_f{ width:52px; height:52px; position:absolute; top:67px; left:0px; z-index:99; cursor:pointer;}
.emplo_g{ width:52px; height:52px; position:absolute; top:67px; right:-17px; z-index:99; cursor:pointer;}
.emplo_h{width:1100px; height:auto; margin:0 auto;}
.emplo_d li:hover .marke_p1 {
    color: #ff6960;
}

.picture{
    width:100%;
    height:auto;
    margin-top: 10px;
}
.picture_top{
    display: flex;
    justify-content: space-between;
}
.productOne img{
    width:265px;
    height:165px;
    border-radius: 5px;
}
.productOne:hover{
    transform: translate(0, -10px); 
    transition: .4s;
    -webkit-transition: .4s;
}
.padding{
    margin-top: 9px;
}



/* 连续6年荣获腾讯教育“回响中国" 口碑影响力职业教育品牌荣誉 */
.row{
    width: 100%;
    height:710px;
    background: url(../images/cai_02.png) no-repeat;
    min-width: 1100px;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: 100% 100%;
}
.row_center{
    width:1100px;
    height: auto;
    margin: 0 auto;
}
.row_center  h2 {
    display: block;
    width:55%;
    font-size: 40px;
    margin: 0 auto;
    text-align: center;
    color:#fff;
}
.row_center  h2 span{
    color:#f4d035;
}
.lunbo {
    width: 100%;
    height: 490px;
    /* border:1px solid blue; */
    position: relative;
    margin-top: 50px;
}
.wrap {
    width: 900px;
    height: 490px;
    border: 10px #fff solid;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}
.box {
    height: 490px;
    width: 6300px;
    position: absolute;
    left: -900px;
}
.item {
    width: 900px;
    height: 490px;
    float: left;
    font-size: 100px;
    color: white;
    text-align: center;
    line-height: 490px;
}
.item1 {
    
}
.item2 img{
    width: 900px;
    height: 490px;
}
.item3 img{
    width: 960px;
    height: 490px;
}
.item4 img{
    width: 900px;
    height: 490px;
}
.item5 img{
    width: 900px;
    height: 490px;
}
.pre{
    position: absolute;
    top: 210px;
    left: -5px;
}
.nexts {
    position: absolute;
    top: 230px;
}
.nexts {
    right: -5px;
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
}
.dian {
    width: 200px;
    height: 30px;
    position: absolute;
    bottom: -55px;
    left: 46%;
}
.btn {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #a4baf5;
    float: left;
    margin: 5px;
}



/* 1000+高校重点推荐华清远见出版教材 */
.school{
    width:100%;
    height:auto;
    background-color: #f3f5f8;
    min-width: 1100px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.school_book{
    width:100%;
    height:auto;
    background-color: #fff;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}
.scroll{
    width:1070px;
    height:auto;
    margin: 15px;
    background-color: #f5f9fe;
    display: flex;
    justify-content: space-between;
}
.scroll_left{
    width:50%;
    margin: 22px 50px 22px 50px;
    display: flex;
    flex-direction: row;
}
.scroll_right{
    margin-left: 15px;
}

.scroll_right ul li{
    font-size: 14px;
    line-height: 40px;
}
.scroll_right ul li em{
    font-weight: bold;
}

.jiangz{
    width:100%;
    display: flex;
    justify-content: space-between;
}
.left5{
    width:47%;
}
.left5 h1{
    text-align: center;
    font-size: 34px;
}
.jiangz_img{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

/* 底图 */
.bottom img{
    width:100%;
    height:auto;
    min-width: 1100px;
    position: relative;
    margin: 0 auto;
    vertical-align: bottom;
}