/*新之航-招聘信息*/
.join{
    margin-top: 30px;
}

.join div .p-b{
    font-size: 17px;
    margin: 5px 0 5px;
}
.join div .name1{
    /*background-color:#d0d0d0;*/
    padding: 3px 0 3px;
    color:#c8121b;
}
.join > div > p{
    font-size: 15px;
}
.join > div > p:last-child{
    margin-bottom: 25px;
}
.join > div > h3{
    margin-bottom: 17px;
}
.join .join-f{
    border-top: 0;
    margin-top: 25px;
    padding-top: 9px;
    border-bottom: 0;
}
/*新增地图*/

.gd{
    width:99%;
    height:auto;
    border: 1px solid  #727171;
    margin: 10px 0 20px;
}
.gd-p{
    font-size: 15px;
    color:#595959;
    margin: 0px 0 2rem;
    text-align: center;
}

.map2{
    text-align:center;
    height:500px;
    margin:0 auto;
}
.map1{
    text-align:center;
    height:500px;
    margin:0 auto;
}
.map3{
    text-align:center;
    height:500px;
    margin:0 auto;
}
.jt-detail{
    margin-top: 30px;
}

/*新之航 十二大理由*/
.content-2-main{
    width:1200px;
    margin: 0 auto;
    padding: 30px 0 30px;
}
.content-2-main .casetitle{
    text-align: center;
    padding: 0;
}
.content-2-main .casetitle>li{
    width:6%;
    border-left:1px solid #DCDDDD;
    display:inline-block;
    padding:9px;

}
.content-2-main .casetitle>li a{
    text-decoration:none;
}

/*12大理由固定子导航*/
.case-banner{
    position: relative;
}
/*.changeff{*/
/*    width:100%;*/
/*    margin: 0 auto;*/
/*    background-color:pink;

*/
/*}*/
.casetitle2{
    width:1200px;
    display: flex;
    margin:0 auto;
}
.change-d .casetitle2 li a{
    display: inline-block;
    width:100%;
    text-decoration: none;
}
.change-d{
    width:100%;
    margin:0 auto;
    /*display: none;*/
    background-color:white;
    padding: 30px 0 30px;
    z-index:99;
}
.a{
    display: none;
    opacity: 1;
    box-shadow:0 0 10px rgba(0,0,0,0.3);
    position: fixed;
    top:66px;
}
 .casetitle2{
     text-align: center;
     padding: 0;
     width:1200px;
     display: flex;
     margin:0 auto;
}
.casetitle2>li{
    width:9%;
    border-left:1px solid #DCDDDD;
    display:inline-block;
    padding:10px 1px 10px;

}
 .casetitle2>li{
    text-decoration:none;
}
 .casetitle2>li:hover{
    background-color:#dcdddd;
    box-shadow:2px 2px 3px #898989;
}
.casetitle2>li:last-child{
    border-right:1px solid #DCDDDD;
}
.casetitle2 li  img{
    width:25px;
    height:25px;
    padding-bottom: 5px;
}
.casetitle2 li  p{
    color:#727171;
}

/*hover效果*/
.li-bg{
    background-color:#dcdddd;
    box-shadow:2px 2px 3px #898989;
}
.content-2-main .casetitle>li:hover{
    background-color:#dcdddd;
    box-shadow:2px 2px 3px #898989;
}
.content-2-main .casetitle>li:last-child{
    border-right:1px solid #DCDDDD;
}
.content-2-main .casetitle li a img{
    width:25px;
    height:25px;
    padding-bottom: 5px;
}
.content-2-main .casetitle li a p{
    color:#727171;
}
/*十二大理由 文字+图片效果*/

.case1-img{
    transition-duration:400ms;
    transition-timing-function:linear;
}
.case1-img:hover{
    background:#ece5e5;
    transform:translatey(-10px) scale(1.3);
    box-shadow:5px 10px 10px -7px #000;
}

.case1-img12{
    transition-duration:300ms;
    transition-timing-function:linear;
}
.case1-img12:hover{
    background:#ece5e5;
    transform:translatey(-10px) scale(1.2);
    box-shadow:5px 10px 10px -7px #000;
}

.detail1 .main-t{
    animation:fadeIn 4s;
}

/**/
/*十二大理由内容*/
.detail1{
    width:1200px;
    margin: 0 auto;
}
.detail1 .main-t{
    text-align: center;
    font-size: 40px;
    color:#c8121b;
    margin: 40px 0 40px;
    font-weight:600;
    letter-spacing:2px;
}

