@charset "UTF-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}

header,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
html,body,img,iframe{border:0;}
i,em{font-style:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
a,a:hover{text-decoration:none;}
body,input{ Microsoft Yahe;color:#555;outline:0; overflow-x:hidden;}
.party a,.overseas a,.lover a{ font-size: 16px; text-decoration: none;}
li{ list-style: none;}

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden; overflow:hidden;}

.clearfix{zoom:1;} /* for IE/Mac */

.party span,.overseas span,.lover span{ color: #fff; font-size: 20px;}

.PMheader{ position: relative; z-index: 30;}

.upTop,.pop-bg,.pop-prize{  font-family: Microsoft YaHei;}
.g-bd{  width: 100%; min-width: 1000px; overflow: hidden;  font-family: Microsoft YaHei; background-color: #097bce;}

.top-banner{ background: url("../images/banner.jpg") no-repeat center top; height: 762px; width: 100%; margin: 0 auto; display: block; min-width: 1000px; }


.hotellink{ cursor: pointer;}

.nav-fixed{ position: fixed; width: 100%; left: 0; top: 0; z-index: 99;}



.E-goods{ height: 248px; position: relative;  width: 1000px;  margin: 0 auto 28px; border-radius: 9px 9px 0 0; overflow: hidden; background: url("../images/DBF-icon.png") no-repeat;}
.hotel_more{ position: absolute; top:28px; right: 35px; z-index: 3; display: block; border-radius: 20px; font-size: 20px; line-height: 38px; width: 98px; height: 38px; text-align: center; background-color: #fff; color: #004c9a; }
.title_north .hotel_more{ top:35px;}
.hotel_more:hover{ background-color: #fbea21; color: #004c9a; }

.hotel_more .sanjiao_icon{ position: relative; left: 0; -webkit-transition:left .3s;transition:left .3s;}
.hotel_more:hover .sanjiao_icon{ position: relative; left: 3px; -webkit-transition:left .3s;transition:left .3s;}

.E-goods .hotel_nav{ width: 1002px; height: 38px; padding: 5px 0; border-radius: 9px 9px 0 0;}
.E-goods .hotel_nav li { cursor:pointer;}
.E-goods .hotel_nav li span{ display: block; color: #fff;  height: 38px;  line-height: 38px; font-size: 24px;}




.title_north{    background-position: 0 0; padding-top: 120px;}
.title_south{    background-position: 0 -124px; padding-top: 106px;}
.title_clifford{ background-position: 0 -231px; padding-top: 106px;}
.title_water{    background-position: 0 -338px; padding-top: 106px;}
.title_gaoxuan{  background-position: 0 -445px; padding-top: 106px;}
.title_realgar{  background-position: 0 -552px; padding-top: 106px;}
.title_perfume{  background-position: 0 -659px; padding-top: 106px;}
.title_group{    background-position: 0 -1152px; padding-top: 135px; height: auto;}




/*导航*/
.nav{ margin: -30px auto 30px; width: 1000px; height: 68px; background-color: #f9fdfe; overflow: hidden;}
.nav_ul{ margin: 0 auto; display: block; padding: 10px 0; width: 1002px;}
.nav_ul li{ float: left; width: 166px; font-size: 22px; line-height: 48px; border-right:1px solid #e3e9ec; text-align: center; box-sizing: border-box;}
.nav_ul li a{display: block;  color: #333;}
.nav_ul li:hover a{ font-weight: bold; color: #fc4362;}
.nav_ul li:nth-child(2){ width: 170px;}
.nav_ul li:last-child{ border-right: none; }

.box-shadow{
  -webkit-box-shadow:0 7px 21px #555;
  -moz-box-shadow:0 7px 21px #555;
  box-shadow:0 7px 21px #555;
}






.SumBig_title{ background-image: url("../images/SumBig-title.png"); overflow: hidden;}

/*迪士尼*/
.disney_div{  width: 100%; background-color: #097bce; }
.disney_title{ width: 1000px; margin: 0 auto; background-position: 0 0; padding-top: 159px; background-color: #097bce; height: 950px; }
.disney_title .product_ul{ background-color: #097bce;}
.banner_disney{ display: block;  background-position: 0 -983px; padding: 14px 0 40px; height: 130px; overflow: hidden; background-color: #097bce; }


/*全国亲子游*/
.family_div{  width: 100%; background-color: #fb9e95; }
.family_title{  width: 1000px; margin: 0 auto; background-position: 0 -163px; padding-top: 191px; background-color: #fb9e95; height: 947px; }
.family_title .product_ul,.family_title .more{ background-color: #fb9e95;}
.family_title .more{ padding: 14px 386px 40px;}
.family_title .more .more_btn{ background-color: #f63959;}
.family_title .more .more_btn:hover{ background-color: #ed4635; }

/*海景房*/
.seascape_div{  width: 100%; background-color: #617cd5; }
.seascape_title{  width: 1000px; margin: 0 auto; background-position: 0 -333px; padding-top: 175px; background-color: #617cd5; height: 615px; }
.seascape_title .E-ul,.seascape_title .more{ background-color: #617cd5;}
.seascape_title .more{ padding: 14px 386px 40px;}
.seascape_title .more .more_btn{ background-color: #365cda; }
.seascape_title .more .more_btn:hover{ background-color: #0f34ad; }


/*动车直达*/
.car_div{  width: 100%; background-color: #eec262; }
.car_title{  width: 1000px; margin: 0 auto; background-position: 0 -483px; padding-top: 171px; background-color: #eec262; height: 615px; }
.car_title .E-ul,.car_title .more{ background-color: #eec262;}
.car_title .more{ padding: 14px 386px 40px;}
.car_title .more .more_btn{ background-color: #d69914; }
.car_title .more .more_btn:hover{ background-color: #d37108; }



/*欧洲杯*/
.football_div{  width: 100%; background-color: #43a44e; padding-bottom: 40px }
.football_title{  width: 1000px; margin: 0 auto; background-position: 0 -629px; padding-top: 210px; background-color: #43a44e; height: 954px; }
.football_title .product_ul,.football_title .more{ background-color: #43a44e;}
.banner_football{  background-position: 0 -1153px; padding: 14px 0 0; height: 120px; overflow: hidden;}



/*港澳台*/
.gat_div{  width: 100%; background-color: #eb8c63; }
.gat_title{  width: 1000px; margin: 0 auto; background-position: 0 -814px; padding-top: 179px; background-color: #eb8c63; height: 947px; }
.gat_title .product_ul,.gat_title .more{ background-color: #eb8c63;}
.gat_title .more{ padding: 14px 386px 40px;}
.gat_title .more .more_btn{ background-color: #e96730; }
.gat_title .more .more_btn:hover{ background-color: #df3a0e; }




/*全部酒店样式*/
.more_btn{ display: block; width: 228px; font-size: 32px; line-height: 65px; height: 65px; text-align: center; border-radius: 50px; border:4px solid #fff;  color: #fff;}
.more_btn:hover{ color: #fff;}
.seascape_title .more_btn{ background-color: #26409d; }
.car_title .more_btn{ background-color: #d38101; }
.gat_title .more_btn{ background-color: #df5c24; }


.banner_disney .more_btn{ position: absolute; top: 0; left: 0; z-index: 3; width: 100%; border:none; text-indent: -9999px;}
.banner_football .more_btn{ position: absolute; top: 0; left: 0; z-index: 3; width: 100%; border:none; text-indent: -9999px;}




/*城市导航样式*/
.city_nav{ width: 1000px; margin: 0 auto;  background-color: #fff; height: 50px; border-radius: 3px;}
.city_tab{ width: 36px; height: 36px; padding: 7px 20px; float: left;}
.tab_icon{ display: block; background: url("../images/tab_icon.png") no-repeat; width: 36px; height: 36px;}
.tab_l{ background-position: 0 0; }
.tab_l:active,.tab_l:hover{background-position: 0 -36px; }
.tab_r{background-position: -36px -36px; }
.tab_r:active,.tab_r:hover{background-position: -36px 0; }

.city_div{ width: 848px; overflow: hidden; float: left;}
.city_div .city_ul{ width:2000px;}
.city_div .city_ul li{ float: left; padding: 0 25px;}

.city_div .city_ul li a{ display: inline-block; text-align: center; font-size: 24px;  color: #999; line-height: 50px;}
.city_div .city_ul li.act_li a,.city_div .city_ul li:hover a{ color: #333;}

.gat_title .city_nav .city_div{ width: 1000px; overflow: hidden; }
.gat_title .city_nav .city_div .city_ul{ width:600px; padding: 0 200px;}
.gat_title .city_nav .city_div .city_ul li{ float: left; padding: 0; text-align: center; width: 200px;}

.car_title .city_nav .city_div{ width: 1000px; overflow: hidden; }
.car_title .city_nav .city_div .city_ul{ width:800px; padding: 0 100px;}
.car_title .city_nav .city_div .city_ul li{ float: left; padding: 0; text-align: center; width: 160px;}

.football_title .city_nav .city_div{ width: 1000px; overflow: hidden; }
.football_title .city_nav .city_div .city_ul{ width:900px; padding: 0 50px;}
.football_title .city_nav .city_div .city_ul li{ float: left; padding: 0; text-align: center; width: 100px;}





/*4个酒店产品样式*/

.pic_div .other{ font-size: 18px; border-radius: 20px; text-align: center; background-color: rgba(211,92,207,.8); color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#8Fd35ccf',endColorstr='#8Fd35ccf');}
.pic_div .other.hide { display: none; }


.E-ul{ padding: 30px 5px 8px;}

.E-ul .pro_li{  float: left; }



.E-ul .pro_li a{ display: block; width: 485px; height: 190px; background-color: #fff; margin: 0 5px 10px 5px; _margin: 0 3px 10px 3px; overflow:hidden;}

.E-ul .pro_li a .pic_div{ float: left; width: 236px; height: 188px;  padding: 0px;  overflow: hidden;border:1px solid #fff; position: relative;}



.E-ul .pro_li a .pic_div img{position: relative; width: 100%; height: 100%; margin-left: 0; margin-top: 0;-webkit-transition:margin .3s,height .3s,width .3s;transition:margin .3s,height .3s,width .3s;}
.E-ul .pro_li a:hover .pic_div img{position: relative; width: 106%; height: 106%; margin-left: -3%; margin-top: -3%;-webkit-transition:margin .3s,height .3s,width .3s;transition:margin .3s,height .3s,width .3s;}
.E-ul .pro_li a .pic_div .other{ position: absolute; width: 120px; height: 38px;  line-height: 38px; z-index: 3; top:10px; left: 10px;  text-align: center; }
.E-ul .pro_li a .information{ float: left; width: 215px; padding: 24px 16px 0 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 21px 12px 0 12px\9;}
.E-ul .pro_li a .information p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.E-ul .pro_li a .information .inf_title{ color: #4d4d4d; font-size: 20px; font-weight: bold; padding-bottom: 10px; width: 200px; line-height: 20px; _padding-bottom: 4px;  width: 190px\9; }
.E-ul .pro_li a .information .inf_address{  width: 180px; color: #555; font-size: 16px;  line-height: 16px; padding: 10px 0 2px 0; margin-bottom: 15px; vertical-align: top;}
.E-ul .pro_li a .pirce{ float: left; width: 215px;  margin: 15px 16px 0 16px;  margin: 12px 12px 0 12px\9; border-top:1px dashed #c6c6c6;}
.E-ul .pro_li a .pirce .order{float: right; margin-top: 22px; background-color: #f32c51; color: #fff; text-align: center; line-height: 36px; height: 36px; width: 80px; border-radius: 5px; font-size: 22px; }
.E-ul .pro_li a:hover .pirce .order,.pro_li a:hover .pirce .order{ background-color: #cb0a2a;}


/*6个酒店产品样式*/
.product_ul{ width: 1020px; padding-top: 30px; overflow: hidden;}
.product_ul li{ float: left; width: 326px; height: 352px; background-color:#fff; margin: 0 11px 18px 0;}
.product_ul li a{ display: block;}
.product_ul li:nth-child(3n){ margin-right: 0;}
.product_ul .pro_li a .pic_div{ position: relative; width: 306px; height: 206px; margin: 10px; overflow: hidden;}
.product_ul .pro_li a .pic_div img{ position: relative; width: 100%; height: 100%; margin-left: 0; margin-top: 0;-webkit-transition:margin .3s,height .3s,width .3s;transition:margin .3s,height .3s,width .3s;}
.product_ul .pro_li a:hover .pic_div img{ position: relative; width: 106%; height: 106%; margin-left: -3%; margin-top: -3%;-webkit-transition:margin .3s,height .3s,width .3s;transition:margin .3s,height .3s,width .3s;}
.product_ul .pic_div .other{ position: absolute; top: 20px; left: 20px; width: 102px; height: 46px; line-height: 46px; }
.product_ul .pro_li a .information{ width: 306px; padding: 0 10px;  text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product_ul .pro_li a .information .inf_title{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; color: #333; font-weight: bold; line-height: 28px; }
.product_ul .pro_li a .information .inf_address{ font-size: 18px; color: #999; line-height: 32px; border-bottom: 1px solid #e0e0e0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product_ul .pro_li a .pirce{ width: 306px; padding: 0 10px; height: 65px; }
.discount{ float: left; font-size: 46px; color: #f63958; vertical-align: middle; line-height: 60px; }
.pirce .discount span{ display: inline-block; font-size: 16px; color: #333; padding: 8px 0 0 2px; vertical-align: middle; line-height: 52px;}
.pro_li a .pirce .order{ float: right; width: 120px; height: 46px;  font-size: 22px; line-height: 46px; color: #fff; background-color: #fc4362; border-radius: 5px; text-align: center; margin-top: 8px;}



/*活动规则*/
.rule_div{ width: 100%;  background-color: #616161;}
.rule{ width: 960px; margin: 0 auto; color: #fff; padding: 20px 0 28px; }
.rule .tips{ font-size: 24px; font-weight: bold; text-align: center; line-height: 56px; height: 56px;}
.rule p{ font-size: 14px; line-height: 20px; text-align: left; margin-left: 12px; padding-bottom: 2%;}
.rule p i{ font-style: normal; margin-left: -12px;}





/*侧栏导航*/
.topUp_div{position: fixed; bottom: 2%; right: 3%; z-index: 100; width: 188px; _position: absolute;}
.topUp_header{ position: absolute; top: 0; right: 0%; z-index: 100; width: 188px; height: auto; _position: relative;}

.topUp_balloon{ display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 188px; background: url("../images/topUp_balloon.png") left top no-repeat; height: 200px;}

.topUp_balloon1{ -webkit-animation: topUp_balloon 3s linear infinite; animation: topUp_balloon 3s linear infinite;  }
@-webkit-keyframes topUp_balloon{
	0%{ }
	25%{ top:5%; right: 0%;}
	50%{ top:0%; right: 5%;}
	75%{ top:-5%; right: 0%;}
	100%{}
}
@keyframs topUp_balloon{
	0%{ }
	25%{ top:5%; right: 0%;}
	50%{ top:0%; right: 5%;}
	75%{ top:-5%; right: 0%;}
	100%{}
}


.topUp_title{ display: block; position: absolute; top: 126px; right: 0; z-index: 200; width: 188px; background: url("../images/topUp_title.png") left top no-repeat; height: 107px; }
.topUp_nav{ float: right; margin-top: 190px; width: 188px; font-size: 12px; text-align: center;}
.stop_nav{ width: 100%;  background-color: #b2e6ee; border-radius: 0 0 5px 5px; padding: 10px 0 5%;}
.stop_nav a{ display: block; width: 82%; margin: 5% 5% 5%; padding: 4%; background-color: #76ccde; color: #fff; font-weight: bold; border-radius: 20px; line-height: 36px; height: 36px; font-size: 18px;}
.show_nav{ position: relative; width: 80%; margin: 0 10%; background-color: #b2e6ee; border: 3px solid #fff; border-radius: 0 0 5px 5px; padding-top: 40px; }

.show_ul{ width: 100%; height: 286px; -webkit-transition: height .5s;transition: height .5s; overflow: hidden;}
.show_ul li,.show_up li{ width: 100%; width: 80%;margin: 0 10%; border-bottom:1px dashed #fff; box-sizing: border-box; }
.show_ul li a,.show_up li a{ display: block; width: 100%; color: #0394d5; line-height: 40px; height: 40px; font-size: 18px; }
.show_ul li a:active,.show_ul li a:hover,.show_ul li .act{ color: #333;}
.show_ul li.up_act a { color: #333 !important; }
.show_ul li:last-child,.show_up li:last-child{ border: none;}
.show_up{ height: 0;}
.show_btn a{ display: block; width: 100%; border-radius: 9px 9px 0 0; background-color: #76ccde; color: #fff; font-weight: bold; line-height: 36px; height: 36px; font-size: 18px;}
.show_txt a:hover{ background-color: #1cb0cf;}



.vertical_line{ float: left; width: 8px; height: 10px; background-color: #b2e6ee;}
.line_1{  margin: 0 23px 0 62px;}
.line_2{  margin: 0 42px 0 38px;}

.top_btn{ display: block; width: 80%; margin: 0 10%; text-align: center; background-color: #b2e6ee; border: 3px solid #fff; color: #21a7e3; font-weight: bold; border-radius: 20px; padding: 10px 0; line-height: 20px; height: 20px; font-size: 20px; }

.top_icon{ display: inline-block; vertical-align: top; width: 16px; height: 20px; background: url("../images/top_icon.png") top left no-repeat; }
.top_btn:hover span .top_icon{ background: url("../images/top_icon1.png") left top no-repeat;}
.top_btn span{ color: #21a7e3;}
.top_btn:hover span{ color: #fff;}



/*弹出层*/
.pop{ position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#6F000000',endColorstr='#6F000000'); }

.pop .pop_bg{ position: absolute; top: 50%; left: 50%; margin:-213px 0 0 -370px; padding: 83px 51px 63px 59px; width: 630px; height: 280px; background-color: #fff; border-radius: 25px;}
.pop .pop_bg i{ display: inline-block;} 
.pop .erweima{ width: 264px; height: 264px; margin-top: 12px; background: url("../images/erweima.jpg") no-repeat bottom left; border: 1px solid #b3b3b4;  }
.pop .pop_red{ width: 360px; height: 278px; background: url("../images/pop_red.jpg") no-repeat right top; }
.pop .pop_colse{ display: block; position: absolute; z-index: 1001; right: 20px; top: 20px; width: 61px; height: 61px; background: url("../images/pop_close.jpg") no-repeat left top;}