@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; }
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}

.wrap{
    margin:0 auto;
    width:100%;
    
    position:relative;
    overflow:hidden;
}
.main{
    margin:0 auto;
    width:1000px;
}
.main1{
    margin:0 auto;
    width:1200px;
}
.content{
    margin:0 auto;
    width:100%;
}

.banner{
    width:100%;
    height:560px;
    position:relative;
}
#banner{
    width:100%;
    height:560px;
}
#banner .swiper-wrapper{
    width:100%;
    height:560px;
}
#banner .swiper-slide{
    width:100%;
    height:560px;
    overflow:hidden;
    position:relative;
}
#banner .swiper-slide img{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:560px;
    display:block;
    position:absolute;
}
.banner .pagination {
    width:100%;
    bottom:22px;
    z-index:20;
    text-align:center;
    position:absolute;
}
.banner .swiper-pagination-switch {
    margin:0 5px;
    width:24px;
    height:6px;
    cursor:pointer;
    display:inline-block;
    background:#787878;
    background:rgba(255,255,255,0.4);
    border-radius:3px;
}
.banner .swiper-active-switch {
    background:#ffffff;
}

em,i{
    font-style: normal;
}

.kc_list {
    margin-top: 20px;
    margin-bottom: 10px; }
.kc_list li {
    float: left;
    margin: 0 20px 20px 0; }
.kc_list li a {
    display: block;
    width: 184px;
    height: 184px;
    position: relative;
}
.kc_list li a div {
    width: 100%;
    height: 100%;
    box-sizing: border-box; }
.kc_list li a .kc_ico {
    padding-top: 20px;
    text-align: center;
    color: #fff;
    line-height: 20px; }
.kc_list li a .kc_ico img {
    width: 70px;
    height: 70px;
    margin-bottom: 15px; }
.kc_list li a .kc_ico i {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 4px;
}
.kc_list li a .kc_ico em {
    display: block;
    font-size: 14px; }
.kc_list li a .kc_mask {
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.74) url(../images/video_link.png) no-repeat center center;
    opacity: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3;
    -ms-transition: 0.3s;
}
.kc_list li a .kc_mask span {
    display: inline-block;
    background: #ff8e3b;
    position: absolute;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3;
    -ms-transition: 0.3s; }
.kc_list li a .kc_mask span:nth-child(1) {
    width: 0px;
    height: 2px;
    top: 13px;
    left: 13px; }
.kc_list li a .kc_mask span:nth-child(2) {
    width: 2px;
    height: 0px;
    top: 13px;
    right: 13px; }
.kc_list li a .kc_mask span:nth-child(3) {
    width: 0px;
    height: 2px;
    bottom: 13px;
    right: 13px; }
.kc_list li a .kc_mask span:nth-child(4) {
    width: 2px;
    height: 0px;
    bottom: 13px;
    left: 13px; }
.kc_list li a .kc_mask:hover {
    opacity: 1; }
.kc_list li a .kc_mask:hover span:nth-child(1), .kc_list li a .kc_mask:hover span:nth-child(3) {
    width: 158px; }
.kc_list li a .kc_mask:hover span:nth-child(2), .kc_list li a .kc_mask:hover span:nth-child(4) {
    height: 158px; }
.kc_list li:nth-child(5n) ,.kc_list li:nth-child(10n){
    margin-right: 0px; }
