/*巨幕*/
@import url("jumbotron.css");
/*介绍*/
.progress{margin:2% 0;}
.progress-height{height:2px;margin:20px 0;}
.content-box{margin:20% 0;}
.container-primary{display: flex;justify-content: center;align-items: center;font-size: 1rem;margin:5% 0;padding:1%;}
.container-primary:nth-child(4),.content-box:nth-child(2){background: #F7FCFF;}
.pic-one{padding:2% 5% 2% 0;}
.content-box .container-primary div div h5{font-size: 1.6rem;font-weight:bold;cursor:pointer;}
.content-box .container-primary div p{font-size: 1.4rem;cursor:pointer;}
.pic-two{padding:2% 0 2% 5%;}
.container-primary .img-two{cursor:pointer;}
.container-primary div:last-child img{max-width:100%;cursor:pointer;}
.container-primary img:hover{opacity:.9;}
.text-width{max-width: fit-content;}



/*内容底部*/
.content-footer{background-image:url("http://qiniu.xinwell.com/hk/chinahuakun/ch/assets/img/assets/bg/introduce.png");display:flex;justify-content:center;align-items:center;background-repeat:round;color:#fff;padding:15%;text-align: center;max-height:500px;}
.content-footer div h5{font-size: 1.4rem;font-weight:bold;}
.content-footer div span{display:block;width:20%;height:2px;background-color:white;margin:2% auto;}

/*响应式*/
@media screen and (min-width: 1200px){

    /*主内容*/
    .content-footer div h5,.content-footer div p,.content-footer div span,.pic-three img,.content-box .container-primary div div h5,.content-box .container-primary div div h5 span,.content-box .container-primary div p,.content-box,.container-primary>.pic-one+div,.container-primary>.pic-one{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    .content-footer div h5{font-size: 4rem;}
    .content-footer div p{font-size: 1.8rem;max-width:585px;line-height:3.8rem;}
    .content-footer div span{height:1px;max-width:124px;
    margin:5% auto;
    }
    .pic-three img{max-width: 300px;width:300px;}
    .content-box .container-primary div div h5{font-size: 2.4rem;font-weight:bold;}
    .content-box .container-primary div div h5 span{color:#169FE6}
    .content-box .container-primary div p{font-size: 1.8rem;}
    .content-box{margin:5% 0;}
    .container-primary>.pic-one+div{flex-shrink: 0;flex-grow: 1;}
    .container-primary>.pic-one{flex-shrink: 1;flex-grow: 1;}
    /*.content-box:first-child{margin:0;}*/
}
@media screen and (min-width: 768px){
    .container-fluid{padding:0;}
    .container-primary{margin:2% 17%;padding:0;}
}
@media screen and (min-width: 500px) and (max-width: 1199px) {
    /*主内容部分*/
    .content-box,.container-primary>.pic-one+div,.container-primary>.pic-one{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;}
    .content-box{margin:10% 0;}
    .container-primary>.pic-one+div{flex-shrink: 0;flex-grow: 1;max-width:200px;}
    .container-primary>.pic-one{flex-shrink: 1;flex-grow: 1;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    /*主内容底部*/
    .content-footer div h5, .content-footer div p{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;}
    .content-footer div h5{font-size: 2.4rem;}
    .content-footer div p{font-size: 1.6rem;}
}
@media screen and (min-width: 500px) and (max-width: 991px) {
    /*主内容底部文字*/
    .content-footer div h5, .content-footer div p{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;}
    .content-footer div h5{font-size: 1.8rem;}
    .content-footer div p{font-size: 1.4rem;}
}
@media screen and (min-width: 500px){
    .box-one{display: none;}
}
@media only screen and (max-width: 499px) {
    /*主内容*/
    .container-primary{display: none;}
    .content-box h5{font-size:1.6rem;font-weight:bold;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;}
}