﻿@charset "UTF-8";
body {
    font-family: "微软雅黑";
    color: #555555;
    line-height: 23px;
}

#content {
    margin-top: 30px;
}

.contents {
    position: relative;
    width: 100%;
}

.contBg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, .5)
}

.span7 {
    color: #ffffff;
}

.zbf .span7 {
    color: #ffffff;
    margin-bottom: 40px;
}

.zbf .span7 p:focus {
    border: none
}

.zbf .span7 .zbfLinks {
    text-decoration: none;
    cursor: default;
    color: #fff;
    border: none
}

.linesBg {
    margin-bottom: 40px
}

.orgTitle {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px
}

.orgTitle1 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px
}

.zbf .span7:last-child {
    border: none
}

.SelectionText {
    margin-bottom: 30px
}

.contBgs {
    background: url(../images/insidePage/insidePage1_web.jpg) no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
}

.contBgs1 {
    background: url(../images/insidePage/insidePage1_web.jpg) no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
}

.contBgs2 {
    background: url(../images/insidePage/insidePage2_web.jpg) no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
}

.contBgs3 {
    background: url(../images/insidePage/insidePage3_web.jpg) no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
}

.contBgs4 {
    background: url(../images/insidePage/insidePage4_web.jpg) no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
}

.contBgs5 {
    background: url(../images/insidePage/insidePage5_web.jpg) no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
}

.contBgs6 {
    background: url(../images/insidePage/insidePage6_web.jpg) no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
}

.contBgs7 {
    background: url(../images/insidePage/Review.jpg) no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
}

.contBgs_Agenda {
    background: url(../images/insidePage/Agenda.jpg) no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
}

.contBgs_guests {
    background: url(../images/insidePage/guests.jpg) no-repeat center top;
    background-size: 100%;
    background-attachment: fixed;
}

.awardsUl {
    margin: 0 0;
    padding: 0 0;
    width: 100%;
}

.awardsUl li {
    list-style-type: none;
    float: left;
}

.awardsUl .awardsLi1 {
    width: 30%;
}

.awardsUl .awardsLi1 img {
    width: 160px;
    height: 160px;
    border: 0;
}

.awardsUl .awardsLi2 {
    width: 70%;
}

.awardsUl .awardsLi2 .lagTitle {
    font-size: 20px;
    line-height: 38px;
    font-weight: bold;
}

.awardsUl .awardsLi2 .lagTitle strong {
    color: #0CB14B;
}

.awardsUl .awardsLi2 .smallTitle {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 5px;
}

.lines {
    clear: both;
    padding: 20px 0px;
}

.lines hr {
    border-top: 1px dashed #fff;
    border-bottom: 0;
}

.selectCriteriaUl {
    margin: 0 0;
    padding: 0 0;
    width: 100%;
    overflow: hidden;
}

.selectCriteriaUl li {
    list-style-type: none;
    float: left;
    width: 50%;
    padding-bottom: 20px;
}

.criterLi1,
.criterLi3,
.criterLi5,
.criterLi7 {
    padding-right: 20px;
}

.criterLi2,
.criterLi4,
.criterLi6,
.criterLi8 {
    padding-left: 20px;
}

.selectCriteriaUl .numbers {
    color: #0CB14B;
    font-size: 45px;
    line-height: 45px;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 5px;
}

.jingliren .criterLi3,
.jingliren .criterLi4 {
    height: 137px;
}

.xiaozi {
    padding-top: 15px;
    font-size: 12px;
    line-height: 20px;
}

.xiaozi strong {
    background-color: #0CB14B;
    display: block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 5px;
}

.criterLines {
    padding: 0 0 30px 0;
}

.tuandui .criterLi1,
.tuandui .criterLi2 {
    height: 137px;
}

.hrbp .criterLi1,
.hrbp .criterLi2 {
    height: 112px;
}

.hrbp .criterLi3,
.hrbp .criterLi4 {
    height: 157px;
}

.gongxiang .criterLi1,
.gongxiang .criterLi2 {
    height: 137px;
}

.coe .criterLi1,
.coe .criterLi2,
.coe .criterLi3,
.coe .criterLi4 {
    height: 137px;
}

.members {
    margin: 0 0;
    padding: 0 0;
    width: 100%;
    overflow: hidden;
}

.members li {
    list-style-type: none;
    float: left;
}

.memberLeft {
    width: 35%;
}

.memberLeft img {
    width: 90%;
    border-radius: 50%
}

.memberRight {
    width: 65%;
}

fieldset {
    width: 50%;
    border: 1px dashed #ffffff;
    border-radius: 6px;
    font-size: 15px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}

fieldset strong {
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
}

legend {
    font-weight: normal;
    text-align: left;
    color: #ffffff;
}

.memberRight p {
    font-size: 12px;
    line-height: 20px;
}

