@charset "UTF-8";

/*@font-face
{
    font-family: "DINCond-Bold";
    src: url(font/DINCond-Bold.otf);
}*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body {line-height: 1;}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section {display: block;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a {margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: "";display: table;line-height: 0;}
.clearfix:after {clear: both;}
body,
html {height: 100%;}
html {font-size: 16px;}
body {font-family: "PingFang SC","Microsoft Yahei",sans-serif;line-height: 1.5;color: #000;}
body:after {content: 'xs';display: block;position: absolute;top: -9999px}
a {text-decoration: none;color: #434343;}
a:hover {text-decoration: underline;}

@media (min-width: 768px) {.mobileshow {display: none;}
    .mobilehide {display: inline-block;}}

@media (max-width: 767px) {
    .mobileshow {display: block;}
    .mobilehide {display: none;}
}

.button,
.button:visited {cursor:pointer;border: 2px solid #0e90ff;font-size: 1.1em;color: #fff;padding: 0.2em 2em;display: inline-block;*display: inline;zoom: 1;font-weight: 400;border-radius:1.875em;color: #0e90ff;}
.button:hover {text-decoration: none;background: #0e90ff;color:#fff; border-color:#0e90ff;}
.button:active{ background:#c70069; border-color:#c70069;}
.button i {width: 14px;height: 14px;background: url(../images/lt.png) no-repeat 50% 50%;display: inline-block;zoom: 1;vertical-align: 0px;margin: 0 0 0 4px;}

@media only screen and (min-width: 768px) {
    .button {font-size: 1.1em;}
}

.top-menu {border-bottom:1px solid #F0F2F6;background: rgba(255, 255, 255, 1);-webkit-transition: padding 200ms;transition: padding 200ms;position: fixed;z-index: 1000;top: 0;left: 0;width: 100%;font-size: 0.875em;height: 80px;}
.top-menu nav {margin: 0 auto;padding:0;}
.top-menu .logo img {float: left;display: block;margin: 0.8em 0 0 1.5em;height: 2.5em;-webkit-transition: all 200ms;transition: all 200ms;display: inline;}
.top-menu .date-botton {float: right;vertical-align: middle;display: inline;}
.top-menu .date-botton .date {display: none;vertical-align: top;zoom: 1;*display: inline;background: #efefef;border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;border-top: 1px solid #d8d8d8;height: 3.125em;line-height: 3.125em;padding: 0 0.8125em;margin: 0 0.8em 0 0;}
.top-menu .date-botton .date span {color: #616161;font-size: 0.875em;}
.top-menu .date-botton .date em {font-size: 2.5em;color: #60b7eb;padding: 0 0.275em;font-weight: 100;vertical-align: middle;font-style: normal;}
.top-menu .nav-toggle {float: left; margin-top:13px; margin-left: 1.5em;background: #FFF url(../images/toggle-menu.png) 50% 50% no-repeat;-webkit-background-size: 50% 50%;background-size: 50% 50%;border: 1px solid #d9e0e2;width: 2.5em;height: 2.3em;border-radius: 0.15em;}
.top-menu nav {zoom: 1;}
.top-menu nav:after {content: "";display: table;line-height: 0;clear: both;}
.top-menu .button,
.top-menu .button:visited{border-radius: 0;background: #0e90ff;color:#fff;padding: 0 2em;font-size:1.375em; height:64px; overflow: hidden; line-height: 64px; padding-top:1px; position: relative; display: block;}
.top-menu .button:hover{ background: #e00077; border-color:#e00077;}
.top-menu .button:active{ background: #c70069; border-color:#c70069;}

.site-nav {background-color: #fff;clear: both;position: relative;display: none;-webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2);}
.site-nav > li {position: relative}
.site-nav > li > a {color: #616161;display: block;-webkit-transition: all 200ms;transition: all 200ms;padding: 0 1em;  font-size: 18px;}
.site-nav > li > a:hover {text-decoration: none; color:#0e90ff;}
.site-nav > li.has-sub ul {display: none;}
.site-nav > li.has-sub ul li a {color: #8a8a8a;display: block;padding: 0.6em 1em;background-color: #efefef;padding-left: 2em;-webkit-transition: all 150ms;transition: all 150ms}
.site-nav > li.has-sub ul li a:hover {color: #0e90ff;}
.site-nav > li.has-sub.expanded > a {}
.site-nav > li.has-sub.expanded > a::after {background: url(../images/lb2.png);}
.site-nav > li.has-sub.expanded + li > a {border-top-color: #efefef;}
.site-nav > li.has-sub:hover::after {opacity: 1}
.site-nav > li.has-sub span{ display: none;}
.site-nav.scroll {overflow: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch}
.index .n1 a,.index .n1 a:visited,.index .n1 a:hover,
.speakers .n2 a,.speakers .n2 a:visited,.speakers .n2 a:hover,
.schedules .n3 a,.schedules .n3 a:visited,.schedules .n3 a:hover,
.news .n4 a,.news .n4 a:visited,.news .n4 a:hover,
.join .n5 a,.join .n5 a:visited,.join .n5 a:hover,
.sponsors .n6 a,.sponsors .n6 a:visited,.sponsors .n6 a:hover,
.exhibit .n7 a,.exhibit .n7 a:visited,.exhibit .n7 a:hover{color:#0e90ff;}
.exhibit .has-sub ul a,.exhibit .has-sub ul a:visited,.exhibit .has-sub ul a:hover,
.speakers .has-sub ul a,.speakers .has-sub ul a:visited,.speakers .has-sub ul a:hover,
.join .has-sub ul a,.join .has-sub ul a:visited,.join .has-sub ul a:hover{color: #8a8a8a;}
 .top-menu .site-nav > li > a {text-align: center;}
  .top-menu .site-nav > li > a {text-align: center;}
  .site-nav > li > a>u{font-weight: normal;font-size: 14px;text-decoration:none;}

.banner{width:100%;height:570px; background:url(/Public/buildwebsite/picture/banner2.jpg) no-repeat center;}
 .banner div{width:670px;padding-left: 150px;}
        .banner h1{font-size:68px;padding-top: 130px;padding-bottom: 50px;color:#fff;}
    /*    .banner a{padding:10px 70px;border:2px solid #65ffff;border-radius: 10px;color:#fff;font-size: 18px;}*/
        .banner p{margin-top: 60px;color:#fff;font-size: 16px;}
@media screen and (min-width: 840px) {
    .top-menu .logo img {margin: 0.8em 0 0 1.5em;height: 3em;}
    .top-menu .nav-toggle {margin-left: 1.5em;width: 3em;height: 3em;}
    .top-menu .site-nav {clear: none;float: left;display: none;white-space: nowrap;padding: 1.6em 0 0 1.6em;background: none;-webkit-box-shadow: none;box-shadow: none;}
    .top-menu .site-nav > li {float: left;position: relative;}
    .top-menu .site-nav > li:first-child {border-left: none;}
    .top-menu .site-nav > li > a {-webkit-transition: all 200ms;transition: all 200ms;color: #4a4a4a;display: block;border-top:0;}
    .top-menu .site-nav > li > a:hover {color: #0e90ff;text-decoration: none;}
    .site-nav > li.has-sub ul,
    .site-nav > li.expanded ul {display: block !important;height: 0;left: 50%; margin-left: -60px;overflow: hidden;position: absolute;width: 120px;z-index: 2;-webkit-transition: all 0s;transition: all 0s;-ms-transform: translateY(24px);-webkit-transform: translateY(24px);transform: translateY(24px);}
    .site-nav > li.has-sub ul li a {color: #616161;display: block;border-top:0;border-left:1px solid #F0F2F6;border-right:1px solid #F0F2F6;font-size: 1em !important;padding: 0.6em 1em;background-color: #fff;-webkit-transition: all 150ms;transition: all 150ms;text-align: center;}
    .site-nav > li.has-sub ul li a:hover {text-decoration: none;color: #e40082;}
    .site-nav > li.has-sub ul li:first-child a{border-top:1px solid #F0F2F6;}
    /*
	.site-nav > li.has-sub ul::after,
	.site-nav > li.expanded ul::after {border-bottom: 8px solid #efefef;border-left: 8px solid transparent;border-right: 8px solid transparent;content: '';display: block;height: 0;margin-left: -8px;left: 50%;top: 0;width: 0;position: absolute;}
	*/
    .site-nav > li.has-sub:hover ul,
    .site-nav > li.expanded:hover ul {height: auto;padding-top: 8px;-ms-transform: translateY(0px);-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: height 0s, padding 250ms ease-out, -webkit-transform 250ms ease-out;transition: height 0s, padding 250ms ease-out, transform 250ms ease-out;}
    .site-nav > li.has-sub:hover ul{border-bottom:1px solid #F0F2F6; }
    .top-menu .site-nav {display: block !important;}
    .top-menu .nav-toggle {display: none;}
    #top.shrink {font-size: 0.875em !important;}
    .site-nav > li.has-sub > a::after {display: none;}
}

      
@media only screen and (max-width: 1024px) {
    .top-menu {font-size: 0.8em;}
    .top-menu .apply-button {padding: 0.36em 0.5em;border-radius: 4px;}
}

@media only screen and (min-width: 1200px) {
 .top-menu .site-nav > li > a {padding: 0 26px;}
    .top-menu .date-botton .date {display: inline-block;}

}
@media (min-width:840px) and (max-width: 1120px) {
            .top-menu .site-nav > li > a {padding:0 11px;}
        }


@media (max-width: 767px) {
    .top-menu{height:58px;}
    .top-menu .button{height: 54px; line-height: 54px;}
    .top-menu .logo img{margin-top:0.9em;}
    .site-nav > li{border-top: 1px solid #f0f0f0; display: inline-block;width:100%;}
    .site-nav > li.has-sub::after {background: url("../images/lb1.png") no-repeat;height: 7px;width: 11px;content: '';display: block;position: absolute;top: 20px;right: 1em;-webkit-transition: all 150ms;transition: all 150ms}
    .site-nav > li.has-sub span{display:block; width:10%; height: 50px; float: right;}
    .site-nav > li:first-child{border-top:0;}
    .site-nav > li > a {height: 50px; line-height: 50px; padding:0 11px;}
    .site-nav > li.has-sub > a{ width:80%;float: left;}
    .site-nav > li.has-sub ul{ clear: both;}
    .banner{height:445px;background:url(/Public/buildwebsite/picture/banner1.jpg) no-repeat -1000px;}
     .banner div{width:320px;padding-left: 0;margin:0 auto;}
     .banner h1{font-size:30px;padding-top: 90px;padding-bottom: 30px;text-align: center;}
/*      .banner a{margin-left: 55px;}*/
     .banner div p{margin-top: 20px;}
}


.wrapper {margin: 0 auto;max-width: 1200px;padding-left: 1em;padding-right: 1em;}
.slider-pro{ background:#000;}
.parallax{position:relative;width:100%;height:100vh; overflow: hidden;}
.parallax-text1{position:relative;display:inline-block;margin:0 auto; text-align: center; width:100%; }
.text-img1{ width:80%; height: auto; max-width:500px;}
.text-img2{ position: absolute; bottom:0; left:0;  width:auto; height: 90%;}
.text-img2s{ width:100%; height: auto;}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{width:20%; background:rgba(255,255,255,0.3);}
.sp-next-arrow:hover:after, .sp-next-arrow:hover:before, .sp-previous-arrow:hover:after, .sp-previous-arrow:hover:before{background:rgba(255,255,255,0.8);}
.sp-grab{cursor: pointer;}
@media only screen and (max-width:768px){
    .vertical-center{padding:0;}
    .text-img{width:90%;height:auto;}
    .sp-horizontal .sp-arrows{display:none;}
}

.news_cont {overflow: auto;-webkit-overflow-scrolling: touch;}
.news_items {width: 100%;box-sizing: border-box;}
.news_item {box-sizing: border-box;float: left;width: 25%;}
.news_item a {background-color: #000;color: #FFF;display: block;overflow: hidden;position: relative;}
.news_item_image:hover {-webkit-transition: transform 1.5s ease;transition: transform 1.5s ease;-webkit-transform: scale(1.05);transform: scale(1.05);will-change: transform;}
.news_item_image img {display: block;height: auto;width: 100%;}
.news_item_text {box-sizing: border-box;bottom: 0;color: #FFF;letter-spacing: -0.025em;background: rgba(0, 0, 0, 0.6);height:80px;position: absolute;z-index: 2;width: 100%;}
.u-m-0_5 {margin-bottom: 0.5em !important;}
.u-m-0_25 {margin-bottom: 0.25em !important;}
.news_item_text h5 {font-size: 14px;font-weight: 300;letter-spacing: 0.04em;line-height: 1;text-transform: uppercase;}
.news_item_text h3 {color: #fff;font-size: 1.6em;font-weight:normal;line-height: 1;letter-spacing: -0.015em;}
.news_item_text p {font-size: 15px;margin: 0;letter-spacing: 0.015em;line-height: 1.5;}
.news_item_text h3,.news_item_text p{padding-left:16px;}
.news_item_text h3{padding-top:4px;}
.news_item_text p{padding-top:16px;}
.effect-lily img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:0.5s,-webkit-transform 0.5s;transition:0.5s,transform 0.5s;}
.effect-lily li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.effect-lily h3{-webkit-transform:translate3d(0,28px,0);transform:translate3d(0,28px,0);-webkit-transition:opacity 0.2s,-webkit-transform 0.5s;transition:opacity 0.2s,transform 0.35s;}
.effect-lily li:hover h3{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); padding-top:15px;}
.effect-lily p{-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);-webkit-transition:opacity 0.2s,-webkit-transform 0.5s;transition:opacity 0.2s,transform 0.5s;}
.effect-lily li:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); padding-top:0px;}
.effect-lily li:hover .news_item_text{ background:#000;}
@media (max-width: 769px) {
    .news_item {width: 50%;}
    .news_item_text h3{font-size:20px; padding-top:10px;}
    .news_item_text p{display: none;}
    .news_item_text{height:40px;}
    .effect-lily h3{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}
}


.titles {margin-bottom: 78px;}
.titles h2 {position: relative;text-align: center;font-weight: 300;padding: 0 1.2em;}
.titles h2 strong { letter-spacing:2px; font-weight: normal;display: block;font-size: 48px;color: #000;line-height: 1.4;-webkit-font-smoothing: antialiased;}
.titles h2 em {display: block;color: #0e90ff;font-size: 28px;line-height: 1.1;font-style: normal;padding:12px 0 12px 0;}
.titles h2 p {display: block;color: #797E83;padding:24px 0 0px 0;letter-spacing:1px; max-width: 1200px; margin:0 auto;}
.titles .mores{ color:#0e90ff; font-size: 16px; display: block; margin-top:25px; }
.titles .button{margin-top:48px;}
.titles h2 .download{padding-top:12px;}
.stitles{padding-top:100px; margin-bottom:40px;}
.stitles h2 strong{font-size:40px; font-weight: 200;}
.newtitle{padding-top:85px; margin-bottom:5px;}
.newtitle a{color:#0e90ff;}
/*.newtitle a{display:inline-block;width: 100px;height:50px;line-height:50px;background: url(../images/title-nav.png) no-repeat;background-size: cover;}*/
.titlesbg{ height:298px; text-align: center; color:#fff;  background: url(../images/zzhz_bg.jpg) no-repeat; background-size: cover;}
.titlesbg strong{ font-weight: 400; font-size: 48px; display: block; text-align: center;}
.titlesbg p{padding-top:16px;  max-width:900px; margin:0 auto; padding-top:20px;}
.vertical-center{width:100%;z-index:10;min-height:100%;display:-webkit-flex;display:flex;align-items:center;}
.title_text{max-width: 1200px; margin:0 auto;}
.smtitles{ height:40px; margin:55px 0 45px 0; text-align: center;}
.smtitles strong{font-size: 28px;color: #000000; display:inline-block; padding:0 130px;position: relative;}
.smtitles span{ background:#fff; padding:0 22px; display: inline-block; position: relative; z-index: 2; }
.smtitles strong:after{content: '';position: absolute;left: 0;top: 20px;display: block;width:100%;height: 1px; background:#A8AEB4;}
.smtitles p{font-size: 14px;color: #797E83;}
.hui_bg span{background: #F4F7F8;}

.mod {padding: 86px 0 0 0;background: #fff;}
.main{margin-top:69px;}

@media screen and (max-width: 768px) {
    .titles {margin-bottom: 38px;}
    .stitles {margin-bottom: 20px; padding-top:80px;}
    .mod {padding: 20px 0 20px 0;}
    .titles h2 strong{ font-size:32px; font-weight: 600;}
    .titles h2 em{ font-size:1.25em;}
    .titlesbg strong{ font-size:30px;}
    .titlesbg p{ font-size:14px; padding:20px 5% 0 5%;}
    .exhibitiontitle em{ font-size:16px;}
    .main{margin-top:58px;}
    .smtitles strong{padding:0; font-size: 24px; display: block;}
    .titles .button{margin-top:28px;}
}

/*我们做什么*/
.video .wrapper,
.overview .wrapper{max-width:100%; padding:0;text-align: center;}
.overview .wrapper *,.overview .wrapper *:after,.overview .wrapper *:before{ box-sizing:border-box;}
figure {position: relative;z-index: 1;display: inline-block;overflow: hidden;float:left;width: 33.333%;box-sizing: border-box;text-align: center;cursor: pointer;}
figure img {position: relative;display: block;height:auto; width:100%;}
figure figcaption {padding: 2em;color: #fff; text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
figure figcaption::before,
figure figcaption::after {pointer-events: none;}
figure figcaption,
figure a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
figure a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
figure h2 {word-spacing: -0.15em;font-weight: 300; font-size: 1.625em;}
figure h2 span {font-weight: 800;}
figure h2,
figure p {margin: 0; }
figure p {letter-spacing: 1px;font-size: 68.5%;padding:0 1em; text-align: left;}
figure.effect-sadie figcaption{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
figure.effect-sadie h2 {text-shadow: 0 4px 10px rgba(0,0,0,0.3); position: absolute;top: 50%;left: 0;width: 100%;color: #fff; letter-spacing:1px; -webkit-transition: -webkit-transform 0.35s, color 0.35s;transition: transform 0.35s, color 0.35s;-webkit-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
figure.effect-sadie figcaption::before,
figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie p {position: absolute;top: 0;left: 0;padding:25% 48px 0;width: 100%; height:100%;text-align:center;opacity: 0;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
figure.effect-sadie:hover h2 {color: #fff;-webkit-transform: translate3d(0,-100%,0) translate3d(0,-40px,0);transform: translate3d(0,-100%,0) translate3d(0,-40px,0);}
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-sadie:hover figcaption{ opacity: 1;transition: opacity 1s;background:rgba(0,0,0,0.8); }

@media (max-width: 767px) {
    figure{width:50%;}
    figure h2{font-size:1em; font-weight: 600;}
    figure p{display:none;}
    figure.effect-sadie:hover h2 {-webkit-transition: -webkit-transform 0.35s, color 0.35s;transition: transform 0.35s, color 0.35s;-webkit-transform: translate3d(0,-50%,0);transform: translate3d(0,-50%,0);}
    figure.effect-sadie:hover p {opacity: 0;}
    figure.effect-sadie:active,
    figure.effect-sadie:active h2{color:#fff;}
}


/*合作赞助企业*/
.partner{ padding-bottom:0px;}
.partner .wrapper {padding-top:50px;}
.one_half{ margin-right:41.8%;}
.partner-gay {background: #F4F7F8;}
.partner-list{padding-bottom:50px;}
.partner-list img {width: 100%;max-width: 140px;}
.partner-list li {float: left;width: 33%;margin-bottom: 70px; text-align:left;}
.partner-list h3 {font-weight:300;padding: 0 0 30px 0;color: #797E83;}
.partner-title{font-weight: 300; padding-bottom:30px; color:#797E83; }
.partner-list i,
.partner-list .name {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.partner-list i {background: #000;opacity: 0.6;}
.partner-list .name {height: 100%;color: #fff;text-align: center;top: 50%;margin-top: -0.4em;font-size: 0.8em;line-height: 1;}
.partner-list a {display: block;position: relative;width: 80%;max-width: 140px;max-height: 65px;border: 1px solid #F6F6F6;}
.partner-gay .partner-list a{border-color:#F0F0F0;}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .partner-title,
    .partner-list h3 {font-size: 1.125em;}
    .partner .wrapper {font-size: 1em;}
    .partner-list li,
    .partner-title {width: 16.4%;}
    .partner-list {font-size: 1em;}
    .partner-list a:hover i,.partner-list a:hover .name {display: block;}
    .partner-list .partner-other {width: 75%;}
    .partner-nomar li {width: 33%;}
}

@media only screen and (min-width: 1024px) {
    .partner-list h3 {font-size: 1em;}
    .partner-list li,
    .partner-title {width: 16.4%;}
    .partner-list a:hover i,
    .partner-list a:hover .name {display: block;}
    .partner-list .partner-other {width: 80%;}
    .partner-nomar li {width: 25%;}
}
@media screen and (max-width: 768px) {
    .partner-list .partner-other {width: 67%;}
    .one_half{ margin-right:17%;}
    .partner-list li{width:50%;}
    .partner-list{padding-bottom:30px;}
    .partner .wrapper{padding-top:40px;}
}

.history *, .history *:after, .history *:before{box-sizing:border-box;}
.history{ display: inline-block; width:100%; position: relative; margin-bottom:-1px;}
.imgmasktitle li{  display: inline-block; float: left; width:50%; text-align: center; position:relative;}
.imgmasktitle li a{ display: block; width:100%; height: 100%; overflow: hidden;}
.imgmasktitle li span{ display: none; position: absolute; left:0; top:0;justify-content:center;align-items:Center; width:100%; height:100%; color:#fff; font-size:28px; background: rgba(0,0,0,0.8);}
.imgmasktitle li a:hover span{ text-decoration: underline; display: flex;}
.imgmasktitle li img{width:100%; height: auto; display: block;}

@media only screen and (max-width: 768px) {
    .imgmasktitle li{width:100%; }
    .history{padding-bottom:0;}
}

/*底部*/
.site-foot {background: #000;color: #A8AEB4;padding: 0 0 1.2em; width:100%; clear:both; text-align: left;}
.site-foot a {color: #fff;}
.site-foot .unline{ text-decoration: underline; color:#fff;}
.site-foot .row {padding: 1.2em 0 0;}
.site-foot .row h3 {font-size: 17px;font-weight: 600;margin-bottom: 0.3em;color: #fff;-webkit-font-smoothing: antialiased;}
.site-foot .row ul,
.site-foot .row p,
.site-foot .row li,
.site-foot .row li a {font-size: 13px;}
.site-foot .row ul span {display: inline-block;vertical-align: top;}
.site-foot .c{display: none;}

@media only screen and (min-width: 768px) {
    .site-foot {padding: 0;}
    .site-foot .row {padding: 2.875em 1.5em 2.875em 1.5em;line-height: 1.8;}
    .site-foot .border-col {border-left: 1px solid #e87bb9;border-right: 1px solid #e87bb9;margin: 0 -1px;height: 400px;}
    .site-foot:after {content: "";display: table;line-height: 0;clear: both;}
    .site-foot .col {float: left;}
    .site-foot .col1{width:15%;}
    .site-foot .col2{width:25%;}
    .site-foot .col3{width:35%;}
    .site-foot .col4{width:25%;}

}


@media only screen and (max-width: 768px) {
    .share_containter {display: none;}
    .legal .share{margin-right: 0; float: none;}
    .legal .bdsharebuttonbox a {margin-left:0px;}
    .legal .copy-right{ padding-top:0px;}
    .site-foot .col1{width:50%;float: left;}
    .site-foot .col2{width:50%;float: left;}
    .site-foot .c{display: block;}
}

/*赞助合作*/
.information,
.beyond,
.programme,
.review,
.connection,
.joinus,
.why,
.conhere,
.message{padding-bottom:68px;}
.iconlist li{ float: left; width:33.33%; text-align: center;}
.iconlist img{ width:132px; height: 132px;}
.iconlist strong{ font-size:18px; color:#666; font-weight: 600; padding-top:30px;display: block;}
.iconlist p{ font-size:16px; color:#333;padding:20px 30px 0;}
.information,
.beyond,
.review,
.connection,
.benefit{ background:#F4F7F8;}
.imgtitlemask li{ box-sizing:border-box; float: left; width:33.33%; position: relative;}
.imgtitlemask p{ position: absolute; left:0; bottom:0; height:60px; background:rgba(0,0,0,0.65); text-align: center; font-size: 26px; color:#fff; line-height: 60px; overflow: hidden; width:100%;}
.imgtitlemask img{ display: block;width:100%; height: auto;}
.joinus .iconlist li{ width:25%;}
.joinus .iconlist img{ width:200px; height: 120px;}
.joinus .iconlist strong{ font-size:20px;}
.vcard{ float: left; width:48%; margin-left:4%; background:#fff; border-bottom:1px solid #F0F2F6;}
.vcard dt{color:#A8AEB4; font-size:24px; line-height:1; height:40px; padding:5% 0 0 10%; position: relative; margin-bottom:30px;}
.vcard dt:after{position: absolute;left: 10%;bottom: 0;content: "";width: 32px;height: 2px;background-color: #A8AEB4;}
.vcard dd{padding-left:10%; height: 55px; font-size:16px; color:#000;}

.phone dt{padding:5% 0 0 72%;}
.phone dt:after{left: 81%;}
.phone dd{text-align:right;padding-right:12%;}


.phone{margin-left:0; background:#fff url(../images/phone.png) no-repeat 10% center; background-size:120px 120px;}
.email{background:#fff url(../images/email.png) no-repeat 90% center; background-size:120px 120px;}
.zl1,.zl2{ background:#fff no-repeat 90% center; background-size:120px 120px; border:1px solid #F0F2F6;}
.zl1{background-image: url(../images/zlt1.png);margin-left:0;}
.zl2{background-image: url(../images/zlt2.png); margin-left:3%;}

.sponsortitle .button,
.theytitle .button,
.rcyl .button{margin-top:20px;border-color:#fff; color:#fff; background: none;}
.beyond .partner-list a{border-color:#f0f0f0;}
.connection .titles{margin-bottom:58px;}


.hotellist li{ width:576px; float: left; margin-right:43px; margin-bottom:65px;}
.hotellist li:nth-child(2n){ margin-right:0;}
.hotellist li img{ width:100%; height: auto; margin:15px 0;}
.hotellist .titles{font-size: 28px;color: #000000;letter-spacing: 1.75px;line-height: 36px;}
.hotellist p{font-size: 15px;color: #4A4A4A;letter-spacing: 0.93px; font-weight: 200; padding:15px 0 0 0;}
.FC_F90084{color:#0e90ff;}
.FC_F5A623{color:#F5A623;}
.FC_4A4A4A{color:#4A4A4A;}
.FC_A8AEB4{color:#A8AEB4;}
.hotellist em{ font-style: normal;}
.hotellist strong{  margin-top:15px; display:block;font-weight:400;font-size: 18px;color: #000000;letter-spacing: 1.12px;}
.hotellist i{ float: left; display: inline-block; width:24px; height: 24px; margin-right:10px; background-size: 24px auto; }
.hotellist .phone{background-image: url("../images/h_phone.png");}
.hotellist .goto{background-image: url("../images/h_newtab.png");}
.hotellist .download{background-image: url("../images/h_download.png");}
.hotellist .price,
.hotellist .location{font-size: 16px;color: #4A4A4A;line-height: 24px; display: block;}
.hotellist .location{margin-top:15px;}
.hotellist strong a{color:#000; text-decoration: underline;}
.hotellist .location a{ font-size:16px; text-decoration: underline; margin-right:10px;}
.warm_prompt { clear: both; width:100%; padding-bottom:65px;}
.warm_prompt strong{font-size: 18px;color: #0e90ff;letter-spacing: 1.12px;line-height: 24px;}
.warm_prompt p{font-size: 16px;color: #000000;line-height: 24px;}

@media only screen and (max-width: 768px) {
    .hotellist li{ width:100%;}

}

/*参会价值*/
.mod_gay{background:#F4F7F8;}
.intro-container{padding-top:69px;text-align:center;width:100%;}
.intro-banner{width:100%;height:600px;overflow:hidden; background-position: 0 auto; background-repeat: no-repeat; background-size:cover;}
.banner-cover{margin:10% auto;color:#fff;}
.banner-cover h1{font-size:4em;font-weight:600;line-height:1.2}
.banner-cover h3{font-size:2em;padding:1em 0;}
.banner-cover p{font-size:1.3em;}
.intro-cell{padding-bottom:68px;}
.intro-cell img{width:100%;height:auto;margin:0 auto;}
.ReviewPhoto{padding-top:45px;}
.ReviewPhoto .titles{margin-bottom: 50px;}

@media screen and (min-width:768px) and (max-width:1366px){
    .banner-cover{width:38%;};
}
@media screen and (max-width:768px){
    .intro-container{padding-top:55px;text-align:center;width:100%;}
    .intro-banner{width:100%;height:100%;overflow:hidden;background:url(../images/banner.jpg)}
    .banner-cover{margin:10% auto;color:#fff;}
    .banner-cover h1{font-size:2.2em;font-weight:600;line-height:1.2}
    .banner-cover h3{font-size:1.5em;padding:1em 0;}
    .banner-cover p{font-size:1em;}
    .intro-cell{width:100%;margin:0 auto;}
    .intro-cell img{width:100%;height:auto;margin:0 auto;}
    .ReviewPhoto{padding-bottom:0;}
    .ReviewPhoto .titles{margin-bottom:38px;}
} 

/*园冶动态*/
.mod-article-list {float: left;width: 845px;}
.mod-head span {font-size: 1.5em;font-weight: bold;}
.mod-body ul li {height: 100%;padding:0 0 24px;overflow: hidden;font-size: 14px;}
.mod-body li a{ display: inline-block; width:100%;}
.mod-body li a:hover {text-decoration: none; }
.mod-body-img {display: block;float: left;margin-right: 40px; position:relative;}
.mod-body-img img {width: 220px;height: auto; display: block;}
.mod-body-img i{ color:#fff; display: block; position: absolute; left:0; top:0; text-align: center; line-height: 24px; overflow: hidden; font-style: normal; font-size: 15px; width:44px; height: 22px; overflow: hidden; background: #EC575D;}
.mod-body-cont {overflow: hidden;}
.mod-body-wrapper {position: relative;}
.mod-body-title {margin-bottom: 10px; display: inline-block; width:100%;}
.mod-body-title strong {font-size: 18px;font-weight: 600;color:#4A4A4A; line-height: 27px;}
.mod-body-title span {color: #C4CBD2;padding-top: 6px;font-size: 14px; display: block;}
.mod-body-wrapper p {display: block;font-size: 16px;color: #A8AEB4;font-weight:300; line-height: 24px; }
.mod-article-aside {float: right;width: 300px; }
.mod-article-aside .sub_title{ padding-bottom:10px; font-size: 16px;}
.mod-article-aside .sub_title a{float: right; font-size: 16px; color:#0e90ff; margin-top:4px;}
.mod-article-aside-cont {width: 100%;text-align: center;font-size: 1em;font-weight: lighter;color: #000;}
.mod-article-aside-cont span {display: block;font-weight: lighter;padding-bottom: 1em;}
.mod-body li a:hover strong{ color:#0e90ff;}
/*侧边的列表*/
.BlurImgTitleSum li i{-webkit-filter: blur(12px); -moz-filter: blur(12px); -ms-filter: blur(12px);
    filter: blur(12px); width:300px; height: 120px; display: block; background-size:cover; border-radius: 2px; position: absolute;left:0; top:0; z-index: 1; background-position: center; overflow: hidden; }
.BlurImgTitleSum li{padding-left: 10px; width:300px; height: 40px;line-height:40px;position: relative; border:1px solid #F0F2F6; margin-bottom:-1px;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:#fff; }
.BlurImgTitleSum li .ico{margin-right: 10px;margin-bottom: 3px;display: inline-block;width: 3px;height:3px;background: #6b6b6b;}

.BlurImgTitleSum a{ width:90%;position: absolute; z-index: 9; color:#4A4A4A;height: 40px; border-radius: 2px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.BlurImgTitleSum a:hover{ text-decoration: none;}
.BlurImgTitleSum img{ float: left; width:88px; height: 88px; border-radius: 100%; margin:16px 16px 0 16px;}
.BlurImgTitleSum strong{ font-size: 14px; height: 65px; display: block; margin:20px 15px 0 0; line-height: 19px;}
.BlurImgTitleSum span{ font-size:12px;font-weight: 400; height: 20px; overflow: hidden; display: block;}
/*.BlurImgTitleSum em{ font-size:10px;padding-left: 8px; font-weight: 200; font-style: normal;}*/
.BlurImgTitleSum a:hover strong{ text-decoration: underline;}
.page {padding: 1em 10px;}
.page li {display:inline-block;padding: 0.275em 10px; font-size: 16px; color:#000;}
.page input{border:1px solid #C4CBD2; background: none; height: 28px; line-height: 1; color:#4A4A4A; font-size: 14px; padding:0 10px;}
.Page_dian a {color: #0e90ff;}

/**大赛介绍**/
.mod-body p{font-size: 14px;line-height: 24px;margin-bottom: 20px;text-indent: 2em;}
.red{color:red;}

@media only screen and (max-width: 1200px) {
    .mod-article-aside {display: none;}
    .mod-article-list{ width:100%;}
}

@media only screen and (max-width: 768px) {
    .mod-body ul li{ padding-bottom:35px;}
    .mod-body-img img {width: 100%;height: auto;}
    .schedule-list li {width: 100%;margin-right: 0;max-width: 440px;margin: 0 auto 2.25em;display: block;font-size: 0.9em;}
    .mod-body-img {float: none;text-align: center; margin-right:0;}
    .schedule-list {padding-top: 2em;}
    .mod-article-list {width: 100%;border: none;}
    .mod-article-aside {display: none;}
    .mod-body-title{margin-top:10px;}
    .page-tab a {width: 30%;padding-left: 0;padding-right: 0;}
    .page{padding:1em 0;}
}

/*2017作品列表*/
.project-nav{width: 516px;margin: 0 auto;}
.project-nav li{float: left;margin-left: 10px;margin-right: 10px;width: 150px;height: 50px;text-align:center;line-height:50px;border: 1px solid #0e90ff;}
.project-nav li.act{background-color: #0e90ff;}
.project-nav li.act a{color:#fff;}
.project-list li{ box-sizing: border-box;float: left;width: 33%;text-align: center;margin-bottom: 30px;}
.project-list li img{width: 95%;}
.project-list li p{font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-overflow:ellipsis;white-space: nowrap;}

@media (max-width: 769px){
.project-list li {
    width: 50%;
}
}

.project-img img{max-width:700px;}
.detail-con{padding:20px 20px 40px 40px;background-color: #fff;}
.detail-con h2{font-size: 26px;line-height: 30px;color: #444444;font-weight: 500;}
.project-intro{margin-top: 30px;margin-bottom: 20px;line-height: 28px;}