.kc_list li.kc_java {
    background: #e2551e; }
.kc_list li.kc_web {
    background: #3266e8; }
.kc_list li.kc_python {
    background: #ed6d13; }
.kc_list li.kc_wlyw {
    background: #d2308a; }
.kc_list li.kc_uid {
    background: #8816e2; }
.kc_list li.kc_gjds {
    background: #37ad1a; }
.kc_list li.kc_vr {
    background: #0485c4; }
.kc_list li.kc_data {
    background: #19a075; }
.kc_list li.kc_so {
    background: #214cd6; }
.kc_list li.kc_php {
    background: #ed3820; }
.kc_list li.kc_ued {
    background: #ae17c9; }
.kc_list li.kc_c {
    background: #0e978c; }
.kc_list li.kc_linux {
    background: #fe8800; }
.kc_list li.kc_qrs {
    background: #ff403f; }
.kc_list li.kc_rjcs {
    background: #fe8800; }


.c6-cont {
    position: relative;
    height: 371px;
    margin-top: 22px;
    margin-bottom: 45px; }
.c6-cont > div {
    position: absolute;
    display: table;
    background-color: #1aade0;
    border-radius: 50%; }
.c6-cont > div > div {
    display: table-cell;
    vertical-align: middle; }
.c6-cont > div > div h3 {
    font-size: 30px;
    line-height: 46px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    margin-bottom: 12px; }
.c6-cont > div > div p {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    font-weight: normal;
    text-align: center; }
.c6-cont > div:nth-child(1) {
    width: 185px;
    height: 185px;
    left: 0px;
    top: 77px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #2c8af0, #0bcad2);
    background: -moz-linear-gradient(to right, #2c8af0, #0bcad2);
    background: -ms-linear-gradient(to right, #2c8af0, #0bcad2);
    background: linear-gradient(to right, #2c8af0, #0bcad2);
    animation-duration: 6s; }
.c6-cont > div:nth-child(2) {
    width: 168px;
    height: 168px;
    left: 164px;
    top: 187px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #e752e0, #ae50f3);
    background: -moz-linear-gradient(to right, #e752e0, #ae50f3);
    background: -ms-linear-gradient(to right, #e752e0, #ae50f3);
    background: linear-gradient(to right, #e752e0, #ae50f3);
    animation-duration: 7s; }
.c6-cont > div:nth-child(3) {
    width: 195px;
    height: 195px;
    left: 294px;
    top: 51px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #f8ac43, #fb864b);
    background: -moz-linear-gradient(to right, #f8ac43, #fb864b);
    background: -ms-linear-gradient(to right, #f8ac43, #fb864b);
    background: linear-gradient(to right, #f8ac43, #fb864b);
    animation-duration: 8s; }
.c6-cont > div:nth-child(4) {
    width: 163px;
    height: 163px;
    left: 466px;
    top: 174px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: -moz-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: -ms-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: linear-gradient(to right, #ff6a8a, #ffa8a4);
    animation-duration: 9s; }
.c6-cont > div:nth-child(5) {
    width: 226px;
    height: 226px;
    left: 600px;
    top: 24px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #f8ac43, #fb864b);
    background: -moz-linear-gradient(to right, #f8ac43, #fb864b);
    background: -ms-linear-gradient(to right, #f8ac43, #fb864b);
    background: linear-gradient(to right, #f8ac43, #fb864b);
    animation-duration: 10s; }
.c6-cont > div:nth-child(6) {
    width: 185px;
    height: 185px;
    left: 814px;
    top: 130px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #e752e0, #ae50f3);
    background: -moz-linear-gradient(to right, #e752e0, #ae50f3);
    background: -ms-linear-gradient(to right, #e752e0, #ae50f3);
    background: linear-gradient(to right, #e752e0, #ae50f3);
    animation-duration: 11s; }
.c6-cont > div:nth-child(7) {
    width: 182px;
    height: 182px;
    left: 1016px;
    top: 0px;
    background: #f00;
    background: -webkit-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: -moz-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: -ms-linear-gradient(to right, #ff6a8a, #ffa8a4);
    background: linear-gradient(to right, #ff6a8a, #ffa8a4);
    animation-duration: 12s; }

.float {
    -webkit-animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;
    -o-animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;
    animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite; }

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    25% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px); }
    50% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    75% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px); }
    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); } }
@-moz-keyframes float {
    0% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    25% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px); }
    50% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    75% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px); }
    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
}
@keyframes float {
    0% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    25% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px); }
    50% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
    75% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px); }
    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
}

.p3 ul{
    width:1100px;
}
.p3 ul li{
    margin-bottom:32px;
    margin-right:32px;
    float:left;
    width:315px;
    height:145px;
    border:1px solid #dae5fe;
    box-shadow:0 0 5px 0 #dae5fe;
}
.p3 ul li h2{
    margin-top:22px;
    margin-left:88px;
    font-size:24px;
    line-height:24px;
    color:#444c55;
    font-weight: bold;
}
.p3 ul li p{
    margin-top:16px;
    margin-left:91px;
    padding-left:15px;
    font-size:18px;
    line-height:24px;
    color:#939ca7;
    border-left:1px solid #c3c3c3;
}
.p3 ul li a{
    display: inline-block;
    width: 100px;
    height: 24px;
    background: #2c8af0;
    margin-top:4px;
    margin-left:91px;
    padding: 4px;
    border-radius: 20px;
    font-size:16px;
    line-height:24px;
    color:#fff;
    text-align: center;
}
.p3 ul li.tag1{
    background:url("../images/p8-tag1.png") no-repeat 18px 68px;
}
.p3 ul li.tag2{
    background:url("../images/p8-tag2.png") no-repeat 18px 72px;
}
.p3 ul li.tag3{
    background:url("../images/p8-tag3.png") no-repeat 18px 68px;
}
.p3 ul li.tag4{
    background:url("../images/p8-tag4.png") no-repeat 23px 67px;
}
.p3 ul li.tag5{
    background:url("../images/p8-tag5.png") no-repeat 18px 69px;
}
.p3 ul li.tag6{
    background:url("../images/p8-tag6.png") no-repeat 18px 63px;
}

.kunao {
    border: solid 1px #2c8af0;
    margin-top: 24px;
}
.kunao .tit{
    height: 80px;
    background: #2891ec;
}
.kunao .tit h2{
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 80px;
}
.kunao ul li{
    margin-top:24px;
    margin-left:24px;
    margin-bottom: 24px;
    float:left;
    width:300px;
    height:300px;
    border:1px solid #dae5fe;
    border-radius:4px;
    box-shadow:0 0 5px 0 #dae5fe;
}
.kunao ul li h2{
    margin-top:184px;
    font-size:28px;
    line-height:24px;
    text-align:center;
    color:#2891ec;
}
.kunao ul li p{
    margin-top:10px;
    padding: 6px 20px;
    font-size:20px;
    line-height:30px;
    text-align:center;
    color:#939ca7;
}
.kunao ul li.tag1{
    background:url("../images/kunao-1.jpg") no-repeat center 0px;
}
.kunao ul li.tag2{
    background:url("../images/kunao-2.jpg") no-repeat center 0px;
}
.kunao ul li.tag3{
    background:url("../images/kunao-3.jpg") no-repeat center 0px;
}


.dsj {
    width: 50px;
    height: 40px;
    text-align: center;
    background: url(../images/dsj.png) center no-repeat;
}

.jyj .tit h2{
    font-size: 28px;
    font-weight: bold;
    color: #2891ec;
    text-align: center;
    padding: 30px 0;
}

.zgz .tit h2{
    font-size: 28px;
    font-weight: bold;
    color: #2891ec;
    text-align: center;
    padding: 30px 0;
}

.zgz ul li{
    margin-top:12px;
    margin-left:24px;
    float:left;
    width:220px;
    height:210px;
    border:1px solid #dae5fe;
    border-radius:4px;
    box-shadow:0 0 5px 0 #dae5fe;
}

.zgz ul li h3{
    margin-top:20px;
    font-size:26px;
    font-weight: bold;
    line-height:20px;
    text-align:center;
    color:#fff;
}
.zgz ul li p{
    margin-top:20px;
    font-size:18px;
    line-height:30px;
    text-align:center;
    color:#fff;
    padding: 0px 14px;

}
.zgz ul li.tag1{
    background:#17a076;
}
.zgz ul li.tag2{
    background:#ee3822;
}
.zgz ul li.tag3{
    background:#0784c4;
}
.zgz ul li.tag4{
    background:#12958d;
}
/*机会*/
.p11-1{
    margin-top:-50px;
    padding-bottom:50px;
}
.p11-1 ul li{
    margin-top:40px;
    margin-left:24px;
    float:left;
    width:220px;
    height:290px;
    /*border:1px solid #dae5fe;*/
    border-radius:4px;
    box-shadow:0 0 5px 0 #dae5fe;
}
.p11-1 ul li:hover{
    box-shadow:0 0 6px 0 #5d50a0;
    transition:0.2s;
}
.p11-1 ul li h2{
    margin-top:190px;
    font-size:20px;
    line-height:30px;
    text-align:center;
    color: #7c838e;
}

.p11-1 ul li.tag1{
    background:url("../images/p11-1-tag1.png") no-repeat center 0px;
}
.p11-1 ul li.tag2{
    background:url("../images/p11-1-tag2.png") no-repeat center 0px;
}
.p11-1 ul li.tag3{
    background:url("../images/p11-1-tag3.png") no-repeat center 0px;
}
.p11-1 ul li.tag4{
    background:url("../images/p11-1-tag4.png") no-repeat center 0px;
}
/*机构对比*/
.p2-db{
    margin-top:-10px;
    margin-bottom:70px;
}
/*.p2-db .content {*/
/*    padding: 0;*/
/*    margin: auto;*/
/*}*/
.p2-db .table {
    margin-top: 40px;
    position: relative;
}
.p2-db .table::after {
    content: " ";
    position: absolute;
    width: 400px;
    height: 17px;
    left: 260px;
    top: -17px;
    background-color: #ff0030;
    border-radius: 20px 20px 0 0;
}
.p2-db table {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 6px 65px #99a9c6;
}
.p2-db thead {
    background-color: #8190ff;
}
.p2-db thead th >* {
    font-size: 26px;
    height: 60px;
    line-height: 66px;
    font-weight: bold;
}
.p2-db thead th:nth-child(2) >* {
    background-color: #ff0030;
    color: #fff;
    line-height: 44px;
}
.p2-db tbody tr:nth-child(2n-1) {
    background-color: #e6ebf5;
}
.p2-db tbody tr:nth-child(2n) {
    background-color: #d5deee;
}
.p2-db tbody td {
    font-size: 20px;
    line-height: 32px;
}
.p2-db tbody td img {
    vertical-align: middle;
}
.p2-db thead th:nth-child(1),
.p2-db tbody td:nth-child(1) {
    width: 260px;
    text-align: left;
    text-indent: 20px;
}
.p2-db tbody td:nth-child(2) {
    width: 400px;
    padding: 10px 20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.p2-db tbody td:nth-child(3) {
    text-align: center;
    padding: 10px 20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.p2-db tbody tr:nth-child(2n-1) td:nth-child(2) {
    background-color: #ff6683;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.p2-db tbody tr:nth-child(2n) td:nth-child(2) {
    background-color: #ff0030;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.p2-db thead th:nth-child(3) >*,
.p2-db thead th:nth-child(4) >* {
    text-indent: 0.5em;
}
.p2-db tfoot {
    height: 30px;
    background-color: #8190ff;
    color: transparent;
}

/*tts系统*/
.ptts{
    background:url("../images/p1-bg.png") no-repeat center bottom;
    margin-bottom:110px;
}
.ptts .t3{
    padding-bottom: 0px !important;
}
.ptts .main{
    height:800px;
    position:relative;
    margin-top: -50px;
}
.ptts .main ul li{
    width:180px;
    height:200px;
    overflow:hidden;
    position:absolute;
    background:#ffffff;
    border:1px solid #dadada;
    border-radius:5px;
}
.ptts .main ul li h2{
    width:180px;
    height:200px;
    font-size:24px;
    line-height:30px;
    color:#ffffff;
    text-align:center;
    border-bottom:5px solid #939ca7;
    padding-top:90px;
}
.ptts .main ul li h2{
    background-size: 90px 90px;
    background-position: top center;
    background-repeat: no-repeat;

}
.ptts .main ul li h2.t1{
    background-color: #5d63fe;
    background-image: url("../images/p3-tag1.png");
    background-position: top center;
    background-repeat: no-repeat;
}
.ptts .main ul li h2.t2{
    background-color: #2ebbfb;
    background-image: url("../images/p3-tag2.png");
}
.ptts .main ul li h2.t3{
    background-color: #5d63fe;
    background-image: url("../images/p3-tag3.png");
}
.ptts .main ul li h2.t4{
    background-color: #2ebbfb;
    background-image: url("../images/p3-tag4.png");
}
.ptts .main ul li h2.t5{
    background-color: #5d63fe;
    background-image: url("../images/p3-tag5.png");
}
.ptts .main ul li h2.t6{
    background-color: #2ebbfb;
    background-image: url("../images/p3-tag6.png");
}

.ptts .main ul li p{
    font-size:14px;
    color:#fff;
    word-wrap:break-word;
    overflow:hidden;
    word-break:break-all;
    position: absolute;
    top: 120px;
    text-align: center;
    padding: 0 10px;
    margin-top: 4px;
}
.ptts .main ul li.li1{
    /* background-color: #5d63fe;
    background-image: url("../images/p3-tag1.png");
    background-position: top center;
    background-repeat: no-repeat; */
    top:150px;
    left:156px;
}
.ptts .main ul li.li2{
    top:320px;
    left:36px;
}
.ptts .main ul li.li3{
    top:560px;
    left:156px;
}
.ptts .main ul li.li4{
    top:150px;
    right:156px;
}
.ptts .main ul li.li5{
    top:320px;
    right:36px;
}
.ptts .main ul li.li6{
    top:560px;
    right:156px;
}

.ptts .tit1{
    top:260px;
    width:100%;
    font-size:26px;
    line-height:32px;
    color:#f4666a;
    text-align:center;
    font-weight:bold;
    position:absolute;
}
.ptts .tit2{
    top:340px;
    width:100%;
    font-size:26px;
    line-height:32px;
    color:#f4666a;
    text-align:center;
    font-weight:bold;
    position:absolute;
}
.ptts .tit3{
    top:420px;
    width:100%;
    font-size:26px;
    line-height:32px;
    color:#f4666a;
    text-align:center;
    font-weight:bold;
    position:absolute;
}
.ptts .tit4{
    top:500px;
    width:100%;
    font-size:26px;
    line-height:32px;
    color:#f4666a;
    text-align:center;
    font-weight:bold;
    position:absolute;
}
.ptts .line{
    top:290px;
    left:50%;
    margin-left:-141px;
    position:absolute;
    animation:2s line infinite linear;
}
@keyframes line{
    0%{transform:scale(1);opacity:1}
    50%{transform:scale(0.9);opacity:0.5}
    100%{transform:scale(1);opacity:1}
}
.ptts .yuan1{
    top:380px;
    left:50%;
    margin-left:-72px;
    position:absolute;
    animation:2s round1 infinite linear;
}
@keyframes round1{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.ptts .yuan2{
    top: 220px;
    left: 50%;
    margin-left: -220px;
    position: absolute;
    animation: 2s round1 infinite linear;
}
@keyframes round2{
    0%{transform:rotate(360deg)}
    100%{transform:rotate(0deg)}
}
.ptts .yuan3{
    top: 150px;
    left: 50%;
    margin-left: -300px;
    position: absolute;
    animation: 2s round1 infinite linear;
}
@keyframes round3{
    0%{transform:rotate(360deg)}
    100%{transform:rotate(0deg)}
}
.p9{
    height:670px;
    overflow:hidden;
    background:url("../images/p9-bg.jpg") no-repeat center top;
}
.p9 ul{
    width:1100px;
    margin-top:40px;
}
.p9 ul li{
    margin-right:20px;
    float:left;
    width:240px;
    cursor:pointer;
}
.p9 ul li .img{
    width:240px;
    height:170px;
    position:relative;
    overflow:hidden;
}
.p9 ul li .img.i1{
    background:url("../images/p9-img1.jpg") no-repeat center;
}
.p9 ul li .img.i2{
    background:url("../images/p9-img2.jpg") no-repeat center;
}
.p9 ul li .img.i3{
    background:url("../images/p9-img3.jpg") no-repeat center;
}
.p9 ul li .img.i4{
    background:url("../images/p9-img4.jpg") no-repeat center;
}
.p9 ul li .img .info{
    top:170px;
    left:0;
    width:240px;
    height:170px;
    position:absolute;
    background:#f4666a;
    background:rgba(244,102,106,0.8);
    transition:0.2s;
}
.p9 ul li .img .info h2{
    font-size:18px;
    line-height:170px;
    text-align:center;
    color:#ffffff;
}
.p9 ul li .img .info h3{
    margin-top:61px;
    font-size:18px;
    line-height:24px;
    text-align:center;
    color:#ffffff;
}
.p9 ul li p{
    margin-top:38px;
    font-size:24px;
    line-height:24px;
    color:#ffffff;
    text-align:center;
}
.p9 ul li:hover .info{
    top:0;
    transition:0.6s;
}
.p9 .btn{
    margin-top: 80px;
    left:40%;

    position: absolute;
    margin-left: auto;
    margin-right: auto;
}



.zlbz{
    margin: 0 auto;
    width: 1000px;
    margin-top: 20px;
}
.zlbz .tit h2{
    font-size: 28px;
    font-weight: bold;
    color: #2891ec;
    text-align: center;
    padding: 4px 0;

}
.zlbz .tit p{
    font-size: 20px;
    color: #838383;
    text-align: center;

}

.zlbz ul li{
    margin-top:40px;
    margin-left:24px;
    float:left;
    width:174px;
    height:224px;
    border:1px solid #dae5fe;
    border-radius:4px;
    box-shadow:0 0 5px 0 #dae5fe;
}
.zlbz ul li:hover{
    box-shadow:0 0 5px 0 #9499a5;
    transition: 0.2s;
}
.zlbz ul li h2{
    margin-top:18px;
    font-size:20px;
    line-height:24px;
    text-align:center;
    color:#939ca7;
}
.zlbz ul li h3{
    margin-top:100px;
    font-size:20px;
    line-height:20px;
    text-align:center;
    color:#939ca7;
}
.zlbz ul li.tag1{
    background:url("../images/p11-tag1.png") no-repeat center 85px;
}
.zlbz ul li.tag2{
    background:url("../images/p11-tag2.png") no-repeat center 85px;
}
.zlbz ul li.tag3{
    background:url("../images/p11-tag3.png") no-repeat center 85px;
}
.zlbz ul li.tag4{
    background:url("../images/p11-tag4.png") no-repeat center 85px;
}
.zlbz ul li a{
    margin:0 auto;
    margin-top:100px;
    width:150px;
    height:35px;
    font-size:24px;
    color:#ffffff;
    line-height:35px;
    text-align:center;
    display:block;
    background:#f36469;
    background:linear-gradient(to right, #fd9d71, #f36469);
    border-radius:15px;
}
.zlbz ul li a:hover{
    background:linear-gradient(to left, #fd9d71, #f36469);
}
/*达内环境*/
.p6{
    background:url("../images/p6-bg.jpg") no-repeat center 50px;
    margin-bottom: 60px;
}
.p6 .con{width: 968px;margin: 0 auto;position: relative;z-index: 999;}
.p6 .con ul{width: 313px;margin-right: 18px;}
.p6 .con ul.last{margin-right: -18px;}
.p6 .con ul li{margin-bottom: 18px;position: relative;}
.p6 .con li span{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #3b43ff;opacity: 0.2;filter:alpha(opacity=20);transition: 0.3s;}
.p6 .con li:hover span{opacity: 0;transition: 0.3s;filter:alpha(opacity=0);}
/*6大优势*/
.p8{
    margin-top:-50px;
    margin-bottom:90px;
}
.p8 ul{
    width:1100px;
}
.p8 ul li{
    margin-bottom:32px;
    margin-right:32px;
    float:left;
    width:315px;
    height:135px;
    border:1px solid #dae5fe;
    box-shadow:0 0 5px 0 #dae5fe;
    cursor:pointer;
}
.p8 ul li h2{
    margin-top:12px;
    margin-left:88px;
    font-size:24px;
    line-height:24px;
    color:#ffffff;
}
.p8 ul li p{
    margin-top:6px;
    margin-left:91px;
    padding-left:15px;
    font-size:18px;
    line-height:24px;
    color: #e2eef9;
    border-left:1px solid #c3c3c3;
}
.p8 ul li a {
    display: inline-block;
    width: 100px;
    height: 24px;
    background: #f0f048;
    margin-top: 10px;
    margin-left: 91px;
    padding: 4px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #ff2a00;
    text-align: center;
}
.p8 ul li.tag1{
    background:url("../images/ys-tag1.png") no-repeat 18px 38px;
   background-color: #e2551e;
    transition: 0.2s;
}
.p8 ul li.tag1:hover{
    background-color: #ff7122;
    transition: 0.4s;
}
.p8 ul li.tag2{
    background:url("../images/ys-tag2.png") no-repeat 18px 38px;
    background-color: #3266e8;
}
.p8 ul li.tag2:hover{
    background-color: #4e84ff;
    transition: 0.4s;
}
.p8 ul li.tag3{
    background:url("../images/ys-tag3.png") no-repeat 18px 38px;
    background-color: #ed6d13;
}
.p8 ul li.tag3:hover{
    background-color: #ed9e4c;
    transition: 0.4s;
}
.p8 ul li.tag4{
    background:url("../images/ys-tag4.png") no-repeat 23px 38px;
    background-color: #d2308a;
}
.p8 ul li.tag4:hover{
    background-color: #ff36a8;
    transition: 0.4s;
}
.p8 ul li.tag5{
    background:url("../images/ys-tag5.png") no-repeat 18px 38px;
    background-color: #f36469;
}
.p8 ul li.tag5:hover{
    background-color: #ff9d93;
    transition: 0.4s;
}
.p8 ul li.tag6{
    background:url("../images/ys-tag6.png") no-repeat 18px 38px;
    background-color: #37ad1a;
}
.p8 ul li.tag6:hover{
    background-color: #43c821;
    transition: 0.4s;
}


.p11{
    margin-top:10px;
    padding-bottom:50px;
}


.p2-2{
    margin-top:-40px;
    margin-bottom:90px;
}
.p2-2 .box{
    width:1024px;
    height:471px;
    margin-top:20px;
    position:relative;
    background:url("../images/p2-box.png") no-repeat center;
}
.p2-2 .box ul{
    top:60px;
    left:630px;
    width:346px;
    position:absolute;
}
.p2-2 .box ul li{
    margin-right:14px;
    float:left;
    width:159px;
    height:169px;
    cursor:pointer;
    position:relative;
    background:url("../images/p2-li.png") no-repeat center;
    transition:0.2s;
}
.p2-2 .box ul li.act{
    background:url("../images/p2-li-act.png") no-repeat center;
    transition:0.8s;
}
.p2-2 .box ul li img{
    margin:28px auto 0;
    display:block;
}
.p2-2 .box ul li p{
    top:102px;
    left:0;
    width:159px;
    font-size:20px;
    line-height:24px;
    text-align:center;
    color:#ffffff;
    position:absolute;
}
.p2-2 .info{
    top:104px;
    left:86px;
    width:300px;
    height:130px;
    position:absolute;
    overflow:hidden;
    background:url("../images/p2-info.png") no-repeat center;
}
.p2-2 .info p{
    top:-155px;
    left:0;
    padding:10px;
    width:280px;
    height:115px;
    font-size:16px;
    line-height:24px;
    color:#ffffff;
    position:absolute;
    transition:0.2s;
}
.p2-2 .info p.act{
    top:0;
    transition:0.4s;
}


.footer{
    padding: 10px 0;
    width:100%;
    height:50px;
    background:#000000;
}
.footer p{
    font-size:14px;
    color:#ffffff;
    line-height:50px;
    text-align:center;
}



/*omo模式*/
.n1{
    margin-top: 40px;
}
.n1 ul{
    margin-left:39px;
}
.n1 ul li{
    margin-bottom:30px;
    margin-right:42px;
    float:left;
    width:280px;
}
.n1 ul li .img{
    position:relative;
    border:1px solid #bec1ff;
}
.n1 ul li img{
    margin:4px;
    width:270px;
    height:170px;
}
.n1 ul li h3{
    top:150px;
    left:105px;
    width:195px;
    height:46px;
    font-size:20px;
    color:#ffffff;
    text-align:center;
    line-height:46px;
    position:absolute;
    background:#6066f2;
}
.n1 ul li p{
    margin-top:26px;
    margin-left:30px;
    padding-left:14px;
    font-size:16px;
    line-height:24px;
    text-align:left;
    background:url("../images/n1-tag.png") no-repeat left center;
}
.omo .btn{
    margin-bottom: 30px;
}