* {
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
}

body,
html {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:visited {
    text-decoration: none !important;
    outline: none !important;
}

.col-md-12 {
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

/* 图标 大图 */

.top {
    height: 80px;
}

.logo {
    padding: 0 114px;
    height: 80px;
    display: flex;
    align-items: center;
}

.carousel-indicators {
    z-index: 3;
}

/* 大图 */

/* 导航栏 */

#navbar {
    background: url('../img/u45.jpg') no-repeat center;
    background-size: 100% 100%;
    padding: 0;
    background: #23679a;
}

#nav {
    text-align: center;
    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
}

#nav li,
#menu-footer-navigation li {
    display: inline-block;
    position: relative;
}

/* #nav li+li:before {
    padding: 0 10px;
    color: #ccc;
    content: "|";
    color: #333333;
    font-size: 1px;
} */

#nav li a {
    color: #fff;
    padding: 0 16px;
}

#nav .selected-this {
    display: block;
    height: 50px;
    border-bottom: #fff 3px solid !important;
}

/* 大会介绍 */

.contain {
    /* background: url('../img/u1.png') no-repeat right; */
    /* background: url('../img/手机端.png') no-repeat right; */
    /* background-size: 100% 500px; */
    /* background-size: contain; */
    /* background-size: 100%; */
    /* position: relative; */
}

/* .contain .contain-img {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* line-height: 50px; */

/* text-align: center; */

background: rgba(255,
255,
255,
0.8);
}

*/ .ctaCell {
    font-family: '微软雅黑';
    font-weight: 400;
    font-style: normal;
    color: #666666;
    line-height: 28px;
    /* padding: 0 15px; */
}

.intro {
    padding: 100px 0 0 0;
}

.benefits-icon {
    margin: 0 auto;
    max-width: 280px;
    width: 290px;
    height: 60px;
    margin-bottom: 40px;
}

.benefits-icon a {
    background: inherit;
    background-color: #23679a;
    border: none;
    border-radius: 8px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: '微软雅黑';
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.benefits-icon span {
    color: #FFFFFF;
    font-size: 16px;
    color: #999999;
    height: 48px;
    line-height: 48px;
}

/* 合作伙伴 */

.box {
    margin-bottom: 30px;
    margin-top: 60px;
    padding: 0 120px;
}

.contain-par {
    margin-top: 40px;
}

.font24 {
    font-size: 24px;
    font-weight: 700;
}

.font24 p {
    margin: 0;
}

.part {
    margin-top: 40px;
}

.partner {
    opacity: 0.6;
    display: block;
    max-width: 80px;
}

.partnert {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: -22px;
    margin-bottom: -24px;
}

.partnerb {
    margin-left: -22px;
    margin-top: -24px;
}

.middle {
    padding: 10px;
}

/* footer */

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    background: inherit;
    background-color: rgba(240, 245, 250, 1);
    border: none;
    border-radius: 0px;
    /* height: 100px; */
    /* line-height: 100px; */
    color: #828387;
}

/* .row {
    display: flex;
    flex-wrap: wrap;
} */

.container-fluid p {
    padding: 0 0 20px 140px;
    font-size: 14px;
}

#menu-footer-navigation {
    padding: 46px 0 0 140px;
}

#menu-footer-navigation li {
    font-size: 14px;
    line-height: 1.93;
}

#menu-footer-navigation li+li:before {
    padding: 0 10px;
    color: #828387;
    content: "|";
    color: #828387;
    font-size: 1px;
}

#menu-footer-navigation li a {
    color: #828387;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}

@media screen and (max-width: 1280px) {
    .middle {
        display: flex;
        flex-direction: column;
    }
    .middle img {
        align-self: center;
    }
    .col-xs-4 {
        width: 33.33333333%;
    }
    .benefits-icon {
        margin-bottom: 40px;
        max-width: 280px;
        height: 60px;
    }
    .box {
        padding: 0 100px;
    }
    /* .intro {
        padding: 100px 120px 0 120px;
    } */
}