.shangxueyuan {
    width: 70%;
    font-size: 15px;
    line-height: 20px;
}

.shangxueyuan strong {
    display: block;
    width: 70px;
    float: left;
    height: 60px;
    padding-top: 10px;
}

.anson {
    width: 90%;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
}

.anson strong {
    display: block;
    width: 110px;
    float: left;
    height: 48px;
}

.iconDow {
    padding-top: 10px;
}

.iconDow img {
    width: 20px;
    height: 20px;
}

.iconDow a {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.contacttable .leftTd {
    width: 40px;
    padding-left: 8px;
    line-height: 30px;
    text-align: right;
    padding-right: 10px;
}

.contacttable .leftTd img {
    width: 20px;
    height: 20px;
}

.contEmail {
    padding-top: 7px;
}

.contacttable td strong {
    font-weight: normal;
    display: block;
}

.contacttable td strong.dunhao {
    display: none;
}

.contLast {
    margin-top: 50px;
}

.contacttable td b {
    font-size: 18px;
}

.engTitle {
    font-size: 50px;
    line-height: 50px;
    font-family: Arial;
    font-weight: bold;
}

.biaozhun {
    color: #0CB14B;
    font-size: 18px;
}

#gallery {
    background: #fff;
    padding-bottom: 30px;
}

#gallery ul li {
    float: left;
    list-style: none;
    width: 19%;
    margin-right: 1%;
    margin-bottom: 1%
}

#gallery ul li:nth-child(5n) {
    margin-right: 0
}

#gallery ul img {
    width: 100% !important;
    height: auto !important
}

#gallery ul {
    list-style: none;
    width: 99%;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 1%;
}

#gallery>p {
    padding: 15px 2% 0;
}

.sidebar .widget {
    margin-bottom: 20px;
}

.sidebar .widget ul {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

.navbar-inverse .nav .active a,
.navbar-inverse .nav .active a:hover,
.navbar-inverse .nav .active a:focus {
    padding-bottom: 10px;
    background-color: transparent;
    border-bottom: solid 5px #D31145;
}

.navbar-inverse .nav .active a.logoImg,
.navbar-inverse .nav .active a.logoImg:hover,
.navbar-inverse .nav .active a.logoImg:focus {
    border: none
}

.container {
    padding-left: 0px;
    padding-right: 0px;
}

.collapse {
    position: relative;
}

.navbar-fixed-top {
    top: 157px;
    position: static;
}

.navbar-fixed-top .navbar-inner {
    padding: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
}

.navbar-inner {
    clear: both;
}

.navbar-inverse .navbar-inner {
    background: none;
    background-color: transparent;
    background-image: none;
    filter: none;
    background: #3a3939;
    border: none;
}

.navbar .nav {
    position: static;
}

.navbar .nav.left-nav {
    display: table;
    float: none;
    margin: 0 auto;
    height: 100%;
}

span.company-logo {
    background: url() no-repeat center center;
    height: 140px;
    display: block;
    background-size: 140px
}

a.brand {
    width: 100%;
    text-align: center;
    padding: 8px 0;
    margin: 0 auto;
    background: url(../images/logo-bg.jpg) repeat center center;
    display: block;
    max-height: 157px;
    overflow: hidden;
}

.navbar .nav>li>a {
    padding: 0 8px;
    text-transform: uppercase;
    font-size: 15px;
    font-family: "微软雅黑";
    font-weight: 400;
    height: 70px;
    line-height: 70px
}

.navbar .nav>li>a.logoImg {
    padding: 15px 20px
}

.navbar-inverse .nav>li>a {
    color: #5d7ea1;
    color: rgba(255, 255, 255, 0.7);
}

.navbar .nav.left-nav>li {
    margin-right: 15px;
    margin-left: 15px;
}

.navbar-inverse .nav .active>a,
.navbar-inverse .nav .active>a:hover,
.navbar-inverse .nav .active>a:focus {
    padding-bottom: 10px;
    color: #5d7ea1;
    color: #fff;
    background-color: transparent;
    border-bottom: solid rpx #D31145;
}

.navbar-inverse .nav>li>a:focus,
.navbar-inverse .nav>li>a:hover {
    padding-bottom: 10px;
    color: #5d7ea1;
    color: rgba(255, 255, 255, 0.7);
    background-color: transparent;
    border-bottom: solid 5px #D31145;
}

.navbar-inverse .nav>li>a.logoImg:focus,
.navbar-inverse .nav>li>a.logoImg:hover {
    border: none
}

.dropdown {
    position: static;
}

.nav>li.dropdown.open.active>a:hover,
.nav>li.dropdown.open.active>a:focus {
    border-color: #922684;
}

#content {
    padding-bottom: 35px;
}

.navbar-fixed-top .container {
    width: 1100px;
}

.navbar .nav.navbar-right {
    margin-top: -50px;
}

