@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0; padding:0; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei', sans-serif;color:#000000;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;}
b{font-weight:normal}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
body{
    overflow-x:hidden;
}
.main{
    margin:0 auto;
    width:1200px;
}
.wrap-main{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1200px;
    overflow:hidden;
    position:relative;
}

/*banner*/
.banner{
    width:100%;
    height:100%;
    position:relative;
}
.banner .flexslider {
    margin: 0px auto 20px;
    position: relative;
    width: 100%;
    height: 482px;
    overflow: hidden;
    zoom: 1;
}

.flexslider .slides li {
    width: 100%;
    height: 100%;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url("../images/ad_ctr.png") no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url("../images/dot.png") no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}

.flexslider .slides a img {
    width: 100%;
    height: 482px;
    display: block;
}
.part .title{
    padding:50px 0;
}
.part .title h2{
    margin:0 auto;
    width:1024px;
    font-size:48px;
    color:#00fff2;
    line-height:48px;
    text-align:center;
    background:url("../images/title.png") no-repeat 70px center;
}
.part .title.t2 h2{
    margin:0 auto;
    width:1024px;
    font-size:48px;
    color:#00fff2;
    line-height:48px;
    text-align:center;
    background:url("../images/title2.png") no-repeat 10px center;
}
.part .title p{
    margin-top:18px;
    font-size:24px;
    color:#ffffff;
    line-height:24px;
    text-align:center;
}
.part .link{
    margin:50px auto 0;
    width:305px;
    height:55px;
    font-size:30px;
    display:block;
    color:#ffffff;
    line-height:55px;
    text-align:center;
    background:url("../images/link.jpg") repeat 0;
    border-radius:5px;
    transition:1s;
}
.part .link:hover{
    background:url("../images/link.jpg") repeat 305px;
    transition:1s;
}
.part1 .title{
    padding:30px 0;
}
.part1 .title h2{
    margin:0 auto;
    width:100%;
    font-size:2.5rem;
    color:#000;
    line-height:1.98;
    text-align:center;
    font-weight: 600;
    letter-spacing: 0.1rem;
}
.part1 .title.t2 h2{
    margin:0 auto;
    width:100%;
    font-size:2.5rem;
    color:#000;
    line-height:1.98;
    text-align:center;
    font-weight: 600;
    letter-spacing: 0.1rem;
}
.part1 .title p{
    margin-top:18px;
    font-size:1.3rem;
    color:#000;
    line-height:1.78;
    text-align:center;
    margin:0 auto;
}
/*jianjie*/
.p1{
    padding-bottom:30px;
}
.p1 .boxes{
    width:100%;
    height:100%;
}
.p1 .boxes p{
    margin-top:5px;
    font-size:20px;
    color:#000;
    line-height:36px;
    text-indent:2em;
}
.p1 .boxes p span{
    font-size:20px;
    color:#000;
    font-weight: 550;
}
/*Shared properties*/
.p1 .titles{
    color: #FEFEFE;
    text-transform: capitalize;
    line-height: 1.78;
    position: relative;
}
.p1 .content{
    position: relative;
    color: #fff;
    padding: 20px 0 0px 0;

}
.p1 .boxs{
        float: left;
        text-align: center;
        overflow: hidden;
        position: relative;
        width: 380px;
        margin-right: 20px;
        margin-top: 30px;
    }
.p1 .boxs:before{
        content: "";
        width: 0;
        height: 100%;
        background: #000;
        padding: 4px 18px;
        position: absolute;
        top: 0;
        left: 50%;
        opacity: 0;
        transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    }
.p1 .boxs:hover:before{
        width: 100%;
        left: 0;
        opacity: 0.5;
    }
.p1 .box img{
        width: 100%;
        height: auto;
    }
.p1 .boxs .boxs-content{
        width: 350px;
        padding: 14px 18px;
        color: #fff;
        position: absolute;
        top: 18%;
        left: 0;
    }
