html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 703%; }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html { font-size: 732.4%; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 750%; }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 781.25%; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 808.6%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size: 843.75%; }
}
body{
    padding: 0;
    margin: 0;
    border: 0;
    color: #fff;
    overflow-x: hidden;
    font-size: 0.16rem;
    font-family: "微软雅黑", sans-serif;
}
body h1{
    font-size: 0.28rem;
}
body h2{
    font-size: 0.26rem;
}
body h3{
    font-size: 0.24rem;
}
body h4{
    font-size: 0.22rem;
}
body h5{
    font-size: 0.2rem;
}
body h6{
    font-size: 0.18rem;
}
@media (max-width: 768px) {
    body{
        font-size: 0.1rem;
    }
    body h1{
        font-size: 0.22rem;
    }
    body h2{
        font-size: 0.2rem;
    }
    body h3{
        font-size: 0.18rem;
    }
    body h4{
        font-size: 0.16rem;
    }
    body h5{
        font-size: 0.14rem;
    }
    body h6{
        font-size: 0.12rem;
    }
}
body h1,body h2,body h3,body h4,body h5,body h6,body p,body a{
    margin: 0;
    padding: 0;
}
.col-xs-4{
    padding-left: 10px;
    padding-right: 10px;
}
.hidden{
    display: none;
}
body a:hover,body a:focus{
    text-decoration: none;
}
nav.navbar-default{
    padding: 0 2% 0 4%;
    background: #181d5d;
    border: none;
}
nav .navbar-brand{
    padding: 7px 0;
    width: 150px;
}
nav .navbar-brand > img{
    width: 100%;
    display: inline-block;
}
nav.navbar-default .navbar-toggle{
    cursor: pointer;
    border: none;
    padding: 0;
}
.navbar-toggle .icon-bar{
    width: 28px;
    height: 3px;
    margin: 6px 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background: none;
}
nav.navbar-default .navbar-toggle:focus{
    background: transparent;
}
nav.navbar-default .navbar-collapse{
    border:none;
}
nav.navbar-default .navbar-collapse::-webkit-scrollbar {
    display: none;
}
nav.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
}
nav.navbar-default .dropdown-menu{
    left: auto;
    right: 0;
    min-width: 140px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border: none;
}
nav.navbar-default .navbar-nav .dropdown .dropdown-toggle{
    font-weight: 600;
}
nav.navbar-default .navbar-nav > .open > a,
nav.navbar-default .navbar-nav > .open > a:hover,
nav.navbar-default .navbar-nav > .open > a:focus{
    background: rgba(0,0,0,0.2);
    color: #fff;
}
nav.navbar-default .dropdown-menu > li > a{
    padding: 15px;
    text-align: center;
    background: transparent;
    color: #fff;
}
nav.navbar-default .navbar-nav > li > a,
nav.navbar-default .navbar-nav > li > a:hover,
nav.navbar-default .navbar-nav > li > a:focus,
nav.navbar-default .navbar-nav > .active > a,
nav.navbar-default .navbar-nav > .active > a:hover,
nav.navbar-default .navbar-nav > .active > a:focus{
    color: #fff;
    background: transparent;
    padding: 15px;
}
@media (max-width: 992px) and (min-width: 768px) {
    nav.navbar-default .navbar-nav > li > a,
    nav.navbar-default .navbar-nav > li > a:hover,
    nav.navbar-default .navbar-nav > li > a:focus,
    nav.navbar-default .navbar-nav > .active > a,
    nav.navbar-default .navbar-nav > .active > a:hover,
    nav.navbar-default .navbar-nav > .active > a:focus{
        padding: 15px 10px;
    }
}
@media (min-width: 768px) {
    nav .navbar-nav{
        float: right;
        max-width: 78%;
    }
}
@media (max-width: 768px) {
    nav.navbar-default .dropdown-menu{
        background: transparent;
    }
    nav .navbar-nav .dropdown .dropdown-toggle{
        display: none;
    }
    nav .navbar-nav .dropdown .dropdown-menu{
        display: block;
    }
}
.img{
    width: 100%;
}
.title{
    color: #000;
    text-align: center;
    font-weight: bold;
}
.content{
    padding: 40px 20px 0;
}
.banner .hidden-xs{
    overflow: hidden;
    background: url(../images/banner-bg.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    height: 100%;
}
.banner .hidden-xs img{
    max-width: 814px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4%;
    width: 90%;
}
.banner .visible-xs{
    overflow: hidden;
    background: url(../images/banner-mobile.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    height: 100%;
}
.banner .visible-xs .top{
    max-width: 750px;
    position: absolute;
    top: 12%;
    left: 5%;
    width: 90%;
}
.banner .visible-xs .bottom{
    max-width: 245px;
    position: absolute;
    bottom: 12%;
    left: 5%;
    width: 30%;
}
/*大会概况*/
.background{
    overflow: hidden;
    background: #0b2e75;
    background-size: cover;
    padding-bottom: 60px;
}
.background .title{
    color: #fff;
}
.background .container{
    letter-spacing: 1px;
    line-height: 42px;
    margin-top: -10%;
}
.background .content div{
    margin-bottom: 40px;
    text-indent: 0.36rem;
}
.background .content div span{
    color: #f2ad18;
    font-weight: 600;
}
@media (max-width: 767px){
    .background{
        padding-bottom: 40px;
    }
    .background .content div{
        text-indent: 0.24rem;
    }
    .background .content div{
        margin-bottom: 20px;
    }
}
/*活动亮点*/
.lights{
    padding: 60px 0;
    background: #fff;
    color: #121a49;
}
.lights .content{
    text-align: center;
    padding-top: 0;
}
.lights .content div{
    padding-top: 60px;
}
.lights .content img{
    width: 100%;
    max-width: 50px;
}
.lights .content h6{
    padding-top: 20px;
    font-weight: bold;
}
.lights .content p{
    padding-top: 10px;
    white-space: nowrap;
}
@media (max-width: 767px) {
    .lights{
        padding: 40px 0;
    }
    .lights .content div{
        padding-top: 40px;
    }
    .lights .content img{
        max-width: 40px;
    }
}
@media (max-width: 650px) {
    .lights .content div{
        padding-top: 40px;
        position: relative;
        min-height: 150px;
    }
    .lights .content p{
        position: absolute;
        padding: 0 10px;
        white-space: nowrap;
        left: 50%;
        transform: translateX(-50%);
    }
}
/*环节设置*/
.parts{
    padding-top: 60px;
}
.parts .title{
    margin-bottom: -6%;
}
@media (max-width: 767px){
    .parts{
        padding-top: 0;
    }
}
/*出席人员*/
.guest{
    overflow: hidden;
    color: #262626;
    background: #dce9ff;
}
.guest .guest-back{
    position: relative;
    overflow: hidden;
}
.guest .guest-bg{
    position: absolute;
    left: 0;
    width: 100%;
}
.guest .content{
    padding: 20px 20px 0;
}
.guest .content div{
    text-align: center;
}
.guest .content div img{
    width: 100%;
    max-width: 177px;
}
.guest .content h6{
    margin: 10px 0 4px;
    font-weight: 600;
}
.guest .content .absolute p{
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.guest .content p{
    margin-top: 0;
}
.guest .col-xs-4{
    margin-top: 6%;
}
.guest .content p span{
    display: inline-block;
}
@media (max-width: 767px) {
    .guest .content p span{
        display: block;
    }
}
/*Battle长招募*/
.battle{
    padding: 0 0 60px;
    color: #000;
    position: relative;
}
.battle .img{
    max-width: 248px;
    width: 20%;
    position: absolute;
    right: 0;
    margin-top: -20%;
}
.battle .battle-bg{
    width: 100%;
    margin-top: 30px;
}
.battle .firm,.battle .medium,.battle .investor,.battle .other{
    display: inline-block;
    position: absolute;
    width: 205px;
    height: 100px;
    padding: 10px 0;
}
.battle .firm{
    background: #ffe1c4;
    border-right: 4px solid #f98939;
    left: 24%;
    top: 20%;
    text-align: right;
    padding-right: 10px;
}
.battle .medium{
    background: #aae0ff;
    border-left: 4px solid #2a7bf4;
    display: inline-block;
    position: absolute;
    right: 24%;
    top: 20%;
    padding-left: 10px;
}
.battle .investor{
    background: #edd0ff;
    border-right: 4px solid #b358ec;
    display: inline-block;
    position: absolute;
    left: 24%;
    bottom: 20%;
    text-align: right;
    padding-right: 10px;
}
.battle .other{
    background: #d6feb7;
    border-left: 4px solid #4fb62c;
    display: inline-block;
    position: absolute;
    right: 24%;
    bottom: 20%;
    padding-left: 10px;
}
.battle h5{
    margin-bottom: 10px;
    font-weight: 600;
}
@media (max-width: 992px){
    .battle .firm{
        left: 18%;
    }
    .battle .medium{
        right: 18%;
    }
    .battle .investor{
        left: 18%;
    }
    .battle .other{
        right: 18%;
    }
}
@media (max-width: 767px){
    .battle{
        padding: 0 0 40px;
    }
    .battle h5{
        margin-bottom: 4px;
    }
    .battle .firm,.battle .medium,.battle .investor,.battle .other{
        width: 150px;
        height: 76px;
    }
    .battle .firm{
        left: 12%;
    }
    .battle .medium{
        right: 12%;
    }
    .battle .investor{
        left: 12%;
        bottom: 16%;
    }
    .battle .other{
        right: 12%;
        bottom: 16%;
    }
}
@media (max-width: 500px){
    .battle{
        padding: 0 0 40px;
    }
    .battle .firm{
        left: 4%;
    }
    .battle .medium{
        right: 4%;
    }
    .battle .investor{
        left: 4%;
        bottom: 10%;
    }
    .battle .other{
        right: 4%;
        bottom: 10%;
    }
}
@media (max-width: 360px){
    .battle{
        padding: 0 0 40px;
    }
    .battle .firm,.battle .medium,.battle .investor,.battle .other{
        width: 143px;
        height: 66px;
        padding: 4px 0;
    }
    .battle .firm{
        padding-right: 4px;
    }
    .battle .medium{
        padding-left: 4px;
    }
    .battle .investor{
        padding-right: 4px;
    }
    .battle .other{
        padding-left: 4px;
    }
}
/*Battle长优势*/
.super{
    padding: 40px 0 60px;
}
.super .title{
    margin-bottom: -4%;
}
@media (max-width: 767px){
    .super{
        padding: 20px 0 20px;
    }
}
/*主题设置*/
.theme{
    background: #2e94df;
}
.theme .title{
    color: #fff;
}
.theme .flex-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}
.theme .flex-left{
    width: 40%;
}
.theme .flex-right{
    width: 56%;
}
.theme .flex-right h4{
    background: url(../images/theme-tb1.png) no-repeat left center;
    background-size: contain;
    margin-top: 10px;
    padding-left: 36px;
}
.theme .flex-right h5{
    margin-top: 30px;
    line-height: 24px;
    color: #0a335f;
}
.theme .flex-right h5 span{
    display: inline-block;
    background: url(../images/theme-tb2.png) no-repeat left center;
    background-size: contain;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin-right: 4px;
    color: #fff;
}
.theme .flex-right h6{
    margin-top: 10px;
    padding-left: 28px;
}
@media (max-width: 460px){
    .theme .flex-right h4{
        padding-left: 28px;
    }
    .theme .flex-right h5{
        margin-top: 10px;
    }
    .theme .flex-right h5 span{
        width: 18px;
        height: 18px;
        line-height: 18px;
    }
    .theme .flex-right h6{
        padding-left: 20px;
    }
}
/*大会议程*/
.agende{
    padding: 60px 0;
    background: #fff;
    color: #262626;
    position: relative;
}
.agende .img{
    max-width: 377px;
    width: 20%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.agende .title{
    margin-bottom: 40px;
}
.agende .flex-wrap{
    clear: both;
    display: flex;
    margin: 0 auto;
    min-width: 160px;
    justify-content: center;
}
.agende .flex-wrap>div{   
    padding: 20px 0;
}
.agende .flex-left{
    width: 100px;
    min-width: 100px;
}
.agende .flex-center{
    background: #1772ae;
    width: 4px;
    margin: 0 20px;
    position: relative;
}
.agende .flex-right{
    width: 100px;
    min-width: 100px;
}
.agende .flex-wrap .top{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.agende .flex-wrap .bottom{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.agende .flex-center span{
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #1772ae;
    position: absolute;
    left: -5px;
}
.agende .flex-right h6{
    padding-bottom: 20px;
}
.agende .flex-right span{
    display: inline-block;
    padding-left: 100px;
}
@media (max-width: 768px) {
    .agende{
        padding: 20px 0 40px;
    }
    .agende .img{
        width: 24%;
    }
    .agende .flex-wrap>div{   
        padding: 10px 0;
    }
    .agende .flex-center{
        margin: 0 14px;
    }
    .agende .flex-left{
        width: 70px;
        min-width: 70px;
    }
    .agende .flex-right h6{
        padding-bottom: 6px;
    }
    .agende .flex-right span{
        padding-left: 30px;
    }
}
/*合作伙伴*/
.cooperation{
    padding-top: 60px;
    background: #1b73b0;
    padding-bottom: 60px;
}
.cooperation .title{
    color: #fff;
    margin-bottom: 20px;
}
.cooperation .media{
    display: flex;
    flex-wrap: wrap;
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
    justify-content: center;
}
.cooperation .media li{
    margin: 10px;
    list-style: none;
}
.cooperation .media img{
    width: 120px;
}
.cooperation h4{
    text-align: center;
    margin: 30px 0 8px;
}
@media (max-width: 1200px) {
    .cooperation .media{
        max-width: 910px;
    }
    .cooperation .media img{
        width: 110px;
    }
}
@media (max-width: 991px) {
    .cooperation .media{
        max-width: 650px;
    }
    .cooperation .media img{
        width: 110px;
    }
}
@media (max-width: 741px) {
    .cooperation{
        padding-top: 40px;
    }
    .cooperation .media{
        max-width: 600px;
    }
    .cooperation .media img{
        width: 100px;
    }
}
@media (max-width: 647px) {
    .cooperation .media{
        max-width: 480px;
    }
}
@media (max-width: 526px) {
    .cooperation .media{
        max-width: 360px;
    }
}
@media (max-width: 407px) {
    .cooperation .media{
        max-width: 288px;
    }
    .cooperation .media li{
        margin: 8px;
    }
    .cooperation .media img{
        width: 80px;
    }
}
/*联系我们*/
.contact{
    text-align: center;
    padding: 0;
    color: #fff;
    position: relative;
}
.contact .img{
    display: block;
}
.contact .img-xs{
    display: none;
    width: 100%;
}
.contact .container{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.contact .title{
    color: #fff;    
    margin-top: 20px;
}
.contact .content h5{
    margin: 20px 0;
    font-weight: 600;
}
.contact .content p{
    margin-bottom: 10px;
}
.contact .content p a{
    color: #fff;
}
.contact .content .center{
    border-left: 2px solid #0e9da8;
    border-right: 2px solid #0e9da8;
}
@media (max-width: 768px) {
    .contact .container{
        width: 100%;
    }
    .contact .content{
        padding: 20px 0 0;
    }
    .contact .content h5{
        margin: 20px 0 10px;
    }
    .contact .content .center{
       border: none;
    }
    .contact .img{
        display: none;
    }
    .contact .img-xs{
        display: block;
    }
}
@media (max-width: 460px) {
    .contact .content{
        padding: 10px 0 0;
    }
    .contact .content h2{
        margin: 14px 0 4px;
    }
    .contact .content p{
        margin-bottom: 0;
    }
}

/*热门问题*/
.faq{
    padding: 0 0 60px;
}
.faq .title{
    margin-top: 30px;
}
.faq .img{
    display: block;
}
.faq .img-xs{
    display: none;
    width: 100%;
}
.faq .container{
    margin-top: -20%;
}
.faq h6{
    color: #181d5d;
    font-weight: 600;
}
.faq p{
    line-height: 30px;
    margin: 20px 0 30px;
    color: #262626;
}
.faq p:last-child{
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .faq{
        padding: 0 0 40px;
    }
    .faq .title{
        margin-top: 70px;
    }
    .faq p{
        margin: 10px 0 20px;
    }
    .faq .img{
        display: none;
    }
    .faq .img-xs{
        display: block;
    }
}
/*右侧悬浮*/
.fixed-right{
    position: fixed;
    right: 6px;
    bottom: 20%;
    display: none;
    width: 60px;
}
.fixed-right img{
    width: 100%;
    display: block;
    margin-bottom: 4px;
}
@media (max-width:768px ) {
    nav.navbar-default .navbar-collapse{
        position: absolute;
        width: 140px;
        background: rgba(0,0,0,0.6);
        top: 50px;
        right: 0;
        margin: 0;
        text-align: center;
    }
    .background .content{
       line-height: 30px;
    }
    .lights .content p{
        line-height: 30px;
    }
    .fixed-right{
        width: 40px;
        right: 4px;
    }
}
@media (max-width: 1200px) and (min-width:999px ){
    .lightbg div{
        font-size: 1.6rem;
        line-height: 20px;
    }
}
@media (max-width: 768px) and (min-width: 400px){
    .title img{
        width: 40px;
    }
    .content{
        padding: 20px 50px 0;
    }
}
@media (max-width: 570px) and (min-width: 400px){
    .content{
        padding: 20px 10px 0;
    }
    .lights .content{
        padding: 10px 30px;
    }
    .guest .col-xs-4{
        margin-top: 6%;
    }
    .guest .content .absolute h6{
        word-break: keep-all;
        margin-left: -2%;
    }
}
@media (max-width: 399px) {
    .content{
        padding: 20px 10px 0;
    }
    .agende table tbody tr td{
        padding: 14px 4px;
    }
    .guest .content{
        padding: 10px 0 10px 0;
    }
    .guest .col-xs-4{
        margin-top: 6%;
    }
    .guest .content .absolute h6{
        word-break: keep-all;
        margin-left: -2%;
    }
    .organization .content{
        padding: 0 20px 20px 20px;
    }
}