.navbar-inverse .nav.navbar-right>li>a:focus,
.navbar-inverse .nav.navbar-right>li>a:hover {
    color: #5d7ea1;
    color: rgba(164, 203, 246, 0.70);
    background-color: transparent;
    border-bottom: none;
    padding-bottom: 5px;
}


/*花絮*/

.reports a {
    color: #fff
}


/*-------- Default Page ---------*/

.page-header-section {
    overflow: hidden;
    position: relative;
}

.page-header-section img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    min-width: 980px;
}

.page-content {
    color: black;
    position: relative;
    padding-top: 80px;
    width: 90%;
    margin: 0 0 0 auto;
}

.contBgs5 .page-content {
    height: 800px;
}

.page-content .container-content {
    position: relative;
    top: 0;
    left: -3px;
}

.imgWeb {
    display: block;
}

.imgMobile {
    display: none;
}

.page-top-content p ul {
    font-size: 15px;
    line-height: 24px;
}

.page-sidebar {
    position: absolute;
    top: 0;
    right: 0%;
    overflow: hidden;
}

.padLeft {
    width: 100%;
    position: relative;
}

.logoItem {
    border-bottom: 1px solid #dbdce1;
    margin: 5px 0;
    padding: 5px 0;
    text-align: center;
    position: relative;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.iframeMap {
    width: 520px;
    height: 320px;
    display: block;
}


/*---------- 顾问委员会 ------------*/

.memberName {
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
}

.memberjob {
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
    line-height: 1.5em;
    padding-bottom: 10px;
    display: inline-block
}

.membersUl li {
    list-style: disc;
    float: none
}


/*---------- Footer ------------*/

.footer {
    width: 100%;
    text-align: center;
    padding: 20px 0 75px 0;
    background-color: #515151;
    padding-top: 55px;
    border-top: 3px solid #D31145;
    clear: both;
    color: #acacac;
}

.footer li {
    list-style: none
}

.footer p {
    font-size: 13px;
}

.contBttom {
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: bold;
}

.container {
    margin-right: auto;
    margin-left: auto;
}

.ul-contact {
    width: 324px;
    margin: 0 auto;
    padding: 0;
    float: left;
}

.ul-contact li {
    height: 26px;
    line-height: 26px;
}

.tell {
    background: url(../images/icons/tel.svg) no-repeat center left;
    text-indent: 2em;
    background-size: 20px;
    list-style: none;
}

.resules {
    background: #fff;
    margin-bottom: 20px;
}

.resules td {
    border-left: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #555;
    padding: 10px;
}

.resules tr td:first-child {
    border-left: 0;
}

.resules .td1 {
    font-weight: bold;
    background-color: #E0E0E0;
    color: #555555;
    font-size: 15px;
}

.resules td img {
    width: 100px;
}

.zip {
    background: url(../images/icons/zip.svg) no-repeat center left;
    height: 20px;
    text-indent: 2em;
    background-size: 20px;
    list-style: none;
}

.email {
    background: url(../images/icons/email.svg) no-repeat center left;
    height: 20px;
    text-indent: 2em;
    background-size: 20px;
    list-style: none;
}

.address {
    background: url(../images/icons/address.svg) no-repeat center left;
    height: 20px;
    text-indent: 2em;
    background-size: 20px;
    list-style: none;
}

.icon-contact {
    display: block;
    background-image: url(../images/icons/icon_phone.svg);
    width: 44px;
    height: 44px;
    background-size: 100% 100%;
    background-position: 0;
}

.icon-contact:hover {
    background-image: url(../images/icons/icon_phoneHover.svg);
    width: 44px;
    background-size: 100% 100%;
    height: 44px;
}

.icon-map {
    display: block;
    background-image: url(../images/icons/icon_map.svg);
    width: 44px;
    height: 44px;
    background-size: 100% 100%;
    background-position: 0;
}

.bottom-nav li {
    line-height: 21px;
    float: left;
    width: 75px;
    margin-bottom: 10px;
}

.footer .row {
    width: 960px;
    margin: 0 auto;
}

.footer .row table td,
.footer .row table td a {
    color: #cbcdca;
    font-size: 12px;
}

.footer .row strong {
    display: block;
    padding-bottom: 5px;
}

#location,
#location p,
#location p>a {
    color: #a4cbf6;
    color: rgba(164, 203, 246, 0.70);
    font-size: 14px;
}

.homeimg1 {
    display: block;
}

.homeimg2,
.fixedbox,
#banner {
    display: none;
}

svg:not(:root) {
    overflow: hidden;
}

#banner #imgbox {
    margin: 0 auto;
    position: relative;
}

.contacttable td a {
    color: #ffffff;
}

.imgSupport {
    margin-bottom: 15px;
}

.imgSupport img {
    width: 180px;
    height: 75px;
}

