*{margin:0;padding:0;box-sizing:border-box;}
a{cursor: pointer;color: #000;}
h1 {
    text-align: center;
    line-height:100px;
    padding-top:20px;
}
.mainlop{
    width: 1200px;
    overflow:hidden;
    margin:0 auto;
}
.linyuan{
    width: 1200px;
    height: 348px;
}
.linyuan img{
    display: block;
    width:100%;
    height:100%;
}
.hulian{
    width: 1200px;
    height: 300px;
    margin:0 auto;
}
.hulian .onelop{
   width: 1200px;
}
.hulian .onelop li{
   float: left;
   width: 281px;
   height: 155px;
   padding:20px;
   text-align: center;
   line-height: 30px;
   margin-left:25px;
   cursor: pointer;
}
.buduan1{
    border-top: 8px solid #54b5ef; 
    background-color: #e2f3fb; 
}
.buduan2{
    border-top: 8px solid #5cd7f1; 
    background-color: #e4f8fc; 
}
.buduan3{
    border-top: 8px solid #ffc886; 
    background-color: #fff6eb; 
}
.buduan4{
    border-top: 8px solid #ff8586; 
    background-color: #ffebeb; 
}
.hulian .onelop li:hover{
  width: 281px;
  height: 155px;
  transition:1s;
  margin-top: 20px;
}
/**/
.dimen{
    width:100%;
    height:940px;
    margin:0 auto;
    background-color: #f5f5f5;
}
.dimen .twolop{
  width: 1100px;
  height: 245px;
  margin:0 auto;
}
.dimen .twolop .twoleft h2{
 margin-bottom:16px;
}
.dimen .twolop .twoleft{
 width: 455px;
 height: 245px;
 float: left;
 padding:30px 40px;
 text-align: center;
 background-color:#83deef;
 font-size: 16px;
 line-height: 30px;
}
.dimen .twolop .twoleft a{
 display: block;
 width:161px;
 height: 48px;
 margin:15px auto 0 auto;
}
.dimen .twolop .tworight{
 width: 645px;
 height: 245px;
 float: right;
 background-color:#fff;
 padding:30px 40px;
 line-height: 24px;
 font-size: 12px;
}
.dimen .therelop{
  width: 1100px;
  height: 245px;
  background-color: #fff;
  margin:17px auto;
}
.dimen .therelop .thereleft{
   width: 650px;
   height: 245px;
   float: left;
}
.dimen .therelop .thereright h2{
 margin-bottom:16px;
}
.dimen .therelop .thereright{
    width: 450px;
    height: 245px;
    float: right;
    padding:20px 40px;
    text-align: center;
    background-color:#fed6a3;
    font-size: 16px;
    line-height: 30px;
}
.dimen .therelop .thereright a{
 display: block;
 width:145px;
 height: 48px;
 margin:15px auto 0 auto;
}
.dimen .thir{
 width: 1100px;
  height: 245px;
  background-color: #fff;
  margin:0 auto;
}
.dimen .thir .thirleft h2{
 margin-bottom:16px;
}
.dimen .thir .thirleft{
 width: 455px;
 height: 245px;
 float: left;
 padding:30px;
 text-align: center;
 background-color:#fcb4b4;
 font-size: 16px;
 line-height: 30px;
}
.dimen .thir .thirleft a{
 display: block;
 width:147px;
 height: 48px;
 margin:15px auto 0 auto;
}
.dimen .thir .thirright{
    width:645px;
    height:245px;
    float: right;
    padding:45px 35px;
}
.dimen .thir .thirright img{
    display: block;
    width:571px;
    height:139px;
}
/*东方瑞通Linux云计算培训，优秀源自21年的不懈坚持*/
.buxie{
    width:1200px;
    overflow:hidden;
    margin:0 auto;
}
.buxie .dou{
   text-align: center;
   margin-bottom: 20px;
   font-size: 16px;
}
.buxie .fivelop{
  width: 1200px;
  height:auto;
}
.buxie .fivelop li{
  float: left;
  width: 280px;
  height: 234px;
  background-color: #eeeeee;
  margin-left:26px;
}
.buxie .fivelop li img{
  display: block;
  width: 280px;
  height: 104px;
}
.buxie .fivelop li p{
  padding:20px 10px;
  line-height: 26px;
}
/*投身Linux云计算，东方瑞通给你人脉资源！*/
.maizhi{
    width:1200px;
    overflow:hidden;
    margin:0 auto;
}
.maizhi .sixlop{
    width:812px;
    height: 474px;
    margin:0 auto;
}
.maizhi .sixlop img{
    display: block;
    width:100%;
    height:100%;
}
/*经典O2O上课模式，多向教学便捷学习*/
.moshi{
    width:1200px;
    overflow:hidden;
    margin:0 auto;
}
.moshi .severlop{
    width:1200px;
}
.moshi .severlop li{
    float: left;
    width:145px;
    height:245px;
    background-color:#e5f0f8;
    margin-left:5px;
    padding:35px 18px;
    cursor: pointer;
}
.moshi .severlop li img{
    display: block;
    width:108px;
    height:108px;
    margin-bottom: 20px;
}
.moshi .severlop li:hover img{
    display: block;
    width:108px;
    height:108px;
   transition:1s;
   margin-top: 20px;
}
.moshi .severlop li p{
   text-align: center;
   line-height: 22px;
}
/*按钮*/
.online_box {
    text-align: center;
}
.online_box .vm_online {
    display: inline-block;
    line-height: 50px;
    background-color: #eb6100;
    padding: 0 30px 0 30px;
    border-radius: 5px;
    font-size: 22px;
    color: #fff;
    margin:30px 0;
}
/*专职讲师，打造Linux云计算培优梦之队*/
.mengzhi{
    width:1200px;
    margin:0 auto;
    position:relative;
}
.mengzhi .mengzhiLeft{
    position:absolute;
    left:0;
    bottom:115px;
    height:24px;
    width:14px;
}
.mengzhi .mengzhiRight{
    position:absolute;
    right:0;
    bottom:115px;
    height:24px;
    width:14px;
}
.mengzhi .swiper-container {
      width:1120px;
      margin:0 auto;
    }
.mengzhi .swiper-container .swiper-wrapper{
    width:1120px;
    height: 100%;
    margin:0 auto;
}
.mengzhi .swiper-container .swiper-wrapper .swiper-slide {
    width: 272px!important;
    height:240px;
    border: 1px solid #999;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}
.swiper-slide .tone{
  width: 272px;
  height: 170px;
}
.swiper-slide .ttwo{
  width: 272px;
  height:72px;
  padding:10px 20px;
  line-height: 22px;
}
.swiper-slide .ceng{
    width: 100%;
    height:0px;
    position: absolute;
    z-index: 100;
    left: 0;
    bottom: 0;
    text-align: left;
    transition: 0.3s;
    background-color: #0b69b0;
}
.swiper-slide:hover .ceng{
    height: 100%;
}
.swiper-slide .ceng p{
    color: #fff;
    padding:15px;
    line-height: 26px;
}
.swiper-slide .ceng .baimang{
   width: 67px;
   height: 22px;
   margin-left:20px;
}
.swiper-slide .tone img{
  display: block;
  width:100%;
  height:100%;
}
.mengzhi .swiper-button-next, .swiper-button-prev{
  display: none;
}
/*Linux云计算培训，哪家机构更靠谱？*/
.kaopu{
    width:1200px;
    overflow:hidden;
    margin:0 auto;
}
.kaopu .eightlop{
  width: 1019px;
  height: 739px;
  background:url(/assets/app/images/front/cloudcompute/qie.png) no-repeat;
  background-size: 100% 100%;
  margin:0 auto;
  position: relative;
}
.lop1{
    position: absolute;
    width: 410px;
    height: 127px;
    top:63px;
    padding:20px 20px 20px 50px;
    line-height: 28px;
    color: #fff;
}
.lop2{
    position: absolute;
    width: 410px;
    height: 127px;
    top:236px;
    padding:20px 20px 20px 50px;
    line-height: 28px;
    color: #fff;
}
.lop3{
    position: absolute;
    width: 410px;
    height: 127px;
    top:410px;
    padding:8px 20px 10px 50px;
    line-height: 28px;
    color: #fff;
}
.lop4{
    position: absolute;
    width: 410px;
    height: 127px;
    top:583px;
    padding: 8px 20px 10px 38px;
    line-height: 28px;
    color: #fff;
}
.lop5{
    position: absolute;
    width: 410px;
    height: 127px;
    top:63px;
    left:621px;
    padding: 35px 50px 35px 20px;
    line-height: 28px;
    color: #fff;
}
.lop6{
    position: absolute;
    width: 410px;
    height: 127px;
    top:236px;
    left:621px;
    padding: 35px 50px 35px 20px;
    line-height: 28px;
    color: #fff;
}
.lop7{
    position: absolute;
    width: 410px;
    height: 127px;
    top:410px;
    left:621px;
    padding: 35px 50px 35px 20px;
    line-height: 28px;
    color: #fff;
}
.lop8{
    position: absolute;
    width: 410px;
    height: 127px;
    top:583px;
    left:621px;
    padding: 35px 50px 35px 20px;
    line-height: 28px;
    color: #fff;
}
/*三大阶段，由浅入深，因材施教*/
.sanda{
     width:1200px;
    overflow:hidden;
    margin:0 auto;
}
.sanda .bu2{
     text-align:center;
     font-size: 16px;
     line-height: 26px;
}
.sanda .nigthlop{
  width: 1200px;
  height: 567px;
  margin-top:30px;
}
.sanda .nigthlop .hualeft{
  width: 388px;
  height: 500px;
  padding:40px 18px;
  background-color: #eeeeee;
  float: left;
}
.sanda .nigthlop .hualeft li{
  margin-bottom: 20px;
  position: relative;
    overflow: hidden;
    cursor: pointer;
}
.sanda .nigthlop .hualeft li h4 {
    width: 100%;
    height: 0px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    transition: 0.3s;
}
.sanda .nigthlop .hualeft li h4 strong {
    width: 100%;
    height: 100%;
    background: #0061a7;
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 0;
}
.sanda .nigthlop .hualeft li h4 p {
    color: #fff;
    font-size: 14px;
    width: 352px;
    position: absolute;
    left: 15px;
    padding-right: 10px;
    line-height: 22px;
}
.sanda .nigthlop .hualeft li h4 p em {
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    display: inline-block;
    margin-top: 10px;
}
.sanda .nigthlop .hualeft li:hover h4{
    height:100%;
}
.sanda .nigthlop .huaright{
  width: 783px;
  float: right;
}
.sanda .nigthlop .huaright .baozhe1{
  width: 783px;
  height: 189px;
  background:url(/assets/app/images/front/cloudcompute/82.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.sanda .nigthlop .huaright .baozhe2{
  width: 783px;
  height: 189px;
  background:url(/assets/app/images/front/cloudcompute/83.png) no-repeat;
  background-size: 100% 100%;
   position: relative;
}
.sanda .nigthlop .huaright .baozhe3{
  width: 783px;
  height: 189px;
  background:url(/assets/app/images/front/cloudcompute/81.png) no-repeat;
  background-size: 100% 100%;
   position: relative;
}
.sanda .nigthlop .huaright .baozhe1 p{
  width: 415px;
  height: 128px;
  position: absolute;
  left:155px;
  padding:10px 20px;
  line-height: 26px;
}
.sanda .nigthlop .huaright .baozhe2 p{
  width: 415px;
  height: 128px;
  position: absolute;
  left:155px;
  padding:10px 10px 10px 20px;
  line-height: 26px;
}
.sanda .nigthlop .huaright .baozhe3 p{
  width: 415px;
  height: 128px;
  position: absolute;
  left:155px;
  padding:10px 20px;
  line-height: 26px;
}
/*学完即可考取国际认证证书*/
.taqun{
    width: 1152px;
    overflow:hidden;
    margin:0 auto;
}
.mang{
    text-align: center;
    font-size: 16px;
}
.yannox{
    width: 1152px;
     height: 268px;
     margin:30px 0 50px 0;
}
.yannox li{
    float: left;
    width: 378px;
    height: 268px;
    margin-left:9px;
}
.yannox li img{
    display: block;
    width: 100%;
    height: 100%;
}
/*还有顾虑*/
.gunv{
    width: 1200px;
    overflow:hidden;
    margin:0 auto;
}
.gunv .minjo{
    width: 1200px;
    height: 82px;
}
.daibiao{
    width: 1200px;
    overflow:hidden;
    margin:50px 0 30px 0;
}
.daibiao li{
    float: left;
    width: 300px;
    height:152px;
    margin-bottom: 30px;
    padding:15px 20px;
    line-height: 26px;
    border-left: 6px solid #7fcbf0;
}
.daibiao li .pi1{
    font-weight: bolder;
}
.online_boxy {
    text-align: center;
}
.online_boxy .vm_onliney {
    display: inline-block;
    line-height: 30px;
    background-color: #eb6100;
    padding: 0 20px 0 20px;
    border-radius: 5px;
    font-size:14px;
    color: #fff;
    margin-top:5px;
}
/*我们只是把您的在职培训提前到了岗前*/
.gangqi{
   width: 1200px;
   overflow:hidden;
    margin:0 auto; 
}
.gangqi .ganmain{
   width: 1200px;
   height: 336px;
   background-color: pink;
}
.gangqi .ganmain .ganleft{
  width: 570px;
  height: 336px;
  background-color: #0061a7;
  float: left;
  padding:50px 90px;
  line-height: 36px;
  color: #fff;
  font-size: 16px;
}
.gangqi .ganmain .ganleft a {
    display: block;
    width:233px;
    height: 56px;
    margin: 15px auto 0 auto;
}
.gangqi .ganmain .ganright{
  width: 630px;
  height: 336px;
  background-color: #eeeeee;
  float: right;
  padding:20px 90px;
  line-height: 36px;
  font-size: 16px;
}
.gangqi .ganmain .ganright h2{
  text-align: center;
  color: #eb6100;
  margin-bottom: 20px;
}
.gangqi .ganmain .ganright input{
    width: 265px;
    height:35px;
    padding:5px;  
}
.gangqi .ganmain .ganright #province{
    width: 140px;
    height: 35px;
    padding:5px;
}
.gangqi .ganmain .ganright #city{
    width: 205px;
    height: 35px;
    padding:5px;
}
.gangqi .ganmain .ganright  #btn{
    width:105px;
    height:35px;
    border-radius: 6px;
    float: right;
    background-color: #eb6100;
    color: #fff;
    padding: 0 4px;
    font-size: 12px;
    border: 1px solid #eb6100;
}
.gangqi .ganmain .ganright form .phone{
  margin-bottom: 20px;
}
.gangqi .ganmain .ganright form .subbtnl {
    width: 178px;
    height: 48px;
    text-align: center;
    border-radius: 6px;
    background-color: #eb6100;
    color: #fff;
    font-size: 16px;
    border: 1px solid #eb6100;
    margin-left: 106px;
    margin-top: 10px;
}
/*东方瑞通合作伙伴*/
.huabanhe{
    width: 1200px;
    overflow:hidden;
    margin:0 auto; 
}
.huabanhe p{
   text-align: center;
   font-size: 16px; 
}
.huabanhe .yanimg{
   width: 1169px;
   height: 360px;
   margin:30px auto 130px auto;
}

/*轮播*/
.case_boxmy{position:relative;width:555px;height:245px;overflow:hidden;margin-left:35px;}
.case_boxmy p{z-index:2;position:absolute;text-indent:-9999px;width:14px;height:24px;top:40%;cursor:pointer}
.case_boxmy .prev{text-indent:-9999px;background:url(/assets/app/images/front/cloudcompute/miop1_07.jpg) no-repeat;left:0px}
.case_boxmy .next{background:url(/assets/app/images/front/cloudcompute/miop1_03.png) no-repeat;top:40%;right:0px}
.case_boxmy ul{position:absolute;height:465px;overflow:hidden;top:0px;left:0px}
.case_boxmy ul li{width:900px;float:left;height:201px}
.case_boxmy ul li dl.case_info{line-height:17px;margin:95px 0px 0px 475px;width:295px;zoom:1;color:#616741;font-size:13px;overflow:hidden}
.case_boxmy ul li dl.case_info dd{text-indent:26px}


.case_boxmy ul li.case_2 dl{margin-top:150px}
.case_boxmy ul li.case_3 dl{margin-top:135px}
.case_boxmy ul li.case_4 dl{margin-top:110px}
.case_boxmy ul li.case_5 dl{margin-top:120px}
.case_boxmy ul li.case_6 dl{margin-top:115px}

.case_info_add dd{line-height:22px}

.case_boxmy ol{position:absolute;bottom:16px;left:50%;margin:0 0 0 -65px;height:12px;z-index:99;}
.case_boxmy ol li{float:left;margin:0 4px;display:inline;width:12px;height:12px;line-height:999em;/*background:url(../images/pagination.png) no-repeat;overflow:hidden;*/cursor:pointer;}
.case_boxmy ol li.active{background-position:0 -12px;}