.detail1 .detail1-span{
    display:block;
    text-align: center;
    font-size: 40px;
    color:#c8121b;
    font-weight:600;
}
.detail1 .title-detail1{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}
.detail1 .title-detail1 > div{
    width:24%;
    padding: 0 5px 0;
}
.detail1 .title-detail1 > div >div{
    border-right: 1px solid #DCDDDD;
}
.detail1 .title-detail1 div div .tdetail1{
    font-size: 18px;
    color:#4D4948;
    text-align: left;
    font-weight: bold;
    margin-bottom: 20px;
    border-right:2px solid #DCDDDD;
    margin-top: 15px;
    letter-spacing:2px;
    line-height: 1.3;
}
.detail1 .title-detail1 div div{
    padding-top: 5px;
    margin-bottom: 35px;
}
.detail1 .title-detail1 div div .tdetail1 span{
    display: inline-block;
    font-size: 35px;
    color:#727171;
    padding-right: 5px;
    letter-spacing: inherit;
}
.tdetail2{
    text-align: justify;
    padding-right: 23px;
    font-size: 14px;
    color:#898989;
    height:130px;
}

/*理由三*/
.detail1 .case3-detail{
    text-align: center;
    font-size: 18px;
    color:#898989;
    height:120px;
}
/*理由5*/
.case5-detail div .main-t{
    text-align:left;
    font-size: 40px;
    color:#c8121b;
    margin: 40px 0 50px;
    font-weight:600;
    letter-spacing:2px;
}
.case5-detail >div{
    width:100%;
    height:auto;
    background: url("../img/img_5-bg.png") no-repeat;
    background-position: center;
    background-size: contain;
}
.case5-detail >div .case5-main{
    width:670px;
    display: flex;
}
.case5-detail >div .case5-main .case5-d{
    padding-right: 15px;
}
.case5-detail >div .case5-main .case5-d ul li{
    border-bottom:1px dashed #898989;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    color:#898989;
}

/*理由5*/
.case3-detail .case6-detail{
    text-align: center;
    font-size: 18px;
    color:#898989;
    display: inline-block;
    margin-bottom: 10px;
    height:50px;
}
.case3-detail .case6-detail span{
    display: inline-block;
    font-size: 35px;
    color:#727171;
    padding-right: 5px;
    letter-spacing: inherit;
}

/*理由7*/
.content-2 .case7-main{
    /*2020.6.16删去资质栏目-年底增加 */
    /*background: url("../img/img_7-bg.png") no-repeat;*/

    background-position: bottom;
    background-position-x:left ;
    padding-bottom: 0;
}
.detail1 .title-detail7 div:first-child{
    width:70%;
    display: flex;
    /*justify-items: center;*/
    /*align-items: center;*/
    margin: 0 auto;
}

.detail1 .title-detail7 .qual-div{
    width:100%;
}
.detail1 .title-detail7 .qual-div img{
    width:45%;
}
.detail1 .title-detail7 .tdetail7{
    text-align: center;
    width:43%;
    border:1px solid #898989;
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 10px;
}

.detail1 .title-detail7 .qual{
    width:45%;
}

.detail1 .title-detail7 .tdetail7 span{
    display: block;
    text-align: left;
    font-size: 14px;
    color:#898989;
    margin-bottom: 10px;
    padding-right: 10px;
}
.detail1 .title-detail7 .tdetail7 span:nth-child(2){
    border-right: 2px solid #DCDDDD;
}
.detail1 .title-detail7 div:last-child{
    /*margin-left: 18%;*/
}
/*.detail1 .title-detail7 div:last-child .case1-img{*/
    /*width:45%;*/
    /*padding: 0 10px 0;*/
/*}*/
.case-zs1{
    width:70%;
    margin:0 auto;
    padding-top: 20px;
}
.case-zs1>img{
    width:49.5%;
    margin-bottom: 5px;
}
.case-zs2{
    width:70%;
    margin:0 auto;
    padding-top: 15px;
}
.case-zs2>img{
    width:49.5%;
    margin-bottom: 5px;
    padding: 0;
}


/*理由8*/
.detail1 .title-detail8{
    width:1200px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    justify-items: center;
    margin: 0 auto;
}
.detail1 .title-detail8 > div{
    width:15.9%;
    padding: 4.5px;
}

/*理由10*/
.detail1 .title-detail10{
    width:1200px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    justify-items: center;
    margin: 0 auto;
}
.detail1 .title-detail10 > div{
    width:32%;
    padding: 4.5px;
}
.detail10{
    width:100%;
    height:auto;
    background: url("../img/img_10-bg.png") no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
}
.title-detail10{
    background: url("../img/img_10-1.svg") no-repeat;
    background-position: center;
    height:200px;
}
/*理由12*/
.detail12{
    width:100%;
    height:auto;
    background: url("../img/img_12-bg.png") no-repeat;
    background-position: center;
    background-size: cover;
}

