.header { width: 100%; padding-top: 10px; padding-bottom: 5px; background: #fff;  -webkit-transition: all .3s; transition: all .3s; }
.header .logo { float: left; margin-left: 80px; width: 20%; }
.header .logo img { height: 90px;  -webkit-transition: all .3s; transition: all .3s;}
.header .navWrap { float: right; width: 800px; }
.fixed { position: fixed; top: 0; padding-top: 5px; border-bottom: 1px solid #eee; box-shadow: 1px 0 3px rgba(0,0,0,0.25); z-index: 98; }
.fixed .logo img { height: 80px; margin-top: 5px; }
.nav { float: left; margin-top: 26px; }
.nav li { float: left; padding: 0 15px; line-height: 50px; cursor: pointer; }
.nav li.current { color: #e36208; border-bottom: 2px solid #e36208; }
.quick_btn { float: left; margin-left: 20px; width: 100px; height: 30px; background: #e36208; color: #fff; text-align: center; line-height: 30px; margin-top: 36px; border-radius: 3px; }
.quick_btn:hover { color: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.36); }
.ercode { position: fixed; top: 450px; right: 20px; width: 120px; height: 150px; overflow: hidden; cursor: pointer; z-index: 99; background: #fff; border: 1px solid #eee; }
.ercode img { width: 100px; height: 100px; margin: 10px auto 5px; }
.ercode span { display: block; line-height: 30px; text-align: center; font-size: 14px; }
/*.ercode span { position: absolute; left: 0; top: -100%; font-size: 12px; line-height: 20px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; color: #fff; padding: 15px 0; -webkit-transition: all .5s; transition: all .5s; }
.ercode:hover span { top: 0; }*/
.banner { width: 100%; position: relative; color: #fff;height:500px; overflow:hidden }
.banner img { width: 100%; }
.banner h2 { position: absolute; width: 100%; font-size: 60px; text-align: center; line-height: 80px; top: 170px; left: 0; font-weight: 600; }
.banner h3 { position: absolute; width: 100%; font-size: 52px; text-align: center; line-height: 60px; top: 80px; left: 0; color: #e36208; font-weight: 500; }
.banner .time { position: absolute; width: 100%; font-size: 20px; text-align: center; line-height: 50px; top: 280px; left: 0; background: url(../images/time_bg.png) center no-repeat; color: #000625; }
.bg { width: 96%; padding: 20px 2%; }
.bg .word { float: left; width: 41%; padding: 0 2%; }
.bg .word h3 { font-size: 32px; margin-top: 40px; margin-bottom: 30px; color: #e36208; }
.bg .word p { font-size: 14px; line-height: 24px; color: #555; }
.bg .word .top span{ display: block; text-indent: 2em; margin-bottom: 10px; }
.bg .word .more_btn { display: block; width: 60px; height: 60px; margin: 10px auto; background: url(../images/down_gray.png) center no-repeat; -webkit-transition: all .5s; transition: all .5s; }
.bg .word .up { background-image: url(../images/up_gray.png); }
.bg .word .more_btn:hover { background-image: url(../images/down_orange.png); }
.bg .word .up:hover { background-image: url(../images/up_orange.png); }
.bg .imgsWrap { float: right; width: 53%; margin-right: 2%; height: 450px; position: relative; }
.bg .imgs img { position: absolute; }
.bg .imgs .one { top: 170px; left: 0; }
.bg .imgs .two { top: 36px; left: 200px; }
.bg .imgs .three { top: 170px; left: 390px; width: 40%; }
.title { font-size: 28px; color: #333; width: 220px; text-align: center; margin: 20px auto 20px; line-height: 60px; border-bottom: 1px solid #ccc; position: relative; }
.title .line { position: absolute; width: 80px; height: 3px; background: #e36208; left: 70px; bottom: -2px; }
.set { width: 100%; background: #f6f6f6; overflow: hidden; }
.set .word { font-size: 14px; line-height: 24px; color: #555; width: 60%; margin: 0 auto; text-align: center; margin-bottom: 10px; }
.set .conf { width: 1200px; margin: 30px auto; }
.demo { float: left; width: 450px; height: 530px; position: relative; margin: 0 75px; }
.set .conf .conference { width: 410px; height: 490px; background: #fff; padding: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.25); }
.demo .front { position: absolute; top: 0; left: 0; }
.demo .behind { width: 100%; height: 100%; overflow: hidden; background: #e6ba97; background: rgba(230,186,151,0.5); box-shadow: 0 0 20px rgba(0,0,0,0.25); position: absolute; top: 0; left: 0; display: none; }
.demo.two .behind { background: #a7c1d2; background: rgba(167,193,210,0.5); box-shadow: 0 0 20px rgba(0,0,0,0.25);}
.demo .behind p { color: #000; font-size: 16px; line-height: 50px; text-align: center; margin-top: 100px; }
.demo h3 { font-size: 22px; text-align: center; height: 50px; margin-top: 20px; color: #333; }
.conference .circle { width: 180px; height: 32px; margin: 0 auto; margin-top: 20px; line-height: 32px; background: #e6ba97; color: #fff; text-align: center; }
.conference .icon { margin: 10px auto; }
.conference .lists { margin-top: 20px; }
.conference .lists li { height: 36px; text-align: center; }
.conference.one { border-bottom: 2px solid #e36208; }
.conference.one h3 span { color: #e36208; }
.conference.two { border-bottom: 2px solid #a7c1d2; }
.conference.two h3 span { color: #a7c1d2; }
.conference.two .circle { background: #a7c1d2; }

.audience { width: 96%; padding: 20px 2%; }
.audience .word { float: left; width: 31%; padding: 0 2%; }
.audience .word h3 { font-size: 32px; margin-top: 90px; margin-bottom: 30px; color: #e36208; }
.audience .word p { font-size: 14px; line-height: 24px; color: #555; }
.audience .imgs { float: right; width: 63%; margin-right: 2%; padding: 20px 0; }
.audience .imgs li { float: left; width: 23%; margin: 1%; position: relative; overflow: hidden; }
.audience .imgs li img { width: 90%; margin: 0 auto; }
.audience .imgs li span { position: absolute; left: 5%; top: -100%; font-size: 18px; line-height: 36px; width: 90%; height: 100%; background: rgba(0,102,168,0.5); text-align: center; color: #fff; padding-top: 50px; -webkit-transition: all .5s; transition: all .5s; }
.audience .imgs li:hover span { top: 0; }
.register { width: 90%; padding: 20px 5% 80px;  background: url(../images/register_bg.jpg) center bottom no-repeat; }
.register .regcon { margin-top: 20px; }
.register .contact { float: left; width: 40%; }
.register .contact h3 { font-size: 22px; margin: 20px 0; }
.register .contact .info { padding-left: 30px; border-left: 1px solid #000; padding-top: 1px; }
.register .contact .info li { font-size: 14px; line-height: 24px; margin-top: 20px; position: relative; }
.register .contact .info li span { font-weight: bold; }
.register .contact .info li::before { position: absolute; content: ""; width: 16px; height: 16px; border-radius: 8px; background: #eee; top: 4px; left: -38px; }
.register .contact .info li::after { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 5px; background: #ccc; top: 7px; left: -35px; }
.register .form { float: right; width: 50%; margin-right: 10%; padding: 20px 0; background: rgba(255,255,255,0.5); }
.register .form li { margin-top: 15px; }
.register .form li label { width: 18%; margin-right: 2%; float: left; line-height: 40px; text-align: right; }
.register .form li input { width: 70%; float: left; background: #eee; border: 1px solid #ccc; height: 40px; line-height: 40px; }
.register_btn { margin-left: 20%; width: 40%; height: 40px; line-height: 40px; text-align: center; margin-top: 15px; background: #e6ba97; color: #fff; font-size: 18px; cursor: pointer; }
.register_btn:hover { background: #e36208; }
.zhuban { width: 100%; overflow: hidden; }
.zhuban .zhubanlogos { width: 500px; margin: 0 auto; }
.zhuban .zhubanlogos li { float: left; width: 200px; margin: 0 25px; }
.zhuban .zhubanlogos li img { width: 100%; }
.xieban { width: 100%; overflow: hidden;  text-align: center;padding: 0 0 20px;}
.xieban .xiebanlogos { display: inline-block; }
.xieban .xiebanlogos li { float: left; margin: 0 5px; }
.xieban .xiebanlogos li img { height: 60px; }
.logos { overflow: hidden; }
.logos li { float: left; width: 14.25%; margin-bottom:20px; }
.logos li img { width: 80%; margin: 0 auto; }
.review { width: 92%; padding:0 4% 20px; overflow: hidden; background: #f2f2f2; }
.review img { display: inline-block; }
.footer { width: 100%; padding: 30px 0; text-align: center; font-size: 12px; line-height: 24px; color: #fff; background: #606060; }

.hotel { text-align: center; background: #f6f6f6; overflow: hidden; padding-bottom: 20px; }
.hotel .hotle_info { width: 1036px; margin: 0 auto; color: #555; text-align: left; }
.hotel .hotel_name { font-size: 18px; line-height: 30px; margin-bottom: 5px; font-weight: bold; }
.hotel p { font-size: 16px; }
.hotel .hotel_contact { font-size: 16px; line-height: 30px; margin-top: 5px; }
.hotel .hotel_contact span { font-weight: bold; }
.hotel_imgs { height: 350px; display: inline-block; margin-top: 5px; }
.hotel_imgs img { float: left; margin: 0 5px; height: 100%; }

.hiddenOnPc { display: none; }