.memberLogo {
    margin: 15px 0 0px 0;
}

.memberLogo img {
    width: 120px;
    height: 50px;
    background-color: #ffffff;
    margin-right: 10px;
    float: left;
}

.processWeb,
.contImgWeb {
    display: block;
}

.processMobile,
.contImgMobile {
    display: none;
}

.contUl {
    margin: 0 0;
    padding: 0 0;
    width: 100%;
    overflow: hidden;
}

.contUl li {
    width: 33.3%;
    float: left;
    list-style-type: none;
}

.contWeb {
    display: none;
}

.content {
    width: 100%;
    margin: 0 0;
    position: absolute;
    height: 100%;
    left: 0%;
    top: 0;
    padding: 0;
    -webkit-transition: left 0.5s ease-out;
}

.outer {
    display: table;
    overflow: hidden;
    position: static;
    width: 100%;
    height: 100%;
}

.middle {
    display: table-cell;
    position: static;
    vertical-align: bottom;
    text-align: center;
}

.loginbox_texteven {
    position: relative;
    display: block;
    margin: 0 auto 0;
    left: 0;
    top: 50%;
    width: 100%;
    z-index: 99;
}

.homeBtn {
    width: 78%;
    margin: 0 0;
}

.home1boxhref {
    display: block;
    text-align: center;
    margin-bottom: 2.5%;
}

.home1boxhref a {
    display: inline-block;
    width: 140px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    overflow: hidden;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    margin: 2rem 4.185rem;
}

.lignxingblue,
.hrefbox-middle .lignxingblue {
    background-color: #D31145;
    border: 1px solid #D31145;
    color: #fff;
    margin-right: 80px;
}

.lignxingblue:hover,
.hrefbox-middle .lignxingblue:hover {
    background-color: #A40832;
    border: 1px solid #A40832;
    color: #fff;
    text-decoration: none;
}

.lignxingwrite,
.hrefbox-middle .lignxingwrite {
    border: 1px solid #D31145;
    color: #D31145;
}

.lignxingwrite:Hover,
.hrefbox-middle .lignxingwrite:Hover {
    border: 1px solid #A40832;
    color: #A40832;
    text-decoration: none;
    background-color: #fff;
}


/*关于评选*/

.rulesText3 {
    overflow: hidden;
}

.rulesText3 li {
    float: left;
    width: 46%;
    margin-right: 8%;
    list-style: none;
    height: 60px;
    line-height: 1.5em;
    margin-bottom: 15px
}

.rulesText3 li:nth-child(2n) {
    margin-right: 0;
    list-style: none;
    height: 60px;
    line-height: 1.5em;
    margin-bottom: 15px
}

.rulesText3 li span.nums {
    font-size: 33px;
    float: left;
    height: 45px;
    line-height: 45px;
    color: #D31145;
    margin-right: 15px;
}

.rulesText3 li span.numsText {
    display: block;
    overflow: hidden
}

.rulesText3_mobile {
    display: none
}


/*赛事细则*/

.rulesText {
    line-height: 2em;
    margin: 0;
    margin-bottom: 15px;
}

.rulesText2 {
    overflow: hidden;
}

.rulesText2 li {
    float: left;
    width: 50%
}

.rulesText li {
    list-style: none;
    line-height: 2em;
    margin-bottom: 20px;
}

.rulesText li {
    list-style: none;
    line-height: 1.5em;
    margin-bottom: 15px;
}

span.disNum {
    float: left;
    margin-right: 5px
}

span.disText {
    display: block;
    overflow: hidden
}

span.hide {
    display: block;
    overflow: hidden;
    visibility: hidden;
}

.lines2Bg {
    background: url(../images/lines2.png) no-repeat left;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-left: 10px
}

.lines2Bg .fgLine {
    display: inline-block;
    margin: 0 15px
}

.zbf .lines2Bg {
    margin-bottom: 25px
}

.zbf .lines3 img {
    width: 63%
}

.lines2Bg>span {
    font-size: 30px;
    float: left;
    line-height: 38px;
    height: 30px;
    margin-right: 3px
}

.lines3 {
    margin-bottom: 30px;
    margin-top: 30px
}

.smallTitle {
    font-weight: bold;
    font-size: 16px
}

.titleBgs {
    background: url(../images/titleLong.png) no-repeat left;
    height: 95px;
    line-height: 107px;
    margin-bottom: 10px;
    padding-left: 10px;
    background-size: 100%;
    position: relative
}

.titleBgs .position {
    position: absolute;
    font-weight: bold;
    font-size: 33px;
    left: 12px;
    top: -8px
}

.positionText {
    display: inline-block;
    width: 325px;
    text-align: center
}

.Process_mobile {
    display: none
}


/*颁奖典礼*/

.flex {
    flex: 1;
    display: flex;
    position: relative;
}