/*12大理由 适配*/
@media screen and (max-width:1200px){
    .detail1 .title-detail7 div:first-child{
        width:94%;
    }
    .case-zs1{
        width:94%;
    }
    .case-zs2{
        width:94%;
    }

    .change-d .casetitle2{
       width:100%;
    }
    .detail1{
        width:100%;
    }
    .detail1 .main-t{
        font-size: 35px;
    }
    .case5-detail >div .case5-main{
        width:60%;
    }
    .case5-detail >div .case5-main .case5-d{
        padding-right: 2%;
    }
    .case5-detail >div .case5-main .case5-d ul li{
        margin-bottom: 5%;
        padding-bottom: 5%;
        font-size: 13px;
    }
    .detail1 .case3-detail{
        font-size: 18px;
        width:94%;
    }
    .case6-detail{
        font-size: 14px;
    }
    .detail1 .title-detail7 .tdetail7 span{
        font-size: 13px;
    }
    .detail1 .title-detail7 div:last-child{
        /*margin-left: 16%;*/
    }
    .main-t{
        height:auto;
    }
    .case1-img12:hover{
       transform:translatey(-10px) scale(1.05);
    }
    .cont2 .cont-title{
        font-size: 35px;
    }
    .cont-mid4 div:last-child p:first-child{
        font-size:40px;

    }
    .cont-mid div:first-child p:first-child{
        font-size:40px;
    }
    .cont-mid4 div:last-child p:last-child{
        font-size: 14px;
    }
    .cont-mid div:first-child p:last-child{
        font-size: 14px;
    }
}

/*12大理由 适配--end*/

/*4.0行业标准--开始*/
.title-img40{
    width:100%;
    text-align: center;
    margin: 10px 0 60px;
}
.title-img40 img{
    width:60%;
}
/*切换激活状态*/
.navtab li  .nav-active{
    color: #c8121b!important;
}

/*子导航*/
.navtab{
    text-decoration: none;
    width:100%;
    display: flex;
    justify-content: space-between;
    justify-items: center;
    padding: 10px 0 20px;
    border-top: 1px solid #727171;
    border-bottom:1px solid #727171;
    margin-top: 20px;
}
.navtab li{
    width:24%;
    padding: 15px 0 15px;
    border-right: 1px solid #898989;
    text-align: center;
    line-height: 1.5;
}
.navtab li:last-child{
    border-right: 0;
}
.navtab li  p:first-child{
    font-size: 40px;
    color:#727171;
}
.navtab li  p:last-child{
    font-size: 20px;
    color:#727171;
}
.tab-content{

}
.tab-content div p{
    font-size: 18px;
    color:#727171;
    margin: 20px 0;
}
.line40{
    width:100%;
    height:15px ;
    background-color:#EEEEEE;
}
/*内容1*/
.cont1{
    width:100%;
    background-color:#EFEFEF;
    margin: 0 auto;
    padding: 10px 0 30px;
}
.cont1 ul{
    display: flex;
    width:1200px;
    margin: 0 auto;
    text-decoration: none;
    justify-content: space-between;
    justify-items: center;
    padding: 10px 0 10px;
    border-top: 1px solid #727171;
    border-bottom:1px solid #727171;
    margin-top: 20px;
}
.cont1 ul li{
    width:24%;
    padding: 15px 0 15px;
    border-right: 1px solid #898989;
    text-align: center;
    line-height: 1.5;
}
.cont1 ul li:last-child{
    border-right: 0;
}
.cont1 ul li img{
    width:40px;
    height:40px;
    padding-right: 10px;
}
/*内容2*/
.cont2{
    width:100%;
    margin: 0 auto;
    /*padding: 10px 0 30px;*/
}
.cont-last{
    margin-bottom:60px;
}
.cont2 .cont-title{
    font-size: 40px;
    text-align: center;
    color:#c8121b;
    /*margin: 40px 0 50px;*/
    font-weight:600;
    letter-spacing:2px;
    line-height: 1.5;
}
.cont2 .main-pic{
    width:1200px;
    text-align: center;
    margin:0 auto;
    padding-top: 40px;
}
.cont2 .cont-mid {
    width:1200px;
    /*text-align: center;*/
    margin:0 auto;
    display: flex;
    padding: 50px 50px 10px;

}
.cont-mid div:first-child{
    width:55%;
    text-align:left;
    padding: 20px 100px 0;
}
.cont-mid div:first-child p:first-child{
    font-size: 45px;
    color:#c8121b;
}
.cont-mid div:first-child p:last-child{
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.8;
    padding-top: 50px;
    text-align: justify;
}
.cont-mid div:last-child{
    width:45%;
    text-align:center;
}
.cont-mid div:last-child img{
    width:50%;
}

/*内容4*/
.cont-mid4 {
    width:1200px;
    /*text-align: center;*/
    margin:0 auto;
    display: flex;
    padding: 50px 50px 10px;

}
.cont-mid4 div:first-child{
    width:40%;
    text-align: center;
}
.cont-mid4 div:first-child >img{
    width:50%;
    padding: 0 90px;
}
.cont-mid4 div:last-child{
    width:60%;
    text-align:left;
    padding: 20px 80px 0;
}
.cont-mid4 div:last-child p:first-child{
    font-size: 45px;
    color:#c8121b;
}
.cont-mid4 div:last-child p:last-child{
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.8;
    padding-top: 50px;
    text-align: justify;
}
/*4.0行业标准--结束*/

