@charset "utf-8";

/*可共用样式 cont_开头*/
.cont_main{
	padding-top: 10px;
	padding-bottom: 20px;
}
.cont_main_pic{
    display: block;
    width: 88px;
    height: 88px;
    margin: auto;
    position: relative;
    padding-top: 12px;
}
.cont_main_pic > span{
    display: block;
    width: 66px;
    height: 66px;
    border-radius: 100%;
    margin: auto;
}
.cont_main_pic>img{
    position: absolute;
    left: 50%;
    top:50%;
    margin-left: -44px;
    margin-top: -33px;
}
.cont_main_pic2>img{
    margin-left: -40px;
}
.cont_pic_div{
    position: absolute;
    left: 50%;
    top:50%;
    margin-left: -44px;
    margin-top: -33px;
    width: 100%;
    height: 100%;
    background: url("../img/kecheng/pc_cont_pic.png") no-repeat;
}
.pic_div2{
    background-position: -89px 0px;
}
.pic_div3{
    background-position: -178px 0px;
}
.pic_div4{
    background-position: -257px 0px;
}
.pic_div5{
    background-position: -336px 0px;
}
.pic_div6{
    background-position: -430px 0px;
}
.main_hover{margin-bottom: 12px;}
.main_hover_border{ border: 1px solid #d9d9d9;}

.cont_row{
	margin-right: -6px;
}
.cont_row .col-md-4{
	padding-left: 6px;
	padding-right: 6px;
}

/*文本区域*/
.cont_text{
	border: 1px solid #d9d9d9;
	border-top: none;
    margin-bottom: 34px;
}
.cont_text_row{ padding-bottom: 4px;}
.cont_text_row > div{
    padding-bottom: 12px;
}
.cont_text_row > div >a > span{ padding-right: 6px;}
.cont_tit{
    margin-top: 12px;
    margin-bottom: 16px;
}
.cont_tit span{
    padding: 10px 20px;
    display: inline-block;
}
.cont_text_row{
	margin-left:0px;
	margin-right:0px;
}
.cont_text_row .col-md-3{
	padding-left: 10px;
	padding-right: 10px;
}
.cont_text_row > div > a{color: #666;}
/*****************1java********************/
.java_bg{background: #e66b46;}
.java_color{background: #e66b46;}
.java_hover:hover{  border: 1px solid #e66b46;}
.java_tit{  border-top:2px solid #e66b46;  }
.java_tit span{background: #e66b46;}
.text_java > div > a >span{ color:#e66b46;}
.text_java > div > a:hover{color: #e66b46;}

/*****************2uid********************/
.uid_bg{background: #e5549e;}
.uid_color{background: #e5549e;}
.uid_hover:hover{  border: 1px solid #e5549e;}
.uid_tit{  border-top:2px solid #e5549e;  }
.uid_tit span{background: #e5549e;}
.text_uid > div > a >span{ color:#e5549e;}
.text_uid > div > a:hover{color: #e5549e;}

/*****************3web********************/
.web_bg{background: #46ba85;}
.web_color{background: #46ba85;}
.web_hover:hover{  border: 1px solid #46ba85;}
.web_tit{  border-top:2px solid #46ba85;  }
.web_tit span{background: #46ba85;}
.text_web > div > a >span{ color:#46ba85;}
.text_web > div > a:hover{color: #46ba85;}

/*****************4php********************/
.php_bg{background: #46a8d1;}
.php_color{background: #46a8d1;}
.php_hover:hover{  border: 1px solid #46a8d1;}
.php_tit{  border-top:2px solid #46a8d1;  }
.php_tit span{background: #46a8d1;}
.text_php > div > a >span{ color:#46a8d1;}
.text_php > div > a:hover{color: #46a8d1;}

/*****************5网络营销 wx********************/
.wx_bg{background: #71acd8;}
.wx_color{background: #71acd8;}
.wx_hover:hover{  border: 1px solid #71acd8;}
.wx_tit{  border-top:2px solid #71acd8;  }
.wx_tit span{background: #71acd8;}
.text_wx > div > a >span{ color:#71acd8;}
.text_wx > div > a:hover{color: #71acd8;}

/*****************6软件测试 rc********************/
.rc_bg{background: #3f9cad;}
.rc_color{background: #3f9cad;}
.rc_hover:hover{  border: 1px solid #3f9cad;}
.rc_tit{  border-top:2px solid #3f9cad;  }
.rc_tit span{background: #3f9cad;}
.text_rc > div > a >span{ color:#3f9cad;}
.text_rc > div > a:hover{color: #3f9cad;}

/*****************7会计 kj********************/
.kj_bg{background: #f3b44e;}
.kj_color{background: #f3b44e;}
.kj_hover:hover{  border: 1px solid #f3b44e;}
.kj_tit{  border-top:2px solid #f3b44e;  }
.kj_tit span{background: #f3b44e;}
.text_kj > div > a >span{ color:#f3b44e;}
.text_kj > div > a:hover{color: #f3b44e;}

/*****************8Linux linux********************/
.linux_bg{background: #5a69a7;}
.linux_color{background: #5a69a7;}
.linux_hover:hover{  border: 1px solid #5a69a7;}
.linux_tit{  border-top:2px solid #5a69a7;  }
.linux_tit span{background: #5a69a7;}
.text_linux > div > a >span{ color:#5a69a7;}
.text_linux > div > a:hover{color: #5a69a7;}

/*****************9c++ c********************/
.c_bg{background: #d7494b;}
.c_color{background: #d7494b;}
.c_hover:hover{  border: 1px solid #d7494b;}
.c_tit{  border-top:2px solid #d7494b;  }
.c_tit span{background: #d7494b;}
.text_c > div > a >span{ color:#d7494b;}
.text_c > div > a:hover{color: #d7494b;}

/*****************10vr/ar rav********************/
.rav_bg{background: #505d64;}
.rav_color{background: #505d64;}
.rav_hover:hover{  border: 1px solid #505d64;}
.rav_tit{  border-top:2px solid #505d64;  }
.rav_tit span{background: #505d64;}
.text_rav > div > a >span{ color:#505d64;}
.text_rav > div > a:hover{color: #505d64;}

/*****************11UED ued********************/
.ued_bg{background: #7d73b4;}
.ued_color{background: #7d73b4;}
.ued_hover:hover{  border: 1px solid #7d73b4;}
.ued_tit{  border-top:2px solid #7d73b4;  }
.ued_tit span{background: #7d73b4;}
.text_ued > div > a >span{ color:#7d73b4;}
.text_ued > div > a:hover{color: #7d73b4;}

/*****************12PHP嵌入式 php_q********************/
.php_q_bg{background: #866665;}
.php_q_color{background: #866665;}
.php_q_hover:hover{  border: 1px solid #866665;}
.php_q_tit{  border-top:2px solid #866665;  }
.php_q_tit span{background: #866665;}
.text_php_q > div > a >span{ color:#866665;}
.text_php_q > div > a:hover{color: #866665;}

/*****************13Android android********************/
.android_bg{background: #98c339;}
.android_color{background: #98c339;}
.android_hover:hover{  border: 1px solid #98c339;}
.android_tit{  border-top:2px solid #98c339;  }
.android_tit span{background: #98c339;}
.text_android > div > a >span{ color:#98c339;}
.text_android> div > a:hover{color: #98c339;}

/*****************14大数据 date********************/
.date_bg{background: #5d98d7;}
.date_color{background: #5d98d7;}
.date_hover:hover{  border: 1px solid #5d98d7;}
.date_tit{  border-top:2px solid #5d98d7;  }
.date_tit span{background: #5d98d7;}
.text_date > div > a >span{ color:#5d98d7;}
.text_date > div > a:hover{color: #5d98d7;}

/*****************15产品经理 cp********************/
.cp_bg{background: #55bec5;}
.cp_color{background: #55bec5;}
.cp_hover:hover{  border: 1px solid #55bec5;}
.cp_tit{  border-top:2px solid #55bec5;  }
.cp_tit span{background: #55bec5;}
.text_cp > div > a >span{ color:#55bec5;}
.text_cp > div > a:hover{color: #55bec5;}

/*****************16高级电商 ds********************/
.ds_bg{background: #ed6d60;}
.ds_color{background: #ed6d60;}
.ds_hover:hover{  border: 1px solid #ed6d60;}
.ds_tit{  border-top:2px solid #ed6d60;  }
.ds_tit span{background: #ed6d60;}
.text_ds > div > a >span{ color:#ed6d60;}
.text_ds > div > a:hover{color: #ed6d60;}

/*****************17net net********************/
.net_bg{background: #dd8d42;}
.net_color{background: #dd8d42;}
.net_hover:hover{  border: 1px solid #dd8d42;}
.net_tit{  border-top:2px solid #dd8d42;  }
.net_tit span{background: #dd8d42;}
.text_net > div > a >span{ color:#dd8d42;}
.text_net > div > a:hover{color: #dd8d42;}

/*****************18ios ios********************/
.ios_bg{background: #575757;}
.ios_color{background: #575757;}
.ios_hover:hover{  border: 1px solid #575757;}
.ios_tit{  border-top:2px solid #575757;  }
.ios_tit span{background: #575757;}
.text_ios > div > a >span{ color:#575757;}
.text_ios > div > a:hover{color: #575757;}

/*移动端模块*/

/*移动端轮播样式*/
.swiper-container {
    width: 100%;
    height: 210px;
    color: #fff;
    text-align: center;
}
.swiper-slide {
    /*width: 500px;*/
    height: 100%;
    line-height: 200px;
}
.red-slide {
    background: #ca4040;
}
.blue-slide {
    background: #4390ee;
}
.orange-slide {
    background: #ff8604;
}
.green-slide {
    background: #49a430;
}
.pink-slide {
    background: #973e76;
}
.swiper-slide .title {
    font-style: italic;
    font-size: 42px;
    margin-top: 80px;
    margin-bottom: 0;
    line-height: 45px;
}
.pagination {
    position: absolute;
    z-index: 20;
    bottom: 0px;
    margin-bottom: 1rem;
    right: 1rem;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: rgba(255,255,255,.6);
    margin-right: 5px;
    opacity: 0.8;
    cursor: pointer;
}
.swiper-visible-switch {
    background: #aaa;
}
.swiper-active-switch {
    background: #fff;
}
.swiper-slide2 .col-xs-6{ padding: 0;}
.slide2_cont{
    padding-top: 1.6rem;
    padding-bottom: 1.4rem;
    height: 105px;
}
.slide2_cont p{margin-top: 1rem;}
.slide2_bg1{background: #ff5b3b;  }
.slide2_bg2{ background: #ec3e4f;}
.slide2_bg3{ background: #85c53d;}
.slide2_bg4{ background: #ffc435;}

.date{  color: #5899df;}
.sign_a{
    color: #e04618;
    text-align: right;
    float:right;
}

.yd_icon{
    height: 34px;
    width: 40px;
    display: block;
    margin: auto;
    background:url("../img/kecheng/yd_slide2.png") no-repeat;
}
.yd_icon1{
    background-position: 0 0;
}
.yd_icon2{
    background-position: -43px 0;
}
.yd_icon3{
    background-position: -96px 0;
}
.yd_icon4{
    background-position: -142px 0;
}

/************************2017.5.11日重改***************************/
/*java模块*/
@media (max-width: 767px) {
    .kc_section{
        background: #fff;
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        margin-bottom: 1.2rem;
    }
    .swiper-slide1 > img{
        /*padding-top: 2.5rem;*/
        height: 12rem;
        display: inline-block;
    }
    .pic_left .c4{ color: #000;}
    .pic_left h3{
        padding-top: 1.5rem;
        padding-bottom: 1rem;
        font-weight: normal;
        font-size: 3rem;
    }
    .pic_left .yd_text{
        padding-bottom: 1.4rem;
        /*overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;*/
        font-size: 1.8rem;
    }


}


@media (min-width: 768px) {
    .swiper-slide{ width: 100%;}
    .swiper-slide1 > img{padding-top: 120px;}
    .pc_left{padding-right: 6px; position: relative;}
    .pic_left{
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: left;
        height: 90px;
        position: absolute;
        top: 0;
        left:1rem;
        background: none;
        z-index: 10;
        padding-right: 0.4rem;
    }
    .pic_left_text{
        padding-left: 20px;
        margin-bottom: 16px;
        -webkit-font-smoothing:antialiased;
    }
    .pc_section1 .pic_left_text h3{
        padding-bottom: 8px;
    }
    .pc_section1 .pic_left_text p{
        padding-bottom: 6px;
    }
    .yd_text{
        font-size: 1.4rem;
        padding-top: 0.8rem;
    }

}
@media (min-width: 992px) {
    .pic_left{left:1.6rem;padding-right: 0.8rem;}
    .yd_text{
        font-size: 1.6rem;

    }
}