.flex .addresstimecontent {
    width: 60%
}

.addresstimecontent span {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 1.75em;
    margin: 15px 0;
}

table.agenda {
    margin: 20px 0
}

table.agenda .agendaWidth {
    width: 100px
}

table.agenda .agenBg {
    background: rgba(48, 57, 59, 1);
}

table.agenda td a {
    color: #fff;
}

.list-title-text b.tit {
    color: #fff;
    background-color: #00a63c;
    padding: 0 5px;
}

table.agenda ul.speakers li {
    list-style-type: none;
    color: #fff;
    line-height: 20px;
    border-bottom: 1px solid #6b7273;
    padding: 8px 0;
}

.flex1 {
    border-top: 1px dashed #e2e2e2;
    margin-bottom: 20px
}

.SignUp {
    padding-top: 20px;
    width: 60%;
    text-align: center
}

.SignUp .title {
    font-size: 22px;
    font-weight: bold
}

.SignUp a {
    color: #fff
}

.spanBg .paddTop {
    background: #fff;
    color: #555;
    padding: 20px
}

.spLogos {
    width: 100%;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    border-top: #dcdee3 1px solid;
    background: #fff;
    overflow: hidden;
    margin: 0
}

.spLogos li {
    list-style: none;
    width: 20%;
    height: 90px;
    line-height: 70px;
    float: left;
    text-align: center;
    padding: 7px 0;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.spLogos li img {
    width: 80%;
    max-width: 120px;
}

.bgfff {
    background: #fff;
    padding: 10px 10px 20px;
    margin-top: 15px;
    margin-bottom: 20px
}

a.agendaSign {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    background: #D31145;
    color: #fff;
    font-weight: bold;
    margin: 20px;
    border-radius: 10px;
    top: 35%;
    right: 0;
    position: absolute
}

a.agendaSign:hover {
    text-decoration: none
}

@media screen and (max-width:1920px) {
    .homeBtn {
        width: 59%;
        margin: 0 0;
    }
    .home1boxhref {
        margin-bottom: 12%;
    }
}

@media screen and (max-width:1680px) {
    .homeBtn {
        width: 72%;
        margin: 0 0;
    }
    .home1boxhref {
        margin-bottom: 4%;
    }
}

@media screen and (max-width:1600px) {
    .homeBtn {
        width: 64%;
        margin: 0 0;
    }
    .home1boxhref {
        margin-bottom: 10%;
    }
}

@media screen and (max-width:1440px) {
    .homeBtn {
        width: 66%;
        margin: 0 0;
    }
    .home1boxhref {
        margin-bottom: 10%;
    }
}

@media screen and (max-width:1400px) {
    .homeBtn {
        width: 67%;
        margin: 0 0;
    }
    .home1boxhref {
        margin-bottom: 8.5%;
    }
}

@media screen and (max-width:1366px) {
    .homeBtn {
        width: 68%;
        margin: 0 0;
    }
    .home1boxhref {
        margin-bottom: 9%;
    }
}

@media screen and (max-width:1280px) {
    .homeBtn {
        width: 70%;
        margin: 0 0;
    }
    .home1boxhref {
        margin-bottom: 7%;
    }
}

@media screen and (max-width:800px) {
    #gallery {
        background-color: #ffffff;
        width: 100%;
        margin: 0 auto
    }
    #gallery ul {
        list-style: none;
        margin: 0 0;
        padding: 0 0px;
    }
    #gallery ul li {
        display: block;
        color: #555555;
        text-align: center;
        padding-bottom: 10px;
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0
    }
    .reports a {
        color: #555;
    }
    .addresstimecontent span {
        color: #555;
        font-size: 14px
    }
    table.agenda {
        font-size: 12px;
    }
    table.agenda .agendaWidth {
        width: 88px
    }
    table.agenda .agenBg {
        background: rgba(225, 225, 225, 0.4);
    }
    table.agenda ul.speakers li {
        border-bottom: none
    }
    table.agenda td a {
        color: #555;
    }
    .contWeb {
        display: table-cell;
    }
    .contacttable .leftTd {
        width: 36px;
        padding-left: 8px;
        line-height: 30px;
        text-align: right;
        padding-right: 10px;
    }
    .contacttable .leftTd img {
        width: 18px;
        height: 18px;
    }
    .contacttable td strong {
        font-weight: normal;
        display: inherit;
    }
    .contacttable td strong.dunhao {
        display: inherit;
    }
    .contLast {
        margin-top: 30px;
    }
    .rulesText2 li .titleBgs {
        color: #fff
    }
    .lines2Bg {
        color: #fff
    }
    .zbf .span7 {
        color: #363636;
        margin-bottom: -7px;
    }
    .zbf .lines3 img {
        width: 100%
    }
    .orgTitle,
    .orgTitle1 {
        color: #363636
    }
    .contUl li {
        width: 100%;
        float: none;
        list-style-type: none;
    }
    legend {
        color: #555555;
    }
    .processWeb,
    .contImgWeb {
        display: none;
    }
    .Process_mobile {
        display: block
    }
    .Process_web {
        display: none
    }
    .processWebBlock {
        display: block
    }
    .processMobile,
    .contImgMobile {
        display: block;
    }
    .imgSupport img {
        width: 120px;
        height: 50px;
    }
    .page-content {
        width: 100%;
    }
    .imgWeb {
        display: none;
    }
    .imgMobile {
        display: block;
    }
    .imgMobile2 {
        margin: 0 auto;
    }
    .iframeMap {
        display: none;
    }
    #banner #imgbox {
        width: 100%;
    }
    a.brand {
        display: none;
    }
    .homeimg1 {
        display: none;
    }
    .homeimg2 {
        display: block;
    }
    .navbar-inner {
        display: none;
    }
    #banner {
        display: block;
    }
    .container-content {
        display: none;
    }
    .agenTopMarg {
        margin-bottom: -70px;
    }
    #banner #bg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 69;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
    }
    .contBgs {
        background: none;
    }
    .homeimg2 {
        display: block;
        position: relative;
        transition: left 0.5s ease-out;
        -webkit-transition: left 0.5s ease-out;
        -moz-transition: left 0.5s ease-out;
    }
    .menuButton.egacy-size {
        width: 100%;
        height: 50px;
        position: fixed;
        top: 0px;
        left: 0px;
        padding-right: 10px;
        z-index: 999;
        transition: left 0.5s ease-out;
        -moz-transition: left 0.5s ease-out;
        -webkit-transition: left 0.5s ease-out;
        -o-transition: left 0.5s ease-out;
    }
    .menuButton {
        z-index: 10;
        position: relative;
        width: 100%;
        height: 100%;
        min-width: 40px;
        min-height: 40px;
        cursor: pointer;
    }
    .menuButton>.icons.opens {
        display: block;
        margin-top: 18px;
        float: right;
    }
    .menuButton>.icons {
        width: 20px;
        overflow: visible;
        stroke-width: 4px;
        stroke: #fff;
        height: 17px;
        padding-top: 0px;
        display: none;
        margin-top: 12px;
        float: right;
    }
    .menuOpen {
        position: fixed;
        top: 0px;
        padding: 14px 0 0;
        width: 58%;
        left: 100%;
        z-index: 2;
        height: 100%;
        background: #333;
        transition: left 0.5s ease-out;
        -webkit-transition: left 0.5s ease-out;
        -moz-transition: left 0.5s ease-out;
    }
    .menuOpen ul {
        padding: 20px 10px 0 10px;
        margin: 0px auto;
    }
    .menuOpen ul li {
        padding: 10px 0px;
        overflow: hidden;
        box-sizing: border-box;
        opacity: 0.95;
        border-bottom: 1px solid #474747;
    }
    .menuOpen ul li a {
        color: #fff;
        font-size: 14px;
        display: block;
    }
    .contBg {
        background: none;
    }
    .container {
        width: 100%;
    }
    .span7 {
        color: #555555;
        width: auto;
        display: block;
        margin: 0 auto;
        padding: 0 15px 30px 15px;
        position: relative;
        width: 100%;
    }
    .heads {
        background-color: #f1f1f1;
        border-collapse: inherit;
        border-spacing: 1px;
    }
    .heads a {
        color: #555555;
        display: block;
        padding: 20px 0;
    }
    .contact {
        background-color: #515151;
        color: #fff;
        padding: 20px 15px;
    }
    .contact td {
        text-align: left;
        color: #e5e5e5;
        padding: 3px 0;
        font-size: 12px;
    }
    .contact td img {
        width: 27px;
        padding-right: 10px;
    }
    .contact td a {
        color: #e5e5e5;
        text-decoration: none;
    }
    .contact h3 {
        font-size: 20px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0;
    }
    .bottomBots {
        border-bottom: 3px solid #D31145;
        position: relative;
    }
    #banner .mobileBackground {
        margin: 0 auto;
        position: relative;
    }
    .mobileImg {
        display: block;
        position: relative;
        left: 0% !important;
        top: 0% !important;
        width: 100% !important;
        margin: 0% 0 0 0% !important;
    }
    #banner #advP {
        position: absolute;
        top: 46%;
        width: 100%;
        text-align: center;
        z-index: 150;
    }
    #banner #h1 {
        font-size: 40px;
        line-height: 30px;
        color: #fff;
        font-weight: normal;
        letter-spacing: 3px;
    }
    .fixedbox {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background: #3a3939;
        transition: left 0.5s ease-out;
        -webkit-transition: left 0.5s ease-out;
        -moz-transition: left 0.5s ease-out;
        z-index: 998;
    }
    .main-content {
        overflow: hidden;
        position: relative;
        left: 0%;
        padding: 0;
        transition: left 0.5s ease-out;
        -webkit-transition: left 0.5s ease-out;
        -moz-transition: left 0.5s ease-out;
    }
    .fixedbox img {
        display: block;
        position: relative;
        top: 10px;
        left: 8px;
        width: 120px;
    }
    .page-content {
        padding-top: 40px;
    }
    .awardsUl li {
        list-style-type: none;
        float: none;
    }
    .awardsUl .awardsLi1 {
        width: 100%;
    }
    .awardsUl .awardsLi1 img {
        width: 200px;
        height: 200px;
        border: 0;
    }
    .awardsUl .awardsLi2 {
        width: 100%;
    }
    .awardsUl .awardsLi2 .lagTitle {
        font-size: 18px;
        line-height: 30px;
        font-weight: bold;
        padding-top: 10px;
        text-align: center;
    }
    .awardsUl .awardsLi2 .smallTitle {
        text-align: center;
    }
    .iconDow {
        text-align: right;
    }
    .iconDow a {
        color: #555555;
        font-size: 16px;
        line-height: 30px;
    }
    .lines hr {
        border-top: 1px dashed #e1e1e1;
    }
    .criteriaUl li {
        float: left;
    }
    .criteriaUl .awardsLi1 {
        width: 30%;
    }
    .criteriaUl .awardsLi1 img {
        width: 90%;
        height: 90%;
    }
    .criteriaUl .awardsLi2 {
        width: 70%;
    }
    .engTitle {
        font-size: 24px;
        line-height: 24px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .biaozhun {
        color: #0CB14B;
        font-size: 16px;
        padding-top: 5px;
    }
    .criteriaUl .awardsLi2 .lagTitle {
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        padding-top: 5px;
        text-align: left;
    }
    .lines {
        clear: both;
        padding: 10px 0px 25px 0;
    }
    .selectCriteriaUl li {
        list-style-type: none;
        float: none;
        width: 100%;
        padding-bottom: 15px;
    }
    .criterLi1,
    .criterLi3,
    .criterLi5,
    .criterLi7 {
        padding-right: 0px;
    }
    .criterLi2,
    .criterLi4,
    .criterLi6,
    .criterLi8 {
        padding-left: 0px;
    }
    .selectCriteriaUl .numbers {
        color: #0CB14B;
        font-size: 26px;
        line-height: 26px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        ;
        padding-bottom: 5px;
    }
    .jingliren .criterLi3,
    .jingliren .criterLi4,
    .tuandui .criterLi1,
    .tuandui .criterLi2,
    .hrbp .criterLi1,
    .hrbp .criterLi2,
    .hrbp .criterLi3,
    .hrbp .criterLi4,
    .gongxiang .criterLi1,
    .gongxiang .criterLi2,
    .coe .criterLi1,
    .coe .criterLi2,
    .coe .criterLi3,
    .coe .criterLi4 {
        height: auto;
    }
    .contacttable td a {
        color: #555555;
    }
    .memberCont {
        padding: 0 0;
    }
    .members .memberRight {
        padding: 15px 15px;
    }
    .members li {
        list-style-type: none;
        float: none;
    }
    .contBgs6 .members li {
        list-style-type: disc;
        float: none;
    }
    .memberLeft {
        width: 100%;
    }
    .memberLeft img {
        width: 70%;
        margin: 0 auto;
    }
    .memberRight {
        width: 100%;
    }
    fieldset {
        width: 100%;
        border: 1px dashed #dddddd;
        border-radius: 6px;
        font-size: 15px;
        line-height: 30px;
        font-weight: bold;
        text-align: left;
    }
    fieldset strong {
        font-size: 30px;
        line-height: 40px;
        font-weight: normal;
    }
    legend {
        font-weight: normal;
        text-align: left;
    }
    .memberRight p {
        font-size: 14px;
        line-height: 22px;
    }
    .shangxueyuan {
        width: 100%;
        font-size: 15px;
        line-height: 20px;
    }
    .shangxueyuan strong {
        display: block;
        width: 70px;
        float: left;
        height: 60px;
        padding-top: 10px;
    }
    .anson {
        width: 100%;
        font-size: 15px;
        line-height: 20px;
        text-align: left;
    }
    .anson strong {
        display: block;
        width: 110px;
        float: left;
        height: 48px;
    }
    .mebLines {
        display: none;
    }
    .memberLogo img {
        width: 180px;
        height: 75px;
        background: none;
        margin-right: 00px;
        float: left;
    }
    .memberLogo {
        margin: 15px 0 20px 0;
    }
    .memberLogo2 {
        margin: 0 0 10px 0;
    }
    .phonebg {
        position: relative;
        width: 100%;
    }
    .mobileButton {
        position: absolute;
        top: 25%;
        width: 100%;
        height: 100%;
    }
    .mobileimg {
        display: block;
        width: 100%;
    }
    .mobileimg img {
        display: block;
        width: 53%;
        margin: 16px auto 11px auto !important;
    }
    .mobile-button {
        position: relative;
        top: 9%;
        margin: 0 20px;
        padding: 0 0px;
    }
    .mobile-button .phonebigone {
        background-color: #CF0F40;
        border: 1px solid #CF0F40;
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 5px;
        text-align: center;
        font-weight: bold;
    }
    .mobile-button .phonebigtwo {
        background: none;
        border: 2px solid #fff;
        color: #CF0F40;
        background: #fff;
        text-decoration: none;
        display: block;
        padding: 5px;
        text-align: center;
        font-weight: bold;
    }
    .arrow {
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }
    .arrow img {
        width: 30px;
    }
    .mobilewenhaobottom {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 69%;
        left: 0;
    }
    .mobilewenhaobottom1 {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 38%;
        left: 0;
    }
    .mobilewenhaobottom2 {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 6.5%;
        left: 0;
    }
    .mobilewenhaobottom p,
    .mobilewenhaobottom1 p,
    .mobilewenhaobottom2 p {
        display: block;
        font-size: 16px;
        color: #fff;
        line-height: 30px;
        text-align: center;
        margin: 0 0;
    }
    .mobilehigh {
        display: block;
        width: 100%;
        position: absolute;
        top: 30%;
        left: 0;
    }
    .mobilehighimg {
        display: block;
        width: 100%;
        position: relative;
        margin: 0 0 60px;
    }
    .mobilehightext {
        display: block;
        width: 100%;
        position: relative;
        margin: 5px 0 0;
    }
    .mobilehightext p {
        font-size: 12px;
        color: #fff;
        line-height: 14px;
        text-align: center;
    }
    .mobilehighbottom {
        display: block;
        width: 100%;
        position: absolute;
        bottom: -8%;
        left: 0px;
    }
    .mobilehighbottom p {
        font-size: 12px;
        color: #fff;
        line-height: 14px;
        text-align: center;
        letter-spacing: 1px;
    }
    .memberTop {
        padding-top: 0px;
    }
}