/*4.0行业标准 文字+图片效果*/

.tab-content div img{
    transition-duration:800ms;
    transition-timing-function:linear;
}
.tab-content div img:hover{
    background:#ece5e5;
    transform:translatey(-10px) scale(0.95);
    box-shadow:5px 10px 10px -7px #000;
}
.navtab li a p{
    animation:fadeIn 4s;
}


/*网上直播展馆开始*/
.content-online{
    width:1200px;
    margin:0 auto;
}
.content-online .online {
    width:100%;
    margin-bottom: 30px;
}
.content-online .online h2{
    font-size: 32px;
    line-height: 1em;
    color: #595757;
    margin:100px 0 31px;
}
.content-online .online .txt {
    font-size: 18px;
    color:  #595757;
    line-height: 1.8em;
    margin:20px 0;
    letter-spacing: 1px;
    text-align:justify;
    text-indent: 2em;

}
.content-online .online .txttitle {
    font-size: 18px;
    color:#c8121b;;
    line-height: 1.8em;
    /*margin-bottom: 20px;*/
    font-weight: 600;
}

.content-online .online img{
    display: block;
    margin:0 auto;
    width:60%;
}
    /*新增子页面--关于新之航-新之航创意-开始*/
.right .new-idea{
    width:100%;
    /*display: flex;*/
    /*justify-content:start;*/
    /*text-align:center;*/
    /*flex-wrap:wrap;*/
    /*margin:0 auto;*/
}
.right .new-idea p{
    width:100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap;
}
.right .new-idea  .idea-p1{
    font-size: 18px;
    padding: 30px 0 10px;
    color:#595757;
    text-align:left;
}
.right .new-idea  .idea-detail{
    font-size: 18px;
    padding-top:10px;
    color:#595757;
    text-align:left;

}

.right .new-idea .idea-p2{
    font-size: 18px;
    padding: 30px 0;
    text-align:center;
    color:#595757;
}
.right .new-idea .img-play1 >img{
    width:49.5%;
    /*height:356px;*/
    margin-bottom:9px;
    max-height:356px;
    min-height:105px;
    object-fit:cover;

}

.right .new-idea .img-play1-1 >img{
    width:32.4%;
    /*height:324px;*/
    max-height:324px;
    min-height:90px;
    object-fit:cover;
    /*border:1px solid #ddd;*/
}

.right .new-idea .img-play2 >img{
    width:49.5%;
    /*height: 268px;*/
    max-height:268px;
    min-height:75px;
    object-fit:cover;
}

.right .new-idea .img-play3 >img{
    width:24.3%;
    height: 418px;
    max-height:418px;
    min-height:130px;
    object-fit:cover;
    padding-bottom: 9px;
}
/*新增子页面--关于新之航-新之航创意-结束*/

/*新增子页面--关于新之航-新之航创意-xin*/
.new-idea .cy1{
    width:100%;
    margin:0 auto;
    height:100%;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-around;
}
.new-idea .cy1>div{
    width:49%;
    height:auto;
    margin-bottom: 10px;
}
.new-idea .cy1>div>img{
    width:100%;
    height:auto;
    vertical-align: middle;
}

.new-idea .cy2{
    width:100%;
    margin:0 auto;
    height:100%;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-around;

}
.new-idea .cy2>div{
    width:33%;
    height:auto;
    margin-bottom: 10px;
}
.new-idea .cy2>div>img{
    width:100%;
    height:auto;
    vertical-align: middle;
}

.new-idea .cy3{
    width:100%;
    margin:0 auto;
    height:100%;
    object-fit:fill;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-around;

}
.new-idea .cy3>div{
    width:24%;
    height:auto;
    margin-bottom: 10px;
    max-height:412px;
    min-height:98px;
}
.new-idea .cy3>div>img{
    width:100%;
    height:100%;
    vertical-align: middle;
    object-fit:fill;
}
/*新增子页面---全球学习--开始*/



/*新增子页面---全球学习--结束*/