@media screen and (max-width: 996px) {
    /* 合作伙伴 */
    .center-block {
        display: flex;
        margin-right: auto;
        margin-left: auto;
        flex-direction: column;
    }
    .font24 {
        float: left;
        align-self: center;
    }
    .font24 p {
        display: inline-block;
        float: left;
    }
    .partnerb {
        transform: rotate(-28deg);
        margin: -12px 0 0 -16px;
    }
    .partnert {
        transform: rotate(158deg);
        margin: -16px -18px 0 0;
    }
    .middle {
        display: flex;
        flex-direction: column;
    }
    .middle img {
        align-self: center;
    }
    .col-xs-4 {
        width: 33.33333333%;
    }
    .box {
        padding: 0 80px;
    }
}

@media (max-width: 849px) {
    .navbar-toggle {
        display: block;
    }
    .box {
        padding: 0 60px;
    }
    .intro {
        padding: 100px 80px 0 80px;
    }
    .footer {
        padding: 40px 30px 40px 30px;
    }
    .footer-left {
        flex: 100%;
        max-width: 100%;
    }
    .footer-logo {
        max-width: 70px;
        padding-top: 0;
        float: left;
    }
    .footer-column:nth-child(1),
    .footer-column:nth-child(2),
    .footer-column:nth-child(3),
    .footer-column:nth-child(4) {
        flex: 100%;
        padding-bottom: 16px;
    }
}

@media (max-width: 788px) {
    #nav .selected-this {
        /* display: block;*/
        height: 44px;
        border-bottom: #fff 3px solid !important;
    }
    .none {
        display: none;
    }
    .logo {
        padding: 0 70px;
    }
    .hamburger-icon {
        background: url(../img/hamburger.svg) no-repeat;
        width: 20px;
        height: 14px;
        z-index: 5;
        cursor: pointer;
        border: none;
    }
    .hamburger-icon:focus {
        border: none;
        outline: none;
    }
    #navbar {
        /* display: none; */
        background: #233141;
        position: absolute;
        right: -30px;
        top: 80px;
        width: 280px;
        z-index: 3;
        border: 10px solid RGBA(255, 255, 255, 0.12);
        margin-right: 0;
    }
    .collapse {
        height: 386px;
    }
    #navbar ul li {
        display: block;
    }
    #nav li+li:before {
        content: '';
        font-size: 0;
        padding: 0;
    }
    #navbar ul li a {
        color: #fff;
        display: block;
        line-height: 45px;
        padding-left: 25px;
        text-align: left;
        font-weight: normal;
        font-size: 14px;
    }
    .box {
        padding: 0 50px;
    }
}

@media screen and (max-width: 776px) {}

@media screen and (max-width: 670px) {
    .benefits-icon {
        padding: 0;
        max-width: 280px;
        height: 60px;
    }
    .intro {
        padding: 70px 0 0 0;
    }
    .col-sm-12 {
        width: 100%;
    }
}

@media screen and (max-width: 546px) {
    .intro {
        padding: 70px 0 0 0;
    }
}

@media screen and (max-width: 460px) {
    .col-s-3 {
        width: 50%;
    }
    .benefits-icon {
        padding: 0;
        max-width: 270px;
        height: 54px;
    }
    .box {
        padding: 0 20px;
    }
    .intro {
        padding: 70px 0 0 0;
    }
    .contain {
        /* background: url('../img/u1.png') no-repeat right; */
        /* background: url('../img/手机端.png') no-repeat right; */
        /* background-size: 100% 500px; */
        /* background-size: contain; */
        background-size: 100% 8%;
        position: relative;
    }
}

@media screen and (max-width: 408px) {
    .logo {
        padding: 0 46px;
    }
    .box {
        padding: 0 10px;
    }
    .intro {
        padding: 70px 0 0 0;
    }
}

@media screen and (max-width: 320px) {
    .intro {
        padding: 50px 0 0 0;
    }
}

.carousel-inner img {
	width: 100%;
}

@media only screen and (max-width: 567px) {
    #menu-footer-navigation{
        padding: 10px 0px;
        box-sizing: border-box;
    }
    .container-fluid p{
        box-sizing: border-box;
        width: 100%;
        text-align: center;
        padding: 10px 0px!important;
        margin: 0px;
    }
    #menu-footer-navigation li{
        width: 30%;
    }
    #menu-footer-navigation li:first-child:before {
        box-sizing: border-box;
        padding: 0 10px;
        color: #828387;
        content: "|";
        color: #828387;
        font-size: 1px;
    }
}