/*巨幕*/
@import url("jumbotron.css");


/*介绍*/
.progress-height{height:2px;}
.progress{margin:2% 0;}
.box_data{color: #999999;text-align: right;padding-right:2%;}
.container-primary{display: flex;justify-content: center;align-items:center;}
.container-primary div:first-child{width:30%;}
.container-primary div{width:70%;}
.container-primary div img{max-width:100%;cursor:pointer;}
.container-primary div img:hover{opacity:.9;}
.pic-one{padding-left:5%;}
.pic-one h5{font-size:1.6rem;font-weight:bold;padding-bottom:2%;cursor:pointer;}
.pic-one p{font-size:1.4rem;cursor:pointer;}
.content-box{margin:5% 0;}

/*新闻详情页*/
.newsDetails{color:#444444;width:100%;margin:3% auto 0;}
.newsDetails h5{font-weight:bold;text-align: center;margin-bottom:2%;}
.sub_flex{display: flex;}
.sub_flex p{min-width:100px;flex-shrink:1;font-size:1rem;color: #444857;}
hr{margin:2% 0 0;}
.newsDetails img{margin:2% auto;width:98%;}
.newsDetails section p{text-indent:2em;color: #444444;}
.newsDetails button{border:none;background-color:#169FE6;color:#fff;margin-bottom:5%;}

/*展会详情页*/
.newsDetails section .video_text{text-indent: 0;line-height:2rem;margin-top:2%;}

/*人才招聘*/
#talentsDetails section ul:nth-child(2){display: flex;min-width: 290px;flex-wrap: wrap;align-content:flex-start;padding:0;}
#talentsDetails section ul li{line-height: 2rem;}
#talentsDetails section ul:last-child li:last-child{margin-bottom:5%;}
#talentsDetails ul:nth-child(2) li{border:0;flex-shrink: 1;flex-grow: 1;text-align: center;font-size:1.2rem;max-width: 25%;
    overflow:hidden;overflow-wrap: break-word;line-height:1.6rem;
}
#talentsDetails ul:nth-child(2) li+li:before{
    content: '|';
    padding: 5px;
    color: #D8D8D8;
}
#talentsDetails .newsDetails h5{text-align: left;}
#talentsDetails .newsDetails section h5{text-align:left;margin:2% 0;}
#talentsDetails .sub_flex{justify-content:space-between;}
/*响应式*/
@media screen and (min-width: 1200px){
    .box_data,.pic-one p,.pic-one h5,.newsDetails,.newsDetails h5,.sub_flex > p,.sub_flex + p,section p,section p:first-child,section button,#talentsDetails .newsDetails section h5,#talentsDetails .container section ul li{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;}
    /*主体内容*/
    .pic-one h5{font-size:2.6rem;font-weight:bold;padding-bottom:2%;}
    .pic-one p{font-size:1.8rem;}
    .box_data{margin-top:2%;}

    /*新闻详情页*/
    .newsDetails{width:85%;}
    .newsDetails h5{font-size:2.4rem;}
    .sub_flex > p{font-size:1.8rem;margin-left:5%;}
    .sub_flex + p{margin-left:5%;color: #999999;}
    section p{font-size:1.8rem;line-height:2rem;}
    section p:first-child{margin-top:2%;}
    section button{padding:1% 2.5%;font-size:1.8rem;}
    /*人才招聘*/
    #talentsDetails .newsDetails section h5{font-size:2rem;}
    #talentsDetails .container section ul li{font-size:1.8rem;line-height:4rem;}
}
@media screen and (min-width: 500px) and (max-width: 1199px) {
    .newsDetails,.newsDetails h5,.sub_flex > p,.sub_flex + p,section p,section p:first-child,section button,#talentsDetails .container section ul li,#talentsDetails .newsDetails h5{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;}
    /*新闻详情页*/
    .newsDetails{width:85%;}
    .newsDetails h5{font-size:1.6rem;}
    .sub_flex > p{font-size:1.4rem;margin-left:5%;}
    .sub_flex + p{margin-left:5%;color: #999999;}
    section p{font-size:1.6rem;line-height:1.8rem;}
    section p:first-child{margin-top:2%;}
    section button{padding:1% 2%;font-size:1.4rem;}
    /*人才招聘*/
    #talentsDetails .container section ul li{font-size:1.6rem;line-height:3rem;}
    #talentsDetails .newsDetails h5{font-size:1.8rem;}
}


@media screen and (min-width: 500px){
    .box-one{display: none;}
}
@media only screen and (max-width: 499px) {
    /*主内容*/
    .container-primary{display: none;}
    /*人才招聘*/
    #talentsDetails .newsDetails{width:90%;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;}
}

@media only screen and (max-width: 400px) {
    /*人才招聘*/
    #talentsDetails .newsDetails>h5:first-child{font-size:1.4rem;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;}
}
