body {
    color: #888;
    font-size: 12px;
    line-height: 1.7em;
    font-family:"Microsoft YaHei","微软雅黑";
    background: #ffffff;
}
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear:both;
}
/*兼容ie浏览器*/
.clearfix{
    zoom:1;
}
.content{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 1150px;
}
/*banner*/
.sjDetail-banner{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    background: url("../image/sheji-xq-banner.jpg") no-repeat center;
    height: 482px;
    padding-top: 70px;
}
.sjDetail-banner .sjDetail-banner-video{
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 540px;
    height: 342px;
    position: relative;
    border-radius: 10px;
    background: #005AFF;
    overflow: hidden;
    padding: 10px;
}
.sjDetail-banner .sjDetail-banner-video .banner-video-mask{
    width: 520px;
    height: 322px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: rgba(0,0,0,0.6);
    color: #ffffff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.sjDetail-banner .sjDetail-banner-video .design-video-img{
    width: 520px;
    height: 322px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 9;
}
.sjDetail-banner .sjDetail-banner-video .design-video-img img{
    width: 100%;
}
.sjDetail-banner .sjDetail-banner-video .banner-video-mask p{
    width: 165px;
    height: 50px;
    border-radius: 10px;
    background: rgba(0,0,0,0.4);
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.sjDetail-banner .sjDetail-banner-video .banner-video-mask p img{
    width: 26px;
    height: 19px;
    margin-right: 5px;
    display: inline-block;
}

.sjDetail-banner .sjDetail-banner-video .banner-video-video{
    width: 520px;
    height: 322px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 8;
}
.sjDetail-banner .sjDetail-banner-txt{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 560px;
    height: 342px;
    position: relative;
}
.sjDetail-banner .sjDetail-banner-txt .sjDetail-banner-title{
    width: 100%;
    font-size: 32px;
    line-height: 40px;
    color: #ffffff;
    margin: 10px 0 20px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.sjDetail-banner .sjDetail-banner-txt .sjDetail-banner-js{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 112px;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    overflow: hidden;
    white-space:pre-wrap;
    text-overflow: clip;
    word-wrap: break-word;
    display: block;
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 3;*/
    /*-webkit-box-orient: vertical;*/
    word-break: break-all;
    border-top: 1px solid #3356AF;
    padding-top: 20px;
    margin-bottom: 15px;
}
.sjDetail-banner .sjDetail-banner-txt .sjDetail-banner-xx li{
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #89A4DB;
    margin: 5px 0;
}
.sjDetail-banner .sjDetail-banner-txt .sjDetail-banner-xx li img{
    width: 14px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    opacity: 0.6;
}

.sjDetail-banner .sjDetail-banner-txt .sjDetail-banner-btn{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    padding: 0 25px;
    font-size: 18px;
    border-radius: 5px;
    background: -webkit-linear-gradient(top,#F44038, #FA6757);
    background: -o-linear-gradient(top,#F44038, #FA6757);
    background: -moz-linear-gradient(top,#F44038, #FA6757);
    background: linear-gradient(top,#F44038, #FA6757);
    color: #ffffff;
    margin-top: 45px;
}
.sjDetail-banner .sjDetail-banner-txt .sjDetail-banner-mask{
    width: 397px;
    height: 133px;
    position: absolute;
    right: 15px;
    bottom: -35px;
    display: none;
}
.sjDetail-banner .sjDetail-banner-txt .sjDetail-banner-alert{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../image/mask-bg2.png") no-repeat center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sjDetail-banner .sjDetail-banner-txt .sjDetail-banner-mask img{
    display: inline-block;
    margin-left: 36px;
    margin-right: 40px;
    width: 100px;
    height: 100px;
}
.sjDetail-banner .sjDetail-banner-txt .sjDetail-banner-mask b{
    font-size: 16px;
    line-height: 24px;
    color: #FF6E2E;
    font-weight: 400;
}
.sjDetail-banner .sjDetail-banner-txt .sjDetail-banner-mask p{
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}
.sjDetail-banner .sjDetail-banner-txt .sjDetail-banner-mask p b {
    color: #333333;
    font-weight: 600;
    font-size: 14px;
}


/*1 毕设脑图*/
.sjDetail-rout{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    background: url("../image/sheji-xq-2img.jpg") no-repeat center bottom;
    padding-bottom: 80px;
}
.sjDetail-rout .sjDetail-rout-title{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 40px auto;
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    color: #0B2B54;
}
.sjDetail-rout .sjDetail-rout-title span{
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 70px;
    background: url("../image/sheji-xq-title1.png") no-repeat left center,
    url("../image/sheji-xq-title2.png") no-repeat right center;
}
.sjDetail-rout  .sjDetail-rout-list{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 auto 20px;
    width: 1150px;
}
.sjDetail-rout  .sjDetail-rout-list li{
    display: inline-block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../image/sheji-xq-1img.png") no-repeat center left;
    width: 154px;
    height: 54px;
    line-height: 50px;
    font-size: 18px;
    color: #151A20;
    text-align: center;
    position: relative;
    margin-right: 44px;
    margin-bottom: 40px;
}
.sjDetail-rout  .sjDetail-rout-list li:after{
    content: "";
    width: 44px;
    height: 54px;
    background: url("../image/sheji-xq-1jt.png") no-repeat center;
    position: absolute;
    right: -40px;
    top: 0;
}
.sjDetail-rout  .sjDetail-rout-list li:nth-child(6n){margin-right: 0;}
.sjDetail-rout  .sjDetail-rout-list li:nth-child(6n):after{width: 0;}

/*2 项目技术*/
.cxx-content{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
}
.sjDetail-title{
    font-size: 24px;
    font-weight: 600;
    color: #252525;
    line-height: 32px;
    margin: 50px 0;
    text-align: left;
}
.sjDetail-skill{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1200px;
    background: #F0F8FF;
    overflow: hidden;
}
.sjDetail-skill2{background: #ffffff;}
.sjDetail-skill .sjDetail-skill-list{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 40px;
}
.sjDetail-skill .sjDetail-skill-list li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 153px;
    margin-right: 55px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    padding-top: 40px;
}
.sjDetail-skill .sjDetail-skill-list li:nth-child(6n){margin-right: 0;}
.sjDetail-skill .sjDetail-skill-list li img{
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 0;
    width: 70px;
    height: 78px;
}
.sjDetail-skill .sjDetail-skill-list li p{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    background: #ffffff;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    padding-top: 53px;
}
.sjDetail-skill .sjDetail-skill-list li:hover p{
    box-shadow: 0 5px 10px 1px #E1ECF6;
}
/*项目功能*/
.sjDetail-skill .sjDetail-skill-list2{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 40px;
}
.sjDetail-skill .sjDetail-skill-list2 li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 10px;
    width: 270px;
    height: 112px;
    float: left;
    margin-right: 40px;
    margin-bottom: 30px;
    position: relative;
}
.sjDetail-skill .sjDetail-skill-list2 li:nth-child(4n){margin-right: 0;}
.sjDetail-skill .sjDetail-skill-list2 li img{
    width: 270px;
    height: 112px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.sjDetail-skill .sjDetail-skill-list2 li span{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 30px;
    margin-top: 35px;
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    padding-bottom: 10px;
}
.sjDetail-skill .sjDetail-skill-list2 li span:before{
    content: "";
    width: 40px;
    height: 3px;
    border-radius: 10px;
    background: #488FFF;
    position: absolute;
    left: 0;
    bottom: 0;
}
/*4项目界面展示*/
.sjDetail-skill3{
    background: url("../image/sheji-xq-4bg.jpg") no-repeat center;
    height: 536px;
}
.sjDetail-project-box{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 5px 20px 1px #CBD4DE;
    border-radius: 10px;
    width: 1200px;
    height: 335px;
    margin: 0 auto;
    padding: 50px 25px;
}
.sjDetail-project{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sjDetail-project .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    width: 40px;
    height: 100%;
    background:#ffffff url("../image/sheji-4-jt2.png") no-repeat right center;
    right: 0;
    top: 20px;
}
.sjDetail-project .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    width: 40px;
    height: 100%;
    background:#ffffff url("../image/sheji-4-jt1.png") no-repeat left center;
    left: 0;
    top: 20px;
}
.sjDetail-project .sjDetail-project-rel{
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.sjDetail-project .sjDetail-project-rel .sjDetail-project-abs{
    position: absolute;
    left: 0;
    top: 0;
    width: 470px;
    height: 240px;
    background: rgba(0,0,0,0.7);
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    cursor: pointer;
    opacity: 0;
}
.sjDetail-project .sjDetail-project-rel .sjDetail-project-abs span{
    display: inline-block;
    margin-top: 10px;
}
.sjDetail-project .sjDetail-project-rel .object-banner{
    width: 100%;
}
.sjDetail-project .sjDetail-project-rel:hover .sjDetail-project-abs{opacity: 1;}
.sjDetail-project-mask{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
    display: none;
}
.sjDetail-project-mask .sjDetail-big .sjDetail-project-mask-close{
    position: absolute;
    background: url("../image/mask-close.png") no-repeat center;
    width: 36px;
    height: 36px;
    top: -20px;
    right: -10px;
}
.sjDetail-project-mask .sjDetail-big{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1120px;
    position: relative;
    margin: 5% auto;
}
.sjDetail-project-mask .sjDetail-big span{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.sjDetail-project-mask .sjDetail-big .sjDetail-prev2{
    right: 0;
    background: url("../image/sheji-jt2.png") no-repeat right center;
}
.sjDetail-project-mask .sjDetail-big .sjDetail-prev1{
    left: 0;
    background: url("../image/sheji-jt1.png") no-repeat left center;
}
.sjDetail-project-mask .sjDetail-big .sjDetail-big-ul{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 1042px;
    height: 526px;
    margin: 0 auto;
    position: relative;
}
.sjDetail-project-mask .sjDetail-big ul li{
    position: absolute;
    left: 0;
    top: 0;
    width: 1042px;
    height: 526px;
    display: none;
}
/*5 优质毕设推荐*/
.sjDetail-recommend{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 1200px;
}
.sjDetail-recommend .sjDetail-recommend-gg{
    display: block;
    width: 1200px;
    height: 180px;
    margin: 75px auto;
}
.sjDetail-recommend .sjDetail-recommend-gg img{
    width: 1200px;
    height: 180px;
    border-radius: 10px;
}

.sjDetail-recommend .sjDetail-recommend-title{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 37px;
    font-weight: 600;
    color: #252525;
    text-align: left;
}
.sjDetail-recommend .sjDetail-recommend-title a{
    display: inline-block;
    float: right;
    width: 120px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 14px;
    color: #6B7484;
    background: #EDEDEE;
    border-radius: 25px;
    font-weight: 400;
}
.sjDetail-recommend .sjDetail-recommend-title a b{color: #D84442;}
.sjDetail-recommend .sjDetail-recommend-list{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 60px;
}
.sjDetail-recommend .sjDetail-recommend-list li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 385px;
    /*height: 190px;*/
    float: left;
    margin-right: 20px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 0 10px 1px #ECEDEF;
    margin-top: 30px;
}
.sjDetail-recommend .sjDetail-recommend-list li:nth-child(3n){margin-right: 0;}
.sjDetail-recommend .sjDetail-recommend-list li .sjDetail-recommend-bgtitle{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 385px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 22px;
    color: #ffffff;
    text-shadow: 0 3px 10px #BDA47F;
    font-weight: 600;
    letter-spacing: 5px;
    background: #E5A942 url("../image/sheji-4-title1.png") no-repeat center ;
    background-size: 100% 100%;
}
.sjDetail-recommend .sjDetail-recommend-list li:nth-child(2n) .sjDetail-recommend-bgtitle{
    background: #A640CA url("../image/sheji-4-title1.png") no-repeat center ;
    background-size: 100% 100%;
}
.sjDetail-recommend .sjDetail-recommend-list li:nth-child(3n) .sjDetail-recommend-bgtitle{
    background: #5F5BE9 url("../image/sheji-4-title1.png") no-repeat center ;
    background-size: 100% 100%;
}
.sjDetail-recommend .sjDetail-recommend-list li:nth-child(4n) .sjDetail-recommend-bgtitle{
    background: #E98F45 url("../image/sheji-4-title1.png") no-repeat center ;
    background-size: 100% 100%;
}
.sjDetail-recommend .sjDetail-recommend-list li:nth-child(5n) .sjDetail-recommend-bgtitle{
    background: #45C856 url("../image/sheji-4-title1.png") no-repeat center ;
    background-size: 100% 100%;
}
.sjDetail-recommend .sjDetail-recommend-list li:nth-child(6) .sjDetail-recommend-bgtitle{
    background: #38A8DC url("../image/sheji-4-title1.png") no-repeat center ;
    background-size: 100% 100%;
}
.sjDetail-recommend .sjDetail-recommend-list li .sjDetail-recommend-bgtitle .sjDetail-recommend-tag{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    padding: 0 5px;
    line-height: 18px;
    height: 18px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    background: #EC2020;
    letter-spacing: 1px;
}
.sjDetail-recommend .sjDetail-recommend-list li .sjDetail-recommend-bgtitle .sjDetail-recommend-tag1{
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    padding: 0 5px;
    line-height: 18px;
    height: 18px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    letter-spacing: 1px;
    background: -webkit-linear-gradient(left,#F03F07, #FF8800);
    background: -o-linear-gradient(left,#F03F07, #FF8800);
    background: -moz-linear-gradient(left,#F03F07, #FF8800);
    background: linear-gradient(left,#F03F07, #FF8800);
}
.sjDetail-recommend .sjDetail-recommend-list li .sjDetail-recommend-title{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    color: #515151;
}
.sjDetail-recommend .sjDetail-recommend-list li .sjDetail-recommend-num{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 10px;
    margin-bottom: 5px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sjDetail-recommend .sjDetail-recommend-list li .sjDetail-recommend-num span{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background: url("../image/sheji-4-ren.png") no-repeat left center;
    padding-left: 20px;
    font-size: 14px;
    color: #929292;
}
.sjDetail-recommend .sjDetail-recommend-list li .sjDetail-recommend-num .sjDetail-recommend-btn{
    display: inline-block;
    font-size: 15px;
    color: #D84442;
    background: #FEEFEF;
    height: 23px;
    line-height: 23px;
    border-radius: 20px;
    padding: 0 10px;
}
.sjDetail-recommend .sjDetail-recommend-list li .sjDetail-recommend-num .sjDetail-recommend-btn:hover{
    background: #D84442;
    color: #ffffff;
}