/*晚上直播响应式*/
.main-t{
    height:100px;
}
.jt-detail{
    width:890px;
}
/*网上直播展馆结束*/
@media screen and (max-width:1200px){
    .content-online{
        width:94%;
    }
    .content-online .online h2{
        padding: 0 15px 0;
    }
    .casetitle2 {
        width:100%;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .cont1 ul{
        width:100%;
    }
    .cont2 .cont-mid{
        padding-left: 0;
        width:94%;
    }
    .cont2 .main-pic{
        width:100%;
    }
    .cont-mid4{
        width:94%;
        padding-left: 0;
    }
    .cont-mid div:first-child{
        padding: 0;
    }

}

/*智能展馆详情页开始*/
.content-2-main .tech-p{
    padding-top: 40px;
    font-size: 18px;
    color:#595959;
    line-height:1em;
}
.content-2-main .tech-h2{
    font-size:26px;
    color:#595959;
    line-height:1em;
    position: relative;
    padding-top: 20px;
}
.content-2-main .tech-h2 a{
    position: absolute;
    right:0;
}
.content-2-main .tech-h2 a img{
    width:35px;
    height:auto;
}
/*智能展馆详情页结束*/
.case5-all{
    width: 1200px !important;
    margin:0 auto;
}
/*十二大理由 手机端适配--开始*/
@media screen and (max-width:1200px) and (min-width:768px){
    .casetitle2>li{
        width:7.5%;
        padding:5px 1px 5px;
    }
    .casetitle2 li  img{
        width:20px;
        height:20px;
        padding-bottom: 5px;
    }
    .detail1 .main-t{
        font-size: 28px;
    }
    .detail1 .title-detail1{
        width:94%;
        margin: 0 auto;
    }
    .detail1 .title-detail1 > div{
        width:50%;
        padding: 20px 0 0;
    }
    .tdetail2{
        font-size: 18px;
    }
    .case1-img{
        width:95%;
    }
    .case3-detail .case6-detail span{
        font-size:30px;
    }
    .case5-detail div .main-t{
        font-size: 28px;
    }
    .tdetail2{
        padding:0 12px 0;
    }
    .detail1 .title-detail1 div div .tdetail1{
        margin-left: 12px;
    }
    .case5-detail{
        width:94%;
        margin:0 auto;
    }
    .case5-detail div .main-t{
        margin-left: 12px;
    }
    .case5-detail >div .case5-main{
        width:56%;
        padding:0 12px 0 0;
    }
    .detail1 .title-detail8{
        width:94%;
        flex-wrap:wrap;
        justify-content: space-around;
    }
    .detail1 .title-detail8 > div{
        width:50%;
        padding: 0;
        padding-top: 20px;
    }
    .detail1 .title-detail10{
        width:100%;
    }
    .detail1 .title-detail8 div .case1-img{
        width:95%;
    }
    .content-online .online h2{
        font-size: 26px;
    }

/*    4.0行业标准*/
    .navtab li p:first-child{
        font-size: 30px;
    }
    .cont2 .cont-title{
        font-size: 30px;
        margin: 40px 0 20px;
    }
    .cont2 .main-pic{
        width:100%;
    }
    .cont-mid div:first-child p:first-child{
        font-size: 30px;
    }
    .cont-mid4 div:first-child >img{
        width:60%;
        padding: 20px;
    }
    .cont-mid4 div:last-child p:first-child{
        font-size: 30px;
    }
    /*潮玩设计 图片兼容360设置*/
    .right .new-idea .img-play1 img{
        max-height:320px;
        min-height:280px;
    }

    .right .new-idea .img-play1-1 img{
        min-height:253px;
        max-height:300px;
    }

    .right .new-idea .img-play2 img{
        min-height:203px;

    }

    .right .new-idea .img-play3 img{
        min-height:322px;
        max-height:320px;
    }
    .map{
        height:350px;
    }
}
@media screen and (min-width:1200px){
    .detail1 .main-t{
        margin: 40px 0 50px!important;
    }
}
@media screen and (min-width:1100px) and (max-width:1200px){
    .right .new-idea .img-play1-1 img{
        max-height:320px;
    }
}
@media screen and (min-width:885px) and (max-width:1101px){
    .right .new-idea .img-play1-1 img{
        max-height:300px;
    }
}

.main-tt{
    color:#c8121b;
    font-size:15px;
    font-weight: 600;
    padding: 30px 0;
    text-indent:1em;
}
.kong-p{
    height:140px;
}
@media screen and (min-width:812px) and (max-width:884px){
    .right .new-idea .img-play1-1 img{
        max-height:275px;
    }
}
@media screen and (min-width:768px) and (max-width:811px){
    .right .new-idea .img-play1-1 img{
        max-height:240px;
    }
}

@media screen and (min-width:700px) and (max-width:767px){
    .right .new-idea .img-play1-1 img{
        max-height:240px;
    }
}
@media screen and (min-width:640px) and (max-width:699px){
    .right .new-idea .img-play1-1 img{
        max-height:220px;
    }
}
@media screen and (min-width:600px) and (max-width:639px){
    .right .new-idea .img-play1-1 img{
        max-height:180px;
    }
}
@media screen and (min-width:550px) and (max-width:599px){
    .right .new-idea .img-play1-1 img{
        max-height:160px;
    }
}
@media screen and (min-width:500px) and (max-width:549px){
    .right .new-idea .img-play1-1 img{
        max-height:140px;
    }
}
@media screen and (min-width:400px) and (max-width:499px){
    .right .new-idea .img-play1-1 img{
        max-height:110px;
    }
}
@media screen and (min-width:320px) and (max-width:400px){
    .right .new-idea .img-play1-1 img{
        max-height:80px;
    }
}
@media screen and (min-width:550px) and (max-width:599px){
    .right .new-idea .img-play1-1 img{
        max-height:160px;
    }
}
@media screen and (min-width:500px) and (max-width:767px){
    .detail1 .main-t{
        margin-bottom:50px;
    }
    .main-tt{
        font-size: 15px;
        padding: 30px 0;
        text-indent:0;
    }
    .kong-p{
        height: 0px;
    }

    .casetitle2>li{
        width:16%;
    }
    .detail1 .main-t{
        font-size: 26px;
        line-height: 1.2;
    }
    .detail1 .title-detail1 div div .tdetail1 span{
        font-size: 26PX;
    }
    .detail1 .title-detail1{
        width:94%;
        margin: 0 auto;
    }
    .detail1 .title-detail1 > div{
        width:47%;
        padding:6px;
    }
    .detail1 .case3-detail{
        height:auto;
        margin-bottom: 20px;
    }
    .case5-detail div .main-t{
        font-size: 26px;
    }
    .case3-detail .case6-detail span{
        font-size: 26px;
    }
    .detail1 .title-detail7 div:first-child{
        width:94%;
    }
    .detail1 .title-detail7 div:last-child .case1-img{
        width:49%;
        padding: 0;
    }
    .detail1 .title-detail8{
        width:94%;
    }
    .detail1 .title-detail8 > div{
        width:32%;
        padding: 0;
        padding-bottom: 10px;
    }
    .detail1 .title-detail8 > div img{
        width:100%;
    }
    .detail1 .title-detail10{
        width:100%;
    }
    .detail1 .title-detail1 div div{
        margin-bottom: 50px;
    }

/*    4.0行业标准 */
    .navtab li p:first-child{
        font-size: 30px;
    }
    .navtab li p:last-child{
        font-size: 18px;
    }
    .cont2 .cont-title{
        font-size: 30px;
        margin: 40px 0 20px;
    }
    .cont-mid div:first-child p:first-child{
        font-size: 30px;
    }
    .cont2 .cont-mid{
        width:94%;
        padding: 50px 0 0;
    }
    .cont-mid div:last-child img{
        width:80%;
    }
    .cont-mid4 div:first-child >img{
        width:100%;
        padding: 0;
    }
    .cont-mid4 div:last-child{
        padding: 20px 0 0;
    }
    .cont-mid4{
        width:94%;
        padding: 50px 0 0;
    }
    .cont-mid4 div:first-child >img{
        width:80%;
    }

/*    潮玩设计  图片兼容360浏览器设置*/

    .right .new-idea .img-play1 img{
        min-height:180px;
    }

    .right .new-idea .img-play1-1 img{
        min-height:163px;
    }

    .right .new-idea .img-play2 img{
        min-height:131px;
    }

    .right .new-idea .img-play3 img{
        min-height:212px;
        max-height:200px;
    }
    .map{
        height:300px;
    }

}
@media screen and (max-width:603px) and (min-width:500px){
    .pt{
        height: 110px ;
    }
}
@media screen and (min-width:501px){
    .detail2-d{
        width: 30% !important;
    }
}

@media screen and (min-width:1200px){
    .detail1 .main-t{
        margin: 40px 0 50px ;
    }
}

@media screen and (max-width:500px){
    .cont-last{
        margin-bottom: 0!important;
    }
    .casetitle2>li{
        width:15%;
    }
    .casetitle2>li p{
        font-size: 12px;
    }
    .detail1{
        width:94%;
    }
    .detail2-d{
        width: 94% !important;
    }
    .detail1 .title-detail1 > div{
        width:94%;
        padding: 0 5px 0;
    }
    .tdetail2{
        /*height:auto!important;*/
    }
    .detail1 .title-detail8{
        width:100%;
    }
   #cases8 .detail1 .title-detail8{
        width:94%;
    }
    .detail1 .title-detail8 > div{
        width:50%;
        padding: 0;
    }
    #detail1 .detail1{
        width:100%;
    }
   .case1-img{
       padding-bottom: 10px;
       width:94%;
   }
    .title-detail8 div .case1-img{
        width:94%;
    }
    .content-online .online h2{
        font-size: 20px;
    }
    .content-online .online .txt{
        font-size: 14px;
    }
    .detail1 .main-t{
        font-size: 20px;
        line-height: 1.2;
    }
    .detail1 .title-detail1 div div .tdetail1{
        font-size: 14px;
    }
    .detail1 .title-detail1 div div .tdetail1 span{
        font-size: 20px;
    }
    .detail1 .title-detail1 div div{
        margin-bottom:30px;
    }
    .detail1 .case3-detail{
        height:auto;
        margin-bottom: 20px;
    }
    .detail1 .case3-detail{
        margin-bottom: 20px;
    }
    .case5-detail div .main-t{
        font-size: 20px;
    }
    .case5-detail >div .case5-main{
        width:100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .case5-detail >div .case5-main .case5-d{
        padding-right: 0;
    }
    .case5-detail >div .case5-main .case5-d ul li{
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .case5-detail >div .case5-main .case5-d ul li{
        text-align: center;
    }
    .case5-detail >div p:first-child{
        display: none;
    }
    .case5-detail{
        padding-top: 0;
    }
    .detail1 .case3-detail{
        font-size: 14px;
    }
    .detail1 .case3-detail span{
        font-size: 18px;
    }

    .case3-detail .case6-detail span{
        font-size: 20px;
    }
    .detail1 .title-detail7 div:first-child{
        width:100%;
        display: flex;
        flex-wrap:wrap;
    }
    .detail1 .title-detail7 div:last-child{
        margin-left: 45%;
    }
    .detail1 .title-detail7 div:last-child .case1-img{
        width:100%;
    }
    .detail1 .title-detail10{
        width:100%;
    }
    .detail1 .title-detail1{
        width:100%;
        height:auto;
    }
    .detail1{
        width:100%;
    }
    .detail1 .title-detail1 .case1-img{
        width:100%;
        height:auto;
    }
    .case1-img12{
        width:94%;
    }

    .case-detail-tit4{
        padding-top: 30px;
        font-size:20px;
    }
    /*十二大理由 手机端适配--结束*/

/*    4.0行业标准 适配*/
    .navtab li p{
        font-size: 12px;
    }
    .tab-content div p{
        font-size: 14px;
    }
    .cont1 ul li span{
        display: inline-block;
    }
    .cont2 .cont-mid{
        flex-wrap: wrap;
        justify-content:center;
        text-align: center;
        padding: 30px 0 0;
    }
    .cont-mid div:first-child{
        width: 100%;
    }
    .cont-mid div:last-child img{
        width:100%;
    }
    .cont-mid4{
        padding: 30px 0 0 ;
        flex-wrap: wrap;
        justify-content:center;
        text-align: center;
    }
    .cont-mid4 div:first-child{
        width:100%;
    }
    .cont-mid4 div:last-child{
        width:100%;
        padding: 50px 0 0;
    }
    .cont-mid4 div:last-child p:first-child{
        font-size: 20px;
    }
    .cont-mid4 div:last-child p:last-child{
        font-size: 14px;
        padding-top: 20px;
    }
    .cont-mid div:last-child{
        width:60%;
    }
    .cont-mid div:last-child{
        width:100%;
    }
    .cont-mid div:last-child img{
        width:65%;
    }
    .cont-mid4 div:first-child >img{
        width:65%;
        padding: 0;
    }
    .cont2 .cont-title{
        font-size: 20px;
        margin: 40px 0 0;
    }
    .cont-mid div:first-child p:first-child{
        font-size: 20px;
    }
    .cont-mid div:first-child p:last-child{
        font-size: 14px;
        padding-top: 20px;
    }
    .cont2 .cont-mid{
        padding: 50px 0 0;
    }
    .navtab li p:first-child{
        font-size: 20px;
    }
    .navtab li p:last-child{
        font-size: 12px;
    }
    .case-control a{
        font-size: 18px;
    }
  .res-img{
    padding-top: 66px;
}

    /*    潮玩设计  图片兼容360浏览器设置*/

    .right .new-idea .img-play1 img{
        min-height:115px;
        max-height:180px;
    }

    .right .new-idea .img-play1-1 img{
        min-height:104px;
        max-height:145px;
    }

    .right .new-idea .img-play2 img{
        min-height:84px;
        max-height:200px;
    }

    .right .new-idea .img-play3 img{
        /*min-height:139px;*/
        /*max-height:160px;*/
    }

    /*12大理由 响应式*/
    .case-zs1{
        width:100%;
        margin:0 auto;
        padding-top: 10px;
    }
    .case-zs1>img{
        width:100%;
        margin-bottom: 5px;
        padding-bottom: 5px;
        padding-bottom: 0 !important;
    }
    .case-zs2{
        width:100%;
        margin:0 auto;
        padding-top: 0!important;
    }
    .case-zs2>img{
        width:100%;
        margin-bottom: 5px;
        padding: 0;
        padding-bottom: 5px;
        padding-bottom: 0 !important;
    }
    .case7-main>.detail1{
        margin-bottom: 20px!important;
    }


}

@media screen and (max-width:350px) and (min-width:320px){
    .right .new-idea .img-play1-1 img{
        max-height:110px;
    }
}
@media screen and (max-width:400px) and (min-width:351px){
    .right .new-idea .img-play1-1 img{
        max-height:130px;
    }
}


/* 新之航---集团资质*/
 .main-title{
    line-height: 1.5;
    text-align: center;
    font-size: 31px;
    color:#c8121b;
    margin: 0 0 50px;
    font-weight:600;
    letter-spacing:2px;
}
.qual-detail{
    width:100%;
    margin: 0 auto;
}
 .qual-detail div:first-child{
    width:100%;
    display: flex;
    margin: 0 auto;
}

.qual-detail .qual-div{
    width:100%;
}
 .qual-detail .qual-div img{
    width:48%;
     padding-left: 1.5%;
}
 .qual-detail .qual{
    text-align: center;
    width:48%;
    border:1px solid #898989;
    margin: 0 auto;
    padding-top: 20px;
    padding-left: 1.5%;
}
 .qual-detail .qual{
    width:45%;
}
 .qual-detail .qual span{
    display: block;
    text-align: left;
    font-size: 14px;
    color:#333;
    margin-bottom: 10px;
    padding-right: 10px;
}
 .qual-detail .qual span:nth-child(2){
    border-right: 2px solid #DCDDDD;
}
 .qual-detail div:last-child{
    margin-top: 40px;
}
 .qual-detail div:last-child .case1-img{
    width:47%;
    padding: 1%;
}
.six-c div .main-title{
    font-size: 30px;
    color: #c8121b;
    line-height: 1em;
    padding-top: 30px;
}
 .main-p2{
     text-align: center;
     font-size: 14px;
     color:#898989;
     height:120px;
 }
 .global-d{
     width:100%;
     margin: 0 auto;
     display: flex;
     flex-flow: row wrap;
     justify-content: space-around;
     justify-items: center;
 }
.global-d> div{
    width:15.9%;
}
.global-d> div img{
    width:100%;
}
/*新增--社会责任页面-开始*/

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    color: #c8121b !important;
    font-size: 18px;
}                           
.nav-tabs>li>a{
    color:#595757;
    font-size: 18px;
}
.tab2 div h2{
    font-size: 26px;
    color:#c8121b;
    text-align: center;
    margin:30px 0;
}