@media screen and (max-width:415px) {
    .mobile-button {
        top: 9%;
    }
    .arrow {
        margin-top: 40px;
    }
    .rulesText2 li {
        float: none;
        width: 100%
    }
    .rulesText2 li .titleBgs {
        color: #fff
    }
    .lines2Bg {
        color: #fff
    }
    .rulesText3 li {
        float: none;
        width: 92%;
    }
    .rulesText3_mobile {
        display: block
    }
    .rulesText3_web {
        display: none
    }
}

@media screen and (max-width:385px) {
    .mobile-button {
        top: 9%;
    }
    .arrow {
        margin-top: 20px;
    }
}

@media screen and (max-width:376px) {
    .mobile-button {
        top: 8%;
    }
    .arrow {
        margin-top: 20px;
    }
    .lines2Bg {
        font-size: 12px
    }
}

@media screen and (max-width:361px) {
    .mobile-button {
        top: 8%;
    }
    .arrow {
        margin-top: 20px;
    }
}

@media screen and (max-width:321px) {
    .mobile-button {
        top: 3%;
    }
    .arrow {
        margin-top: 20px;
    }
    .menuOpen ul li a {
        font-size: 12px;
    }
    .heads td a {
        font-size: 12px;
    }
    .lines2Bg .fgLine {
        margin: 0 4px;
    }
    .contacttable {
        font-size: 12px
    }
}

.common {
    font-weight: bold;
    text-align: center;
    padding: 6px 0px;
}

.attend {
    border: 2px solid #D31145;
    background-color: #D31145;
    padding: 12px 0px;
    border-radius: 6px;
    color: #FFFFFF;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

.attend:hover {
    border: 2px solid #95042A;
    background-color: #95042A;
    padding: 12px 0px;
    border-radius: 6px;
    color: #FFFFFF;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

.attend2 {
    border: 2px solid #D31145;
    background-color: #ffffff;
    padding: 12px 0px;
    border-radius: 6px;
    color: #D31145;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

.rightTab {
    margin-bottom: 20px;
}

.organizers {
    border-top: 0px;
    background-color: #e1e1e1;
    color: #000;
    position: relative;
    border-bottom: 0px;
    font-size: 26px;
    font-family: '华文细黑';
    font-weight: 300;
    margin: 0px 2px 0 2px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    padding: 12px 0;
}

.rightBg {
    border-top: 0px;
    background-color: #ffffff;
    color: #000;
    position: relative;
    border-bottom: 0px;
    font-size: 26px;
    font-family: '华文细黑';
    font-weight: 300;
    margin: 0px 2px 0 2px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
    padding: 12px 0;
}