﻿/* -----------------------------------------------------------
【初始化】 -----------------------------------------------------------*/

body{ font-size:14px; background:#fff;font-family:"微软雅黑","宋体",Helvetica,"黑体",Arial,Tahoma;}
  
input,button{} 
.redcolor{ color:#fe0086}


.h-bg-f9{ background:#f9f9f9; margin:50px 0; width:100%; min-width:990px; overflow:hidden;}


.container-wrap{ width:100%; min-width:990px;}



/*-------banner---------*/
.banner-bar{ height:385px; width:100%; min-width:990px; background:url(../Images/banwarp-bg.jpg) no-repeat center 0;}
.banner-auto { width:990px;height:385px; margin:0 auto;}
.banner-slogan{ display:none;}

.content-main{}
.content-auto{ width:990px; margin:0 auto;}

.title-big{ color:#333; font-size:16px; margin:45px 0 25px 0; overflow:hidden;}
.title-big .title-ico{ float:left; margin-right:20px; width:64px; height:64px; display:inline-block; background: url(../Images/system-cpic.png) no-repeat;}
.title-big .t-level-ico{ background-position:-1px -105px;}
.title-big .t-set-ico{ background-position:-131px -105px;}
.title-big .t-info-ico{ background-position:-66px -105px;}


.title-big .h2text{ float:left;} 
.title-big .h2text h2{ font-size:30px;}

.miaoshu-text { width:920px; margin-left:20px;}
.miaoshu-text p{ text-indent:24px; margin-bottom:15px; line-height:22px;}

.course-system-wrap{ width:990px; height:860px; margin:0 auto; background:url(../Images/ola-es-system.png) no-repeat center 0 ; position:relative; margin-top:-40px;}
.professional-test{ padding-top:80px; margin-left:20px;}

.test-btn{ border-radius:3px; height:42px; line-height:42px; display:inline-block; padding:0 20px; background:#3797e4; font-size:16px; color:#fff; margin:20px 0;}
.test-btn i{ width:21px; height:7px; display:inline-block; background:url(../Images/system-cpic.png) no-repeat -255px -39px; vertical-align:middle;}
.test-btn:hover{ color:#fff; text-decoration:none;}

.ola-level { position:absolute; left:110px; top:379px; overflow:hidden;}
.ola-level a{ display: inline-block; height:122px; float:left; margin-right:3px;}
.ola-level .N1{ width:170px;}
.ola-level .N2{ width:170px;}
.ola-level .N3{ width:170px;}
.ola-level .N4{ width:170px;}
.ola-level .N5{ width:115px;}
.ola-level .N6{ width:58px;}



.c-item-panel { overflow:hidden; margin-bottom:30px; position:relative; min-height:220px;}
.c-item-panel a::after{ content:""; display:block; clear:both;}
.c-item-panel .c-item-title{ width:135px; color:#fff; padding:25px;font-size:16px; float:left; position:relative;}
.c-item-panel .c-item-title h2{ font-size:32px; margin-top:30px;}

.chakan_more{position:absolute;bottom: 20px;width: 185px;padding: 0 20px;box-sizing: border-box;}
.chakan_more p{ float:left; color:#fff; line-height:35px;}
.chakan_more .arrow-right{ width:43px; height:35px;  display:inline-block; background: url(../Images/system-cpic.png) no-repeat -255px 0; float:right;}



.h-bg-green{ background:#4acec0;}
.h-bg-blue{ background:#4e9ad7;}
.h-bg-yellow{ background:#f6c435;}
.h-bg-red{ background:#ec6154;}
.h-bg-purple{ background:#a469bd;}
.h-bg-orange{ background:#fb8252;}
.h-bg-viridity{ background:#66be6e;}

.c-item-con { float:left; background:#f9f9f9; width:805px; min-height:281px;}
.c-item-con li{ float:left; width:249px; height:193px; position:relative; margin-left:18px; background:#fff; margin-bottom:10px;}
.c-item-con li .c_show_img{ width:249px; height:132px; position:relative; overflow:hidden;}
.c-item-con li .c_show_img img{ width:100%; height:100%;  -moz-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;}
.c-item-con li:hover .c_show_img img{-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
     -o-transform: scale(1.2);}
.c-item-con li .c_show_img .kecheng_leixing{ position:absolute; left:0; bottom:0; background:#f54163; color:#fff; padding:3px 10px; font-size:14px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.c-item-con li .c_show_img .kecheng_xianxia{position:absolute; left:0; bottom:0; background:#3fa9f5; color:#fff; padding:3px 10px; font-size:14px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.c-item-con li .c_show_img .kecheng_dengji{position:absolute; top:5px; right:5px; width:auto; height:30px; font-size:14px; color:#fff; text-align:center; line-height:30px;}
.c-item-con li .c_show_img .kecheng_dengji img{ width:100%; height:100%;}

.c-item-con li .v-more-btn a{ width:182px; height:215px;background: rgba(0,0,0,.55); position:absolute; top:0; left:0; text-align:center; display: none; z-index:99;}
.c-item-con li .v-more-btn span{ border:1px solid #fff; height:30px; line-height:30px; padding:0 20px; color:#fff; display:inline-block; margin-top:100px;}




/*.c-item-con li a.c-show{ display:block;}
.c-item-con li a.c-show h4{ font-size:18px; color:#333; margin-bottom:10px;}
.c-item-con li a.c-show span{ padding:10px 15px; display:block; color:#999; font-size:12px;}
.c-item-con li a:hover.c-show{ text-decoration:underline;}*/

.c-item-con li h4{ font-size:16px; color:#333; margin-bottom:5px; font-weight:normal;}
.c-item-con li span{ padding:10px 15px; display:block; color:#999; font-size:12px;}





.course-info-main{ margin-bottom:50px;}
.course-info-con{}
.course-info-tab{ margin:30px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.course-info-tab li{ float:left;margin-right:10px; border-bottom:none;height:42px;line-height:42px; text-align:center;}
.course-info-tab li a{ display:block; text-decoration:none; border:1px solid #d4d4d4; font-size:16px; color:#333; background:#e9e9e9; border-radius:4px; padding:0 30px;  }
.course-info-tab li a:hover{ background:#fcfcfc;}
.course-info-tab li.active a{ border-left:1px solid #3797e4; border-right:1px solid #3797e4;border-top:4px solid #3797e4; margin-bottom:-4px; background:#fcfcfc;  }

.tab-content .tab-pane-con { display:none;}
.tab-content .tab-pane-con h2{ font-weight:normal; font-size:20px; color:#333; margin-bottom:20px;}
.tab-content .active{ display:block;}
.tab-pane-con  { padding:20px 0;}
.tab-pane-con dl{ clear:both; margin-bottom:10px;}
.tab-pane-con  dt{ float:left; font-size:18px; font-weight:normal; color:#333;}
.tab-pane-con  dd{ margin-left:100px;}

.traget-wrap{ overflow:hidden;}
.traget-wrap li{ margin-bottom:15px; line-height:22px;}
.traget-wrap span{ width:24px; height:24px; display: inline-block; background: url(../Images/system-cpic.png) no-repeat 0 -175px; vertical-align:middle; margin-right:10px; float:left;}




.Consulting-btn { text-align:center; margin-top:30px;}
.Consulting-btn a{ width:252px; height:50px; line-height:48px; text-align:center; font-size:18px; display:inline-block;  background: url(../Images/system-cpic.png) no-repeat; margin:0 10px;}
.Consulting-btn a:hover{ color:#333;}

.Consulting-btn a.c-info-btn{ background-position:0 0;}
.Consulting-btn a.c-price-btn{ background-position:0 -53px; color:#fff;}




.apply-free-wrap{ width:100%; min-width:990px; height:114px; background:url(../Images/apply-bg.jpg) no-repeat center 0;}

.apply-free-con{ overflow:hidden;}
.apply-free-con h1{ display:none;}
.apply-free-con form{ width:600px; height:50px; margin:45px 0 0 350px;}
.apply-free-con { color:#fff;}
.apply-free-con  label{ font-weight:normal; margin-left:20px;}
.apply-free-con  label input{ width:175px; height:32px; background:#fff; border:none; margin-left:10px;}

.apply-free-con  button{ background:#ffd83c; color:#333; height:32px; line-height:32px; border:none; padding:0 15px; font-size:16px;}



/*修改增加*/
.c-item-con li .c_show_img .kecheng_dengji.one #box1 { width: 0; border-right: 10px solid #f79700 ; border-top: 15px solid transparent; border-bottom: 15px solid transparent; float: left; }
.c-item-con li .c_show_img .kecheng_dengji.one #box2 { width: auto;  background-color:#f79700 ;height: 30px; float: left;   }
.c-item-con li .c_show_img .kecheng_dengji.one #box3 { width: 0; border-left: 10px solid #f79700; border-top: 15px solid transparent; border-bottom: 15px solid transparent; float: left; }

.c-item-con li .c_show_img .kecheng_dengji.two #box1 { width: 0; border-right: 10px solid #2095f2 ; border-top: 15px solid transparent; border-bottom: 15px solid transparent; float: left; }
.c-item-con li .c_show_img .kecheng_dengji.two #box2 { width: auto;  background-color:#2095f2 ;height: 30px; float: left;  }
.c-item-con li .c_show_img .kecheng_dengji.two #box3 { width: 0; border-left: 10px solid #2095f2; border-top: 15px solid transparent; border-bottom: 15px solid transparent; float: left; }

.c-item-con li .c_show_img .kecheng_dengji.three #box1 { width: 0; border-right: 10px solid #f54163 ; border-top: 15px solid transparent; border-bottom: 15px solid transparent; float: left; }
.c-item-con li .c_show_img .kecheng_dengji.three #box2 { width: auto;  background-color:#f54163 ;height: 30px; float: left;  }
.c-item-con li .c_show_img .kecheng_dengji.three #box3 { width: 0; border-left: 10px solid #f54163; border-top: 15px solid transparent; border-bottom: 15px solid transparent; float: left; }









