body{
    font-family:"微软雅黑";
}
.pc_interface {
    font-size: 16px;
    max-width:1920px;
    width:100%;
    margin:0 auto;
    position:relative;
}
.small_interface {
    display: none;
    font-size: 16px;
}

/*强制横向排列*/
.disp_r{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;}
/*强制纵向排列*/
.disp_c{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;}
/*设置的节点自动占满剩余的空间*/
.flex1{flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;}
.flex2{flex:2;-webkit-flex:2;-moz-flex:2;-ms-flex:2;}
.flex3{flex:3;-webkit-flex:3;-moz-flex:3;-ms-flex:3;}

/*子节点居住*/
.jus_center{justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;}
/*子节点两边置顶 中间平均分配*/
.jus_between{justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;}
/*子节点剩余空间平均分配*/
.jus_around{justify-content:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-o-justify-content:space-around;}
/*横---反向排列*/
.flex_r{flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;}
/*纵---反向排列*/
.flex_c{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;-o-flex-direction:column-reverse;}
/*换行*/
.flex_w{flex-wrap:wrap;-webkit-flex-wrap:wrap;  -moz-flex-wrap:wrap;-ms-flex-wrap:wrap;}






/* pc端 css */
.pc_interface{width:100%;margin:0 auto;}
.pc_interface .header{width:1240px !important;;margin:0 auto;}
.pc_interface .header .logo{
    padding: 1vw 0px;
    padding-right:5%;
    width:28%;
    min-width:250px;
    max-width:315px;

}
.pc_interface .header .logo img{
    display:block;
    width:100%;
}
.title_text {color:#fff;}
.title_text .text_msg1{font-size:34px;padding-bottom: 2%;}
.title_text .text_msg2{font-size:24px;}

.nav_title .nav_text{
    width:150px;
    text-align:center;
    color:#333;
}
.nav_title .nav_text a{
    color:#333;
    font-weight:600;
}
.title_img{padding:6% 0;}
.title_img .img_text{font-size:26px;padding:0% 0.8em;}
.pc_interface .section .banner {
    min-width:1240px;;
    position: relative;
}
.pc_interface .section .banner .banner_pic img {
    display: block;
    width: 100%;
}
.pc_interface .section .banner .title_text{
    position: absolute;
    top: 20%;
    left: 3%;
    padding: 4.25% 10.938%;
}   
.pc_interface .section .banner .title_text img {
    display: block;
}

.pc_interface .section .banner .title_text .download_btn{
    position: absolute;
    left: 0;
    top:0;
    width:75%;

}
.pc_interface .section .banner .title_text .download_btn img {
    display: block;
    width: 100%;
}
.pc_interface .section .banner .title_text .download_btn a{
    display: inline-block; 
    width: 65%;
}
.pc_interface .section .banner .title_text .download_btn a:first-child{
    margin-bottom: 9%; 
}

.pc_interface .section .banner .title_text .download_btn.pc_interface .section .banner .title_text .download_btn .android{
    display: block;
    margin-bottom:36px;
}

.pc_interface .section .banner .title_text .download_scanning{
    position: absolute;
    right: 0;
    top:0;
    width: 33.64%;
    font-size: 16px;
    color: #fff;
}
.pc_interface .section .banner .title_text .download_scanning img{
    width: 100%;
}
.pc_interface .section .banner .title_text .download_scanning p{
    min-width:140px;
    margin-top: 4%;
    font-size: 0.9em;
}
.pc_interface .section .briefing_list {
    padding: 6% 10.5%;
    padding-top:0%;
    background: #fff;
    font-size: 0;

}
.briefing_list .icon{width:100%;}
.pc_interface .section .briefing_list div {
    /*display: inline-block;*/
    /*width: 24%;*/

    text-align: left;
}

.pc_interface .section .briefing_list div .title {
    font-size: 20px;
    color: #333;
    text-align:center;
    padding:0.5vw 0;
    padding-top:1.2vw;

    /*margin: 20px 0 13px;*/
}

.pc_interface .section .briefing_list div .introduce {
    font-size: 16px;
    color: #666;
    text-align:center;

}
.pc_interface .section .briefing_list .icon{
    width:29%;
    margin:0 auto;
    max-width:75px;
}
.pc_interface .section .briefing_list .icon img{
    width:100%;
}


.pc_interface .section .briefing {
    text-align: center;
    background:rgb(251,250,246);
    /*padding-top:70px;*/
    /*padding-bottom:70px;*/
    padding:1.5% 0;
    width:100%;
    
}
.pc_interface .section .briefing .briefing_content{
    width:1240px;;
    margin:0 auto;
    background:#fff;
}

.pc_interface .section .content{
    width:1240px;;
    margin:0 auto;
    padding:0 0%;
}
.pc_interface .section .briefing .briefing_bg {
    position: relative;
    /*display: inline-block;*/
    /*width: 60%;*/
    /*min-width:1240px;;*/
    padding:4VW 4VW;
} 
.pc_interface .section .briefing .briefing_bg img {
    display: block;
    width: 100%;
    margin: auto;
}
.pc_interface .section .briefing .briefing_bg  .txt{
    position: relative;
    /*top: 50%;*/
    right: 0px;
    /*width: 48.5%;*/
    /*transform: translateY(-50%);*/
    font-size:16px;
    line-height:1.5em;
    text-indent: 0em;
    color: #333;
    padding-left:3%;
    padding-right:1.5%;
    text-align:left;
    color:#000;
}
.pc_interface .section .briefing .briefing_bg .ksp_name{text-indent:0.5em;font-size:1.35vw;}
.pc_interface .section .briefing .briefing_bg  .txt d{
    width:5px;background:#EE5140;margin-right:10px;margin-left:10px;
}
.pc_interface .section .briefing .briefing_bg  .txt .title{
    width:100%;line-height:20px;margin-bottom:5%;font-weight:600;text-indent:0.5em;
}
.pc_interface .section .briefing .briefing_bg  .txt div{
    width:100%;text-align:left;font-size:18px;
}
/* 底部 */
.pc_interface .footer {
    /*margin-top: 148px;*/
    background: #fff;
}
.pc_interface .footer .top {
    /*width: 90.5%;*/
    width:1240px;;
    padding:0 0%;
    margin: 0 auto;
    overflow: hidden;
}
.pc_interface .footer .top .left{
    /*float: left;*/
    color: #fff;
}
.pc_interface .footer .top .left span {
    display: block;
}
.pc_interface .footer .top .left span:first-child{
    font-size: 16px;
    color: #fff;
    padding-top: 32px;
}
.pc_interface .footer .top .left{
    padding:4% 0;
    font-size: 20px;
    color: #888;
}
.pc_interface .footer .top .left>div:nth-of-type(1) a{
    color:#000;/*margin-left:1em;*/
}
.pc_interface .footer .ico_pc{width:55px;margin-right:0.5em;}
.pc_interface .footer .ico_pc img{width:100%;}

.pc_interface .footer .top .left span:nth-of-type(2){
    /*margin-top:10px;*/
    font-size: 14px;
    color: #fff;
}
.pc_interface .footer .top .right {
    float: right;
    padding: 38px 0; 
    font-size: 0;
    text-align: right;
}
.pc_interface .footer .top .right > div{
    display: inline-block;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.pc_interface .footer .top .right > div p {
    line-height: 14px;
    margin-top:10px;
}
.pc_interface .footer .top .right > div:first-child{
    margin-right: 44px;
}
.pc_interface .footer .bottom {
    padding: 20px 0;
    border-top: 1px solid #EFEFEF;
    font-size: 14px;
    color: #999;
    text-align: center;
}
/* end pc端 css */


/* 移动端 css*/
.small_interface {
    font-size: 16px;
}
.small_interface img {
    display: block;
    width: 100%;
}
.small_interface header {
    position: relative;
}
.small_interface header .banner img{
    width: 100%;
}
.small_interface header .title_text{
    /*position: absolute;*/
    /*top: 3.22rem;*/
    background:#fff;
    width: 100%;

}
.small_interface header .title_text .download_btn {
    font-size: 0;
    margin: 0 1.16rem;
    overflow: hidden;
}
.small_interface header .title_text .download_btn a {
    /*float: left;*/
    width: 3.1rem;
    margin:0.3rem auto;
}
.small_interface header .title_text .download_btn a:last-child {
    float: right;
}
.small_interface header .title_text .download_scanning {
    width: 1.94rem;
    margin: 0.46rem auto 0;
}

.small_interface section .advantage h2 img{
    width: 2.04rem;
    margin: 0.9rem auto 0.5rem;
}
.small_interface section .advantage_list{
    overflow: hidden;
    padding-left: 0.25rem;
    padding-bottom: 0.42rem;
}
.small_interface section .advantage_list li {
    float: left;
    width: 50%;
    margin-bottom: 0.82rem;
}
.small_interface section .advantage_list li .icon{
    float: left;
    width: 0.85rem;
    margin-right: 0.1rem;
}
.small_interface section .advantage_list li .h3{
    float: left;
    width: 0.85rem;
    margin-right: 0.1rem;
}
.small_interface section .advantage_list li h3{
    font-size: 0.30rem;
    margin-bottom: 0.14rem;
}
.small_interface section .advantage_list li p{
    font-size: 0.26rem;
    color: #333;
}
.small_interface section .about_us {
    padding-top: 0.9rem;
    background: #fff;
}
.small_interface section .about_us h2 img{
    width: 4.5rem;
    margin: 0 auto 0.5rem;
}
.small_interface section .about_us .txt {
    padding: 0 0.25rem 0;
    padding-bottom: 1rem;
    text-align: center;
    font-size: 0.30rem;
    line-height: 0.5rem;
}
.small_interface footer {
    background: #fff;
    margin-top:0.5rem;
}
.small_interface footer .top {
    margin: 0 0.3rem 0.3rem;
    overflow: hidden;
}
.small_interface footer .top > div{
    float: left;
    width: 1.5rem;
    margin-right: 0.44rem;
}
.small_interface footer .top > div > p{
    font-size: 0.28rem;
    color: #999;
    text-align: center;
    margin: 0.24rem 0;
}
.small_interface footer .top > div.service{
    /*float: right;*/
    margin-left:0.7rem;
}
.small_interface footer .top > div.service .title{
    text-align: left;
    overflow: hidden;
}
.small_interface footer .top > div.service .time{
    font-size: 0.2rem;
    overflow: hidden;
    color:#999;
    line-height: 0.44rem;
}
.small_interface footer .top > div.service .time img{
    width: 0.48rem;
    /*float: left;*/
    margin-right: 0.18rem;
}
.small_interface footer .top > div.service .tell{
    text-align: left;
    font-size: 0.35rem;
    color:#999;
    line-height:0.5rem;
    /*font-weight: bold;*/
    margin:0.1rem 0;
}
.small_interface footer  .bottom{
    text-align: center;
    font-size: 0.25rem;
    color: #999;
    line-height: 0.5rem;
    border-top: 1px solid #ccc;
    padding:0.3rem 0;
}
.small_interface footer  .bottom a{color: #999;}
/* end 移动端 css */

/* 大屏部分 */
@media screen and (min-width: 1920px){
    .pc_interface {
        width: 1903px;
        margin: 0 auto;
    }
}
/* 中屏部分 */
@media screen and (max-width: 1240px;){
    /*.pc_interface {
        width: 1024px;
        margin: 0 auto;
    }*/
    .pc_interface .section .briefing .briefing_bg .txt{font-size:14px;}
    .pc_interface .section .briefing_list div .title{font-size:16px;}
    .pc_interface .section .briefing_list div .introduce{font-size:14px;}
    .title_img .img_text{font-size:20px;}
    .pc_interface .section .briefing .briefing_bg .txt .title{font-size:18px;}
    .title_text .text_msg1{font-size:26px;}

}
/* 小屏以下 */
@media screen and (max-width: 900px){
    .pc_interface {
        display: none;
    }
    .small_interface{
        display: block;
    }
}