@charset "utf-8";
/* 此@media查询样式单位是以效果图宽360px为例定义的大小 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
}

html { font-size : 22.5px; width:100%; overflow-x:hidden;}
@media only screen and (min-width: 320px){
    html { font-size: 20px !important;}
}
@media only screen and (min-width: 360px){
    html { font-size: 22.5px !important;}
}
@media only screen and (min-width: 375px){
    html { font-size: 23.4375px !important;}
}
@media only screen and (min-width: 400px){
    html { font-size: 25px !important;}
}
@media only screen and (min-width: 414px){
    html { font-size: 25.875px !important;}
}
@media only screen and (min-width: 428px){
    html { font-size: 26.75px !important;}
}
@media only screen and (min-width: 480px){
    html { font-size: 30px !important;}
}
@media only screen and (min-width: 569px){
    html { font-size: 35px !important;}
}
@media only screen and (min-width: 640px){
    html { font-size: 40px !important;}
}
@media only screen and (min-width: 768px){
    html { font-size: 45px !important;}
}

input,select{ outline: none;}
input[type="text"],input[type="url"],input[type="submit"],input[type="button"],input[type="email"],input[type="date"],input[type="time"],input[type="tel"],input[type="password"]{ background-color:transparent; -webkit-appearance:none;}
input::-webkit-calendar-picker-indicator{ opacity:0;}/* 下拉小箭头 */
select{ background-color:transparent; -webkit-appearance:none;}
button,input,select,textarea{ font-size:100%; margin:0;padding:0;outline:0; border:none;}
.pcnone{ display:none;}
input::-webkit-input-placeholder {
color:#fff}
textarea::-webkit-input-placeholder {
color:#fff}
    
pcp{ overflow-x:hidden; font-family:"Arial"; background:#0521b9; box-sizing: border-box; }

*{ margin:0;padding:0;outline:none; font-size:0.6rem; color:#fff}
*:not(input,textarea){-webkit-touch-callout:inherit;-webkit-user-select:auto;}
body{ background:#010c8c}
a{ color:#fff; text-decoration:none; -webkit-tap-highlight-color:transparent;}
a:hover{ text-decoration:none;}

table{ border-collapse: collapse;}
textarea,input{ resize:none; outline:0}
textarea{ resize:none; -webkit-appearance:none;background-color:transparent; -webkit-appearance:none;}
ul,ol,li{ list-style:none}
img{ display:block; border:none;}

header,nav,aside,article,section,footer{ display:block;}

.banner{ width:100%;height:30rem;background:url(../img/bj.jpg) no-repeat ; background-size:100%; overflow-x:hidden;}
.banner img{width:90%; margin:0.5rem auto;}
/* radio */

.radio{ position:absolute; right:0.5rem; top:0.5rem; z-index:99999;}
.radio img{ width:1.5rem;}
.logo{ width:100%; animation:fadeInUp 2s ease 0s 1 normal both;}
.logo img{ width:80%; margin:1rem auto 0;}

.name{ width:100%; animation:fadeInUp 2s ease 0s 1 normal both;}
.name img{ width:94%; margin:0.8rem auto 0;}


.banner .headtime{ position:relative; z-index:1; animation:fadeInUp 1s ease 0.5s 1 normal both; text-align:center; letter-spacing:0.3rem; margin:0.3rem 0 0.5rem;}
.banner .headtime span{ font-size:1.8rem; font-weight:bold; letter-spacing:0;}

.date{ width:100%; animation:fadeInUp 2s ease 0s 1 normal both;z-index:99;}
.date img{ width:32%; margin:0 auto; z-index:99;}



.ssm{ width:100%;}
.ssm img{ width:65%; margin:0 auto;}

.title{ width:100%;}
.title img{ width:80%; margin:1rem auto 0; animation:fadeInbig 2s ease 0s 1 normal both;}

@keyframes fadeInbig{
  from{ -webkit-transform: scale(4,4); transform: scale(4,4);}
  to{ -webkit-transform: scale(1,1); transform: scale(1,1);}
}

.title2{ width:100%; animation:fadeInUp 2s ease 1s 1 normal both;}
.title2 img{ width:80%; margin:0 auto;}
/*
.earth{ width:100%; animation:fadeIn 2s ease 2s 1 normal both;}
.earth img{ width:80%; margin:0 auto;}
*/
.earth{animation:fadeIn 2s ease 0s 1 normal both;}
.earth img:first-child{ position:absolute;margin: 0 auto;text-align: center; top:17rem; width:12rem;left:50%; margin-left:-6rem; z-index:1; animation:rotate 20s linear 2.5s infinite normal both}
.earth img:last-child{ position:absolute;margin: 0 auto;text-align: center; top:17rem; width:100%; z-index:2;animation:fadeIn  2s ease 1.5s normal both }
.earth img{width:100%; text-align:center;}


.guang{ width:16rem; position:relative; top:-4rem;left:50%; margin-left:-9rem; animation:fadeIn 2s ease 2s 1 normal both;}
.guang img{ width:100%; animation:mm 6s ease-in-out 2s infinite alternate;}


@keyframes mm{
    0%{ opacity:0;}
	25%{ opacity:1;}
	50%{ opacity:0;}
	75%{ opacity:1;}
}
/*
.qiu1{ width:2.66rem; position:absolute; top:8rem; left:-1rem; animation:fadeIn 2s ease 2s 1 normal both;}
.qiu1 img{ width:100%; animation: heart 2s ease-in-out 2.5s infinite alternate;}

.qiu2{ width:1.6rem; position:absolute; top:11rem; right:0.5rem; animation:fadeIn 2s ease 2s 1 normal both;}
.qiu2 img{ width:100%; animation: heart 2s ease-in-out 2.5s infinite alternate;}

.qiu3{ width:0.6rem; position:absolute; top:16.4rem; left:2.2rem; animation:fadeIn 2s ease 2s 1 normal both;}
.qiu3 img{ width:100%; animation: heart 2s ease-in-out 2.5s infinite alternate;}

.qiu4{ width:0.6rem; position:absolute; top:15rem; right:2.4rem; animation:fadeIn 2s ease 2s 1 normal both;}
.qiu4 img{ width:100%; animation: heart 2s ease-in-out 2.5s infinite alternate;}

.qiu5{ width:0.6rem; position:absolute; top:13.5rem; left:0.8rem; animation:fadeIn 2s ease 2s 1 normal both;}
.qiu5 img{ width:100%; animation: heart 2s ease-in-out 2.5s infinite alternate;}
*/
.date{ text-align:center; color:#FFF1CC; font-size:0.6rem; font-weight:bold; position:relative; top:0rem; animation:fadeIn 2s ease 1s 1 normal both;}

@keyframes heart{
from{ -webkit-transform: translate(0,0); transform:translate(0,0)}
to{ -webkit-transform: translate(0,13px); transform:translate(0,13px)}
}

h3{ font-size:0.8rem; color:#ffff00; font-weight:normal; position:relative; text-align:center; margin:-1.8rem auto 0; background:#030679; width:5rem;}
h8{ font-size:0.5rem; color:#ffff00; font-weight:normal; text-align:center; margin:0.2rem auto 0.5rem; background:#030679 ;width:6rem;height:1.2rem;display:block}


hgroup{ margin-top:1.5rem;}
.line{ width:90%; margin:0 auto;border-top:1.5px solid #ffff00; height:1px;}
.yuan{ width:7rem; margin:0 auto; height:1rem; border-radius:0.2rem; border:2px solid #ffff00; background:#030679; margin-top:-0.6rem;}
.tt{background:url(../img/bt.png) no-repeat; width:60%; background-size:100%; z-index:1; margin-left:0.5rem;  position:relative;}
h1{ font-size:0.8rem;  color:#fff; font-weight:bold; position:relative; padding-left:2rem; padding-top:0.2rem; margin:0 auto }
h6{ font-size:0.5rem; color:#fff; font-weight:normal;  margin:0 auto;margin-top:-0.5rem;padding-left:2rem}
h7{ font-size:0.5rem; color:#fff; font-weight:normal;  margin:0 auto; padding-left:2rem;height:1.2rem;}
figcaption{ color:#ffff00; font-weight:normal; text-align:center; margin-bottom:0.5rem; font-size:0.55rem;}
h5{ font-size:0.7rem; text-align:center; line-height:1rem; font-weight:normal; color:#ffff00;}
.content{ width:100%; margin:0rem auto; line-height:1.2rem;top:-1.5rem; z-index:0;text-align:justify; position:relative; }

.invitation{ width:92%; margin:0rem auto 1rem; line-height:1.2rem; z-index:0;text-align:justify; position:relative;}
.invitation p{ color:#fff; background:#021e85; padding:5%; border:solid 1px #00a8ff;text-indent:1.2rem;}
.special{ width:94%; margin:0 auto; position: relative; overflow:hidden;}  
.special li{ float:left; width:48%; height:4.5rem; margin-bottom:0.5rem;  border-radius:0.2rem; overflow:hidden;}
.special li img{ width:100%; height:100%;}
.special li:nth-child(2n+1){ margin-right:4%;}


/*.tongji{ width:96%; overflow:hidden; margin:0.5rem auto;}
.tongji div{ float:left; width:18%; margin-right:1.8%; text-align:center; height:3.5rem;}
.tongji div span:first-child{ display:block; width:92%; margin:0 auto; height:1.5rem; padding-top:0.5rem; border-radius:0.5rem; color:#ffff00; font-size:0.85rem; font-weight:bold;}
.tongji div span:nth-child(2){ line-height:0.6rem; font-size:0.4rem;}
.tongji div:last-child{ margin-right:0;}*/

.tongji{ width:96%; margin:1rem auto 1.5rem; overflow:hidden;}
.tongji div{ position:relative; width:19%; margin:0 0.5%; float:left;}
.tongji div span{position:relative;z-index:1;display:block;width:100%;text-align:center;color:#f8ff00;}
.tongji div span:first-child{ line-height:3.5rem; font-size:0.8rem;}
.tongji div img{ position:absolute; z-index:0; top:0.3rem; width:100%; animation:animal 3s linear 0s infinite; -webkit-animation:animal 3s linear 0s infinite;}

@-webkit-keyframes animal {
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100%{
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
.time{ width:92%; margin:0 auto; line-height:1rem;}
.time p{ color:#fff; background:#021e85; padding:5%; border:solid 1px #00a8ff}

.map{ width:94%; margin:0 auto; height:8rem;}
.map iframe{ height:8rem;}

.jiesong{ width:94%; margin:0 auto; line-height:1.2rem;}
.jiesong dt{ color:#ffff00sss;}

.arrange{ width:94%; margin:0 auto;}
.arrange img{ width:100%;}

table.restaurant{ width:94%; margin:0 auto;}
table.restaurant td{ text-align:Center; border:1px solid #dddddd; line-height:1rem; padding:0.4rem;}
table.restaurant thead td{ background:#FFE7E7; padding:0.2rem;}
table.restaurant thead td:first-child{ width:3rem;}
table.restaurant thead td:nth-child(2){ width:4rem;}
table.restaurant tbody tr td:last-child{ text-align:left;}

.zhu{ width:94%; margin:0.2rem auto; overflow:hidden;line-height:1.2rem}

.company{ width:84%; margin: 0 auto;color: #fff;background: #021e85;padding: 5%; border: solid 1px #00a8ff;}
.company ul{ overflow:hidden;}
.company li{ width:33.33%; height:3rem; float:left;}
.company img{ width:90%; margin:0.5rem auto;}
.company li.one_logo{ width:100%;}
.company li.one_logo img{ width:50%;}
.company li.one_logo2{ width:100%;}
.company li.one_logo2 img{ width:38%;}
.company li.two_logo{ width:50%;}
.company li.two_logo img{ width:75%;}
.company li.two_logo2{ width:50%;}
.company li.two_logo2 img{ width:80%;}
.company li.one2_logo{ width:100%;}
.company li.one2_logo img{ width:36%;}

.company li.three_logo{ width:33%;}
.company li.three_logo img{ width:95%;}

.fee{width: 84%;margin: 0rem auto;line-height:1.2rem;color: #fff;background:#021e85;padding:5%;border:solid 1px #00a8ff;}

.fee dt{ color:#ffff00;}

table.hotel{ width:94%; margin:0.5rem auto;color: #fff;
    background: #021e85;
    padding: 5%;
    border: solid 1px #00a8ff; }
table.hotel td{ border:1px solid #dddddd; line-height:0.8rem; padding:0.4rem;font-size:0.5rem;}
table.hotel tr td.name{ text-align:Center; background:#FFE7E7; width:1rem;}
/*table.hotel tr:first-child td:last-child{ width:4rem; background:url(../img/jdyd.jpg) no-repeat center 0.2rem; background-size:4rem; text-align:center;}
table.hotel tr:first-child td:last-child a{ display:block; width:100%; height:100%; cursor:pointer;}*/
.Shuttle2{ width:94%; margin:0.5rem auto;line-height:1.2rem;}
table.Shuttle{ width:94%; margin:0.5rem auto;color: #fff;
    background: #021e85;
    padding: 5%;
    border: solid 1px #00a8ff;}
table.Shuttle td{ border:1px solid #dddddd; line-height:0.8rem; padding:0.3rem 0.2rem;font-size:0.5rem;}


.contacts{width: 92%;margin:0 auto;overflow:hidden;color: #fff;background: #021e85;padding: 2%;border: solid 1px #00a8ff;}
.contacts dt{ background:url(../img/phone.png) no-repeat 0.2rem center; background-size:0.8rem; text-indent:1.5rem; width:60%}
.contacts dd a{ color:#fff; line-height:1rem;}
.contacts dt,.contacts dd{ float:left; height:1.2rem; line-height:1.2rem; display:block;}

.baoming{ width:94%; margin:0rem auto 0.5rem;}
.baoming li{ border:1px solid #dddddd; line-height:1.5rem; margin:0.5rem 0;}
.baoming li input{ width:100%; height:1.5rem; text-indent:0.5rem;}
.baoming li textarea{text-indent:0.5rem;line-height:1.5rem;}


.sub{ width:94%; margin:0.6rem auto; height:1.5rem; line-height:1.5rem; text-align:center;}
.sub input{ color:#ffffff; background:#15beff; border-radius:0.2rem; width:50%; height:100%;}
.sub a{ float:right; color:#ffffff; width:48%; height:100%;background:#ff8c00; border-radius:0.2rem;}


.footer{ width:94%; margin:1rem auto 0rem; text-align:center; line-height:1rem;}

.nav{ width:100%; height:2.2rem; background:rgba(21, 196, 255, 0.82); box-shadow:0 0 0.4rem rgba(0,0,0,0.2); position:fixed; bottom:0; left:0;}
.nav a{ display:block; width:20%; height:2.2rem; float:left; text-align:Center; color:#ffffff;}
.nav a img{ width:0.8rem; margin:0.3rem auto 0;}
.nav a:hover{ background:#346ff6;}

.hynr{ width:98%; margin:0 auto;}
.hynr img{ width:100%;}

.index_banner{ position:relative; width:100%; height:9rem; margin:0 auto; overflow:hidden;}
.index_banner img{ width:100%;}

.time2{ position:relative; height:1.78rem; line-height:1.78rem; top:-1.2rem; width:92%; margin:0 auto; background: linear-gradient(to top right, #2161f2 0%, #2188f5 25%, #21bdf8 100%);box-shadow:0 5px 10px rgba(0,0,0,0.2); border-radius:0.2rem; color:#fff;}
.time2 p{ text-align:center;}
/* 嘉宾介绍 */

h2{ width:100%; text-align:center; color:#f8ff00; line-height:1rem; padding:0.5rem 0; font-size:0.7rem;}

.jiabing{ width:92%; margin:0 auto; border-bottom:1px dotted #dddddd; padding-bottom:0.5rem; margin-top:0.5rem;}
.jiabing div{ width:8rem; height:8rem; border-radius:50%; background:#ffffff; border:4px solid #ffffff; box-shadow:0 0 5px rgba(0,0,0,0.1); overflow:hidden; margin:0.4rem auto 0;}
.jiabing img{ width:8rem; border-radius:}
.jiabin td{ padding-bottom:0.8rem;}
td.tdimg{ font-size:0.5rem; width:4.5rem;}
.jiabing h6{width:100%;font-size:0.6rem;text-align: center;margin: 0 auto;}
.jiabing h6{ width:100%; font-size:0.6rem;  color:#ffff00;padding-left:0px;padding-top:8px;padding-bottom:8px}
.jiabing p{ line-height:1.2rem;text-align:justify;}

@media only screen and (min-width: 721px){
body{ background:none; overflow-y:hidden;}
.pc{ width:720px; margin:0 auto; position:relative;background:#02077c; }
.nav{ width:720px; left:50%; margin-left:-360px;}

}