.tab2 div .p-m{
    text-align:center;
    margin-top: 10px;
    font-size: 18px;
    color:#595757;
}

.tab2 div .p-n{
    font-size: 18px;
    color:#595757;
    width:100% ;
    margin:auto;
    padding: 5px 0 20px;
    text-align: center;

   }
.p-intend{
    font-size: 18px;
    color:#595757;
    width:100% ;
    margin:auto;
    padding: 5px 0 20px;
    text-align:justify;
    text-indent: 2em;
}
.tab2 div img{
    width:100%;
    height:auto;
    text-align:center;
    margin: 10px 0;
}
.tab2 .tab-pane{
    text-align:center;
    padding-top: 40px;
}

.tab2 div img{
    transition-duration:0ms;
    transition-timing-function:initial;
}
.tab2 div img:hover{
    background:none;
    transform:none;
    box-shadow:none;
}
/*新增--社会责任页面-结束*/


/*手机端*/
@media screen and (max-width:1280px) and (min-width:768px){
    .tab2 div img{
        padding: 5px 0;
    }

}
@media screen and (max-width:500px) and (min-width:767px){
    .tab2 .tab-pane{
        padding-top: 15px;
    }
}
@media screen and (max-width:500px){
    .p-intend{
        font-size: 14px;
        padding: 5px 0;
    }
    .tab2 div img{
        margin:5px 0;
    }
    .content-2-main{
        padding: 50px 0!important;
    }
    /*  社会责任*/
    .nav-tabs{
        padding-right: 0;
    }
    .footer-phone .phone-up .p-ul .p-ulli>a{
        font-size: 14px;
    }
    .tab2 .tab-pane{
        padding-top: 0;
    }
    .tab2 div .p-n{
        font-size: 14px;
    }
/*    12大理由*/
    .content-2 .case7-main{
        background:none;
    }
    .detail1 .title-detail7 div:last-child{
        margin-left:0;
        margin:0 auto;
        padding:10PX 0;
    }
    .detail1 .title-detail7 div:last-child .case1-img{
        padding: 0;
    }
    .content-2 .content-2-main{
        padding:10px 0 20px;
    }
    .case5-detail >div{
        background:none;
    }
    .detail1 .title-detail1 div div .tdetail1{
        margin-top: 0;
        margin-bottom: 10px;
    }
    p.main-t{
        height:auto;
        margin:0 0 50px!important;
    }
    .case4{
        padding: 10px 0 20px !important;
   }
    .map{
        height:200px;
    }
/*    潮玩创意  单张排布 手机端*/
    .right .new-idea .img-play3 img{
        width:49.5%;
        height:auto;
        padding-bottom: 5px;
    }
    .jt-detail{
        width: 99% !important;
    }


    .new-idea .cy3>div{
        width:49%;
        margin-bottom: 5px;
    }
    .new-idea .cy1>div{
        margin-bottom: 5px;
    }
    .case5-detail div .main-t{
        text-align:center;
    }
    .detail1 .title-detail7 .tdetail7{
        width:100%;
    }
    .detail1 .title-detail7>div:first-child>p:first-child{
        margin-bottom: 10px;
    }
}