.p1 .boxs .titles{
        font-size: 24px;
        letter-spacing: 0.2rem;
        font-weight: 600;
        line-height: 1.78;
        text-transform: uppercase;
        margin: 0;
        opacity: 0;
        transition: all 0.5s ease 0s;
    }
.p1 .boxs .post{
        font-size: 16px;
        line-height: 1.78;
        text-transform: capitalize;
        opacity: 0;
        transition: all 0.5s ease 0s;
    }
.p1 .boxs:hover .titles,
    .boxs:hover .post{
        opacity: 1;
        transition-delay: 0.7s;
    }
/*sandayoushi*/

.p2{
    height:950px;
}
.p2 .main{
    padding-bottom:50px;
    width: 1200px;
    text-align: left;
}
.p2 .head {
     padding:5px 0;
     width: 100%;
     font-size: 1.3rem;
     line-height: 1.78;
     letter-spacing: 0.1rem;
     text-indent: 2em;
}
.p2 .w1200{width:1200px; margin:0 auto; clear:both;}
.p2 .clear,.c{clear:both; height:0px; font-size:0px; overflow:hidden;}
.p2 .c10{clear:both; height:10px; font-size:0px; overflow:hidden; background:#fff;}
.p2 .c20{clear:both; height:20px; font-size:0px; overflow:hidden;}
.p2 .c30{clear:both; height:30px; font-size:0px; overflow:hidden;}
.p2 .c50{clear:both; height:50px; font-size:0px; overflow:hidden;}
.p2 .fl{float:left;}
.p2 .fr{float:right;}
.p2 .pa{ position:absolute;}
.p2 .pr{ position:relative}
.p2 .case{width:100%; height:400px; background:#f5f5f5;}
/*优势*/
.p2 .kb_con { margin:27px 0 0px;}
.p2 .kb_con ul li { float:left; width:380px; margin-right:20px;}
.p2 .kb_con ul li a { display:block; width:380px; height:660px; background:#fd8231; position:relative; text-align:center;}
.p2 .kb_con ul li a i { background:url(../images/kb_szbg01.png) no-repeat; width:71px; height:71px; display:block; font-size:35px; color:#fff; text-align:center; position:absolute; top:-40px; left:153px; font-family:"宋体"; padding:20px 0 0;}
.p2 .kb_con ul li a:hover i { background:url(../images/kb_szbg02.png) no-repeat;}
.p2 .kb_con ul li a b { display:block; padding:20px 0 0; font-size:1.3rem; color:#fff; font-weight: 600; letter-spacing: 0.1rem;}
.p2 .kb_con ul li a span { display:block; font-size:1.1rem; color:#fff; line-height:1.68; width:350px; margin:20px auto; text-align: left;}
.p2 .kb_con ul li a h5{ display:block; width:168px; height:40px; line-height:40px; border:solid 1px #fff; text-align:center; font-size:1.1rem; color:#fff; margin:0 auto; border-radius:50px;}
.p2 .kb_con ul .nobor { margin:50px 0 0;}

/*qianjing*/
.p3 .head {
     padding:5px 0;
     width: 100%;
     font-size: 1.3rem;
     line-height: 1.78;
     letter-spacing: 0.1rem;
     text-indent: 2em;
}
.p3 .cont {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.p3 .wrapper {
  float: left;
  width: 49%;
  height: 100%;
  padding:0  10px 30px 0;
}

.p3 .boxes{
    font-family: 'Kanit', sans-serif;
    text-align: center;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
}
.p3 .boxes:before{
    content: "";
    background:#000;
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.4s linear;
}
.p3 .boxes:hover:before{ opacity: 0.8; }
.p3 .boxes img{
    width: 100%;
    height: auto;
    transition: all 0.4s linear;
}
.p3 .boxes:hover img{
    opacity: 0.3;
    transform: scale(1);
}
.p3 .boxes .boxes-content{
    color: #fff;
    width: 100%;
    transform: translateY(-50%) scale(0);
    position: absolute;
    top: 50%;
    left: 0;
    transition: all 0.4s linear;
}
.p3 .boxes:hover .boxes-content{ transform: translateY(-50%) scale(1); }
.p3 .boxes .title{
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
}
.p3 .boxes .post{
    font-size: 16px;
    text-transform: capitalize;
}


/*AI典型职位*/
.p4{
    height:1005px;
}
.p4 .head {
     padding:15px 0;
     width: 100%;
     font-size: 1.3rem;
     line-height: 1.78;
     letter-spacing: 0.1rem;
     text-indent: 2em;
}
.contenedorCards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  box-sizing: border-box;
}
.contenedorCards .card {
  float: left;
  width: 300px;
  transition: ease all .3s;
}
.contenedorCards .card.esFav .wrapper .infoProd .actions .action.aFavs {
  transform: rotateX(360deg) scale(1.2);
}
.contenedorCards .card.esFav .wrapper .infoProd .actions .action.aFavs svg path, .contenedorCards .card.esFav .wrapper .infoProd .actions .action.aFavs svg circle {
  fill: #fff;
  transition-delay: .2s;
}
.contenedorCards .card.enCarrito .wrapper .infoProd .actions .action.alCarrito .inCart {
  transform: scale(1);
}
.contenedorCards .card.enCarrito .wrapper .infoProd .actions .action.alCarrito .outCart {
  transform: scale(0);
}
.contenedorCards .card .wrapper {
  margin: 20px 10px 10px 10px;
  padding-top: 210px;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 0 20px 10px rgba(29, 29, 29, 0.1);
  transition: ease all .3s;
}
.contenedorCards .card .wrapper:hover {
  transform: translateY(-10px);
}
/*.contenedorCards .card .wrapper:hover .imgProd {
  height: 150px;
}*/
.contenedorCards .card .wrapper .colorProd {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:250px;
  background-color: #b82d44;
}
.contenedorCards .card .wrapper .imgProd {
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: calc(100% - 250px);
  width: 100%;
  height: 250px;
  transition: ease all .3s;
}
.contenedorCards .card .wrapper .infoProd {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  height: 150px;
  padding: 10px;
  box-sizing: border-box;
}
.contenedorCards .card .wrapper .infoProd p {
  width: 100%;
}
.contenedorCards .card .wrapper .infoProd .nombreProd {
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.2rem;
  text-align: center;
}
.contenedorCards .card .wrapper .infoProd .extraInfo {
     padding:5px 0;
     width: 100%;
     font-size: 1.0rem;
     line-height: 1.58;
     letter-spacing: 0.1rem;
     text-align: left;
}

/*就业喜报*/

.p5{
    height:100%;
}
.p5 .module-dec {
  padding-top: 0.10667rem;
  font-size: 1.25rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  line-height: 1.98;
  padding-bottom: 0.15333rem;
  padding:0 0.3rem;
  text-indent: 2em;
}


/*shizi*/
.p6{
    height:100%;
}
.p6 p{
     width: 100%;
     font-size: 1.3rem;
     line-height: 1.78;
     letter-spacing: 0.1rem;
     text-indent: 2em;
     margin-bottom: 1.0rem;}
/* summary */
.summary{background:#333;}
.listbox{float:left;margin-bottom:20px;margin-right:20px;padding:10px;background:#f6f6f6;width:31%;height:325px;position:relative;}
.listimg{height:300px;position:relative;}
.listimg img{background:#333;width:100%;}
.summary{width:90%;height:300px;top:300px;left:0;/*! position:absolute; */}
.summarytxt p{margin:5px 5px;width:250px;height:auto;line-height:22px;font-size:12px;color:#cfcfcf;overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;}
.listinfo{_margin-bottom:3px;/*! padding-left:10px; *//*! width:250px; */line-height:22px;font-size:15px;}
.listinfo a{font-size:16px;}
.listtitle{float:left;margin-top:12px;_margin-top:-2px;width:250px;font-size:16px; margin-bottom: 10px;}
.listtitle a{font-size:16px; font-weight: bold; }
.listtitle a:hover{color:#f55555;}
.listtag{float:left;padding-left:18px;background:url(../images/taglist.gif) 0 5px no-repeat;width:232px;color:#999;}
.listtag a{margin:0 8px 0 0;margin:2px 8px -2px 0\9;_margin:0 8px 0 0;color:#999;}
.listtag a:hover{color:#2ad2bb;}
.listdate{float:left;margin-right:13px;padding-left:18px;background:url(../images/time.gif) 0 18px no-repeat;color:#999; font-size:16px; padding-top: 12px;}
.listview{float:left;margin-right:13px;padding-left:24px;background:url(../images/view.gif) 0 5px no-repeat;color:#999;}
.listcomment{float:left;margin-right:13px;padding-left:20px;background:url(../images/comment.gif) 0 5px no-repeat;color:#999;}
.tdemo a{float:left;margin-top:0;margin-top:12px;_margin-top:0;color:#999;white-space:nowrap;background: #ff0000; color:#fff;border-radius: 0.5rem; padding:0.2rem 1.2rem;margin-left: 1.0rem;}



.p7{
    height:840px;
}
.p7 p{ padding:10px 0;
     width: 100%;
     font-size: 1.3rem;
     line-height: 1.78;
     letter-spacing: 0.1rem;
     text-indent: 2em;}
.product-grid{ text-align:center; width: 32%; float: left;padding:20px  15px 0 0;}
.product-grid:nth-child(n+1);{ padding:0 10px;}
.product-grid .product-image{
    overflow: hidden;
    position: relative;
    display:block;
}
.product-grid .product-image:before{
    content: "";
    background: rgba(0,0,0,0.02);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.product-grid .product-image img{
    width: 100%;
    height: auto;
}
.product-grid .discount{
    width: 100%;
    padding: 15px 0;
    background: #e4f6ff;;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    bottom: 0;
    left: 0;
}
.product-grid .product-content{ padding: 15px 0; }
.product-grid .title{
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}
.product-grid .price{
    font-size: 16px;
    font-weight: 400;
    color: #999;
    margin-bottom: 5px;
    text-align: left;
    line-height: 28px;
    padding: 0 20px;
}

/*xiaoyuan*/
.p8{
    height:100%;
    position:relative;
    margin-bottom: 30px;
}
.p8 .le{ padding:15px 0;
     width: 100%;
     font-size: 1.3rem;
     line-height: 1.78;
     letter-spacing: 0.1rem;
     text-indent: 2em;}
.bodyCon08{background:none}
.bodyCon08 .students{margin:0 auto;width:1200px;height:480px;position:relative;}
.bodyCon08 .students p.PP{width:300px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}
#four_flash{position:relative;width:1200px;height:400px; margin:0 auto;position:absolute;bottom:40px;}
#four_flash .flashBg{width:998px;height:400px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:3000%;height:400px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{border:1px solid #dadce3;float:left;width:300px;height:340px;margin-left:24px;padding-top:10px;color:#6C6E85;border-radius: 0.5rem;}
#four_flash .flashBg ul.mobile li:hover{border:1px solid #dadce3; color:#999;}
#four_flash .flashBg ul.mobile li img{width:280px;height:210px;display:block; margin:0 auto;border:1px solid #dadce3; border-radius:0.5rem;}
#four_flash .flashBg ul.mobile li dd{font-size:1.4rem;font-weight: 500; width:280px;line-height:2.3;margin-left: 10px; text-align:center;border-bottom:1px solid #dadce3;}
#four_flash .flashBg ul.mobile li a{display:block;width:131px;height:51px;border:0px;margin:8px auto; text-align: center; font-size: 1.2rem;letter-spacing: 0.1rem;line-height: 2.0}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px;}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}