@charset "UTF-8";
/*margin-top*/
.cf:after { display:block; visibility:hidden; clear:both; height:0; content:''; }
* html .cf { height:1%; }
* + html .cf { height:1%; }
.cf { display:block; clear:both; }
*:focus { outline:none; }
.m-table-cell { display:table-cell; vertical-align:middle; word-wrap:break-word; word-break:break-all; white-space:nowrap; }
.m-table-cell-auto { display:table-cell; vertical-align:middle; word-wrap:break-word; word-break:break-all; white-space:nowrap; width:20000px; }
input[type="button"],input[type="submit"],input[type="number"],input[type="reset"] { -webkit-appearance:none; }
textarea { -webkit-appearance:none; }
.m-table-cell-auto { display:table-cell; vertical-align:middle; word-wrap:break-word; word-break:break-all; width:2000000px; white-space:normal; }
.m-table-cell { display:table-cell; vertical-align:middle; word-wrap:break-word; word-break:break-all; white-space:nowrap; }
.w950 { width:950px; }
.w238 { width:238px; }
u{text-decoration: none !important;}

/*邮轮-banner*/
.hd_banner{ width:100%; min-width: 1200px; height: 380px; position: relative; overflow: hidden; z-index: 1;}
.hd_banner .bd a{ display:block; width: 100%; height: 380px; background-position: center top; background-repeat: no-repeat; background-size:1920px 380px;}
.hd_banner .hd { position: absolute; bottom: 20px; left: 0; right: 0; z-index: 3;}
.hd_banner .hd ul { width: 1200px; margin: 0 auto; text-align: center;}
.hd_banner .hd ul li { display: inline-block; width: 40px; height: 4px; margin: 0 4px; text-align: center; background: #fff; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden;}
.hd_banner .hd ul li.on { background: url(../images/hd_nav_on.png) repeat;}
#hd_banner01 .hd ul{ text-align:center;}
#hd_banner01 .hd ul li{ display:inline-block; vertical-align: top; width: 9px; height: 9px; border:2px #fff solid; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: 0 5px; text-indent: 22em; overflow: hidden; background: transparent !important;}
#hd_banner01 .hd ul li.on{border-color:#2577e3; background: #2577e3 !important;}

/*邮轮-特点*/
.ly_special { width: 100%; padding: 17px 0; background: #f5fcfe;}
.ly_special .wrapper { height: 50px; margin-left: auto; margin-right: auto;}
.ly_special .ly_welRow li { float: left; margin-right: 70px; overflow: hidden; padding-left: 67px; color: #666;}
.ly_special .ly_welRow h3{ padding-top:5px; color: #626566;}
.ly_special .ly_welRow li:nth-child(1){ margin-left: 72px;}
.ly_special .ly_welRow li .ly_icon { display: inline-block; width: 50px; height: 50px; float: left; margin-left: -67px; background: url(../images/welcome.jpg) no-repeat 0 0;}
.ly_special .ly_welRow li .ly_icon01 { background-position: 0 0;}
.ly_special .ly_welRow li .ly_icon02 { background-position: -50px 0;}
.ly_special .ly_welRow li .ly_icon03 { background-position: -100px 0;}
.ly_special .ly_welRow li .ly_icon04 { background-position: -150px 0;}


/*线路-北京*/
.travel-banner{ width: 100%; min-width: 1200px; height: 345px; margin-bottom: 20px; position: relative; overflow: hidden;}
.travel-banner .banner-pic{ position: absolute; top: 0; left: 50%; z-index: 1; margin-left: -960px; width: 1920px; height: 345px;}
.travel-banner .banner-pic>img{ width: 100%;}

.hot-push-block{ width: 100%;}
.hot-push-title{ height: 62px; line-height: 62px; font-size: 22px; font-weight: bold;}
.hot-push-title>span{ height: 62px; line-height: 62px; font-size: 14px; color: #999; font-weight: normal; margin-left: 15px;}
.hot-push-block .hot-push-pic{}
.hot-push-block .hot-push-pic li{ float: left; width: 285px;/*height: 252px;*/ margin: 0 20px 20px 0; position: relative;}
.hot-push-block .hot-push-pic li:nth-of-type(4n){ margin-right: 0;}
.hot-push-block .hot-push-pic li:hover{ box-shadow: 0 3px 16px 0 rgba(217, 217, 217, 0.71);}
.hot-push-block .hot-push-pic li.mr_0{ margin-right: 0;}
.hot-push-block .hot-push-pic .pic{ display: table-cell; width: 285px; height: 180px; text-align: center; vertical-align: middle; background-color: #e7e7e7;}
.hot-push-block .hot-push-pic .pic img{ width: 100%; height: 100%; vertical-align: middle;}
.hot-push-block .hot-push-pic .info{ padding: 0 15px 10px; height: 90px;}
.hot-push-block .hot-push-pic .info .tit{ display: block; padding: 10px 0 0; height: 48px; line-height: 24px; color: #333; font-size: 16px; overflow: hidden;}
.hot-push-block .hot-push-pic li .info>p{ padding-top: 3px; line-height: 34px;}
.hot-push-block .hot-push-pic li .info .price{float: right; height: 34px; line-height: 34px; font-size: 14px; color: #999; overflow: hidden;}
.hot-push-block .hot-push-pic li .info .price i{ color: #f90;}
.hot-push-block .hot-push-pic li .info .price i em{ font-size: 22px;}
.hot-push-block .hot-push-pic li:hover .info .tit{color: #f90;}
.hot-push-block .hot-push-pic li .info .satisfy{float: left; font-size: 14px; color: #999;}
.hot-push-block .hot-push-pic li .tags{ position: absolute; top:0; left:0;}
.hot-push-block .hot-push-pic li .tags>span{ float: left; padding: 0 7px; font-size: 12px; color: #fff; line-height: 20px; background-color: #ff7800; margin: 0 2px 2px 0;}

.spot-recommend-block{}
.spot-slide{ width: 1200px; height: 240px; overflow: hidden; position: relative;}
.spot-list{ height: 210px; overflow-y: hidden!important;}
.spot-list li{ float: left; width: 224px; height: 210px; margin-right: 20px;}
.spot-list li>a{ display: block;}
.spot-list li>a .pic{ display: table-cell; width: 224px; height: 150px; text-align: center; vertical-align: middle; background-color: #e7e7e7;}
.spot-list li>a .pic>img { max-width: 100%; max-height: 100%; vertical-align: middle;}
.spot-list li>a .name{height: 26px; line-height: 26px; font-size: 16px; text-align: center; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.spot-list li>a .linenum{ height: 24px; line-height: 24px; font-size: 14px; color: #999; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.spot-list li>a .linenum .num{ color: #f90;}
.spot-slide .focus{ width: 100%; height: 6px; position: absolute; bottom: 3px; z-index:999; text-align: center;}
.spot-slide .focus > ul{ height: 3px;}
.spot-slide .focus > ul > li {display: inline-block; width: 16px; height: 3px; margin: 0 5px; cursor: pointer; vertical-align: top; background-color: #ccc;}
.spot-slide .focus > ul > li.on{ background: #f90;}
.spot-experience-block{ margin-top: 40px;}
.spot-experience-block h3{height: 36px; line-height: 36px; text-align: center; font-size: 22px;}
.spot-experience-block .experience-ico{ display: block; height: 20px; width: 46px; background: url("../images/experience-ico.png") no-repeat; margin: 11px auto 20px;}
.spot-experience-block .experience-con{ width: 1200px; height: 450px; background: url("../images/experience-bg.jpg") no-repeat center; position: relative;}
.spot-experience-block .experience-txt{ font-size: 14px; color: #fff; line-height: 24px;}
.spot-experience-block .experience-txt-first{ position: absolute; top: 0; left: 351px; width: 244px; height: 285px;}
.spot-experience-block .experience-txt-detail{ display: table-cell; vertical-align: middle;}
.spot-experience-block .experience-txt p{display: inline-block; vertical-align: middle; overflow: hidden;}
.spot-experience-block .experience-txt-first{ position: absolute; top: 0; left: 351px; width: 244px; height: 285px;}
.spot-experience-block .experience-txt-first .experience-txt-detail{ height: 192px; padding: 55px 18px 37px;}
.spot-experience-block .experience-txt.experience-txt-first p{ max-height: 192px;}
.spot-experience-block .experience-txt-second{ position: absolute; top: 0; right: 0; width: 345px; height: 178px;}
.spot-experience-block .experience-txt-second .experience-txt-detail{ height: 120px; padding: 35px 12px 23px 74px;}
.spot-experience-block .experience-txt.experience-txt-second p{ max-height: 120px;}
.spot-experience-block .experience-txt-third{ position: absolute; bottom: 0; left: 0; width: 345px; height: 158px;}
.spot-experience-block .experience-txt-third .experience-txt-detail{height: 120px; padding: 26px 12px 12px 70px;}
.spot-experience-block .experience-txt.experience-txt-third p{ max-height: 120px;}

/* 线路出境游、线路国内游 */
.travel-focus-banner{ width: 100%; min-width: 1200px; height: 420px; background: url("../images/line-travel-banner-bg.jpg") no-repeat center bottom; position: relative;}
.global-list { float: left; position: relative; z-index: 1; width: 220px; height: 420px; background: #2577e3;}
.gl-list-tabbox { float: left; width: 220px; height: 68px; border-top: 1px solid #3282e3; border-bottom: 1px solid #066ab6;}
.gl-list-tabbox:last-child{ border-bottom: 0;}
.gl-list-tabbox:hover{ background-color: #1360c5;}
.gl-list-tabbox h3 { float: left; width: 196px; height: 68px; padding: 0 15px 0 19px; position: relative; font-weight: 400;}
.gl-list-tabbox h3 strong { float: left; width: 184px; height: 24px; line-height: 24px; margin-top: 10px; font-size: 14px; font-weight: 400;}
.gl-list-tabbox h3 strong em { margin: 2px 5px 0 0;}
.gl-list-tabbox h3 strong em{ float: left; width: 16px; height: 18px; overflow: hidden;}
.gl-list-tabbox h3 strong em img { max-width: 100%; max-height: 100%;}
.gl-list-tabbox h3 strong a { color: #fff; float: left; font-size: 18px; margin-left: 16px;}
.gl-list-tabbox h3 strong a:first-child { margin-left: 0;}
.gl-list-tabbox:hover h3 strong a { color: #fff;}
.gl-list-tabbox h3 p { float: left; width: 184px; height: 20px; margin-top: 5px; overflow: hidden;}
.gl-list-tabbox h3 p a { float: left; color: #f5f5f5; height: 20px; line-height: 20px; font-size: 14px; margin-left: 13px;}
.gl-list-tabbox:hover h3 p a {color: #fff;}
.gl-list-tabbox h3 p a:first-child { margin-left: 0;}
.gl-list-tabbox h3 .arrow-rig { position: absolute; right: 20px; top: 50%; display: block; width: 7px; height: 11px; margin-top: -5px; background: url(../images/arrow-right-ico2.png) left no-repeat;}
.tabcon-item { display: none; position: absolute; left: 230px; top: 0; z-index: 999; width: 420px; min-height: 420px; border-left: 0; background: #f6f6f6;}
.gl-list-tabbox:hover .tabcon-item {display: block;}
.tabcon-item .item-list { float: left; width: 382px; padding: 4px 19px 14px;}
.tabcon-item .item-list dl { float: left; width: 311px; padding: 12px 0 5px 0;}
.tabcon-item .item-list dl.hot-dl{ width: 378px;}
.tabcon-item .item-list dl dt,.tabcon-item .item-list dl dt a {float: left; color: #333; width: 311px; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold;}
.tabcon-item .item-list dl.hot-dl dt,.tabcon-item .item-list dl.hot-dl dt a { width: 378px;}
.tabcon-item .item-list dl dt { border-bottom: 1px solid #ddd}
.tabcon-item .item-list dl dd { float: left; width: 311px; margin-top: 7px}
.tabcon-item .item-list dl.hot-dl dd { width: 378px;}
.tabcon-item .item-list dl dd a { float: left; color: #666; font-size: 14px; height: 12px; line-height: 12px;  margin: 8px 7px 8px 0; padding-right:8px; border-right: 1px solid #ddd;}
.tabcon-item .item-list dl dt a:hover,.tabcon-item .item-list dl dd a:hover { color: #ff9900;}
.st-menu { float: left; width: 970px; height: 45px}
.st-menu > ul > li { float: left; height: 45px; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.st-menu > ul > li .st-arrow-ico { float: right; display: block; width: 7px; height: 4px; margin: 22px 0 0 5px; background: url("../images/nav-arr-doem.png") no-repeat;}
.st-menu > ul > li.this-hover .st-arrow-ico { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);transform: rotate(180deg);}
.st-menu > ul > li > a { display: block; color: #fff; height: 45px; line-height: 45px; padding: 0 15px; font-size: 16px; position: relative;}
.st-menu > ul > li.active,.st-menu > ul > li:hover,.st-menu > ul > li.this-hover { background: #0099ff;}
.st-menu > ul > li.active s,.st-menu > ul > li.this-hover s { display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; margin-left: -4px; border-bottom: 4px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent;}
.st-menu > ul > li i.st-hot-ico,.st-menu > ul > li i.st-new-ico,.st-menu > ul > li i.st-jing-ico,.st-menu > ul > li i.st-jian-ico { display: block; width: 23px; height: 16px; position: absolute; top: -5px; right: 0; background: url("../images/st-menu-list-ico.png") no-repeat;}
.st-menu > ul > li i.st-hot-ico {background-position: 0 0;}
.st-menu > ul > li i.st-new-ico { background-position: 0 -18px;}
.st-menu > ul > li i.st-jian-ico { background-position: 0 -36px;}
.st-menu > ul > li i.st-jing-ico { background-position: 0 -54px;}
.down-nav { display: none; min-width: 1200px; height: 44px; position: absolute; left: 0; top: 45px; z-index: 99999; border-bottom: 1px solid #e9e9e9; background: #fff;}
.this-hover .down-nav { display: block; overflow: hidden;}
.sub-list { height: 44px; padding: 11px 0 0; position: absolute; top: 0; overflow: hidden; font-size: 0;}
.sub-list a { display: inline-block; line-height: 22px; padding: 0 10px; font-size: 14px; white-space: nowrap; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 0 3px 11px 3px;}
.sub-list a:first-child{ color: #f80;}
.sub-list a:hover { color: #fff; background-color: #0099ff;}
.travel-focus-box{ float: right; width: 970px; height: 420px;}
.travel-focus-slide{ float: left; width: 75%; height: 300px; overflow: hidden; position: relative;}
.travel-focus-slide .slide-list{ height: 300px;}
.travel-focus-slide .slide-list li{ width: 100%; height: 300px;}
.travel-focus-slide .slide-list li>a{ display:block; width: 100%; height: 300px; text-align: center; vertical-align: middle; background-color: #e7e7e7;}
.travel-focus-slide .slide-list li>a>img{display: block; height: 100%; width: 100%; vertical-align: middle;}
.travel-focus-slide .focus{ width: 100%; height: 12px; position: absolute; bottom: 26px; text-align: center;}
.travel-focus-slide .focus > ul{ height: 12px;}
.travel-focus-slide .focus > ul > li { display: inline-block; width: 40px; height: 5px; margin: 0 4px; cursor: pointer; vertical-align: top; background-color: rgba(255,255,255,.7); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.travel-focus-slide .focus > ul > li.on{ background: rgba(9,110,234,.7);}
.travel-ad{ float: left; width: 25%; height: 110px; margin-top: 10px;}
.travel-ad.travel-ad-fir{ width: 25%; height: 300px; margin-top: 0;}
.travel-ad>a{ display: table-cell; width: 100%; height: 110px; text-align: center; vertical-align: middle; background-color: #e7e7e7;}
.travel-ad.travel-ad-fir>a{ width: 100%; height: 300px;}
.travel-ad>a>img{ height: 100%; width: 100%; vertical-align: middle;}

.sidleTabs-wrap{ margin-top: 20px;}
.sidleTabs{ width: 923px; margin-bottom: 30px;}
.tabnav { width: 1200px; height:46px; border-bottom: 2px solid #e5e5e5;}
.tabnav em { float: left; width: 324px; height: 46px; line-height: 46px; color: #222; font-size: 22px; font-style: normal; font-weight: bold;}
.tabnav span {float: left; color: #666; padding: 0 2px; height: 36px; line-height: 36px; cursor: pointer; margin: 8px 35px 0 0; font-size: 14px; position: relative;}
.tabnav span:hover,.tabnav span.on { color: #f60; border-bottom: 2px solid #f60;}
.tabnav a.more { color: #666; float: right; height: 36px; line-height: 36px; font-size: 14px; margin-top: 8px;}
.tabcon { width: 1200px;}
.tabcon .ad-pic-wrap{ float: left; padding: 0 18px; width: 249px; height: 520px; position: relative;}
.hot-des { float: left; width: 246px; /*margin-bottom: 38px;*/}
.hot-des h4{ width: 246px; height: 55px; text-align: center; position: relative;}
.hot-des h4:after{ content: ""; position: absolute; top: 27px; left: 0; right: 0; z-index: 1; height: 1px;}
.european-powers .hot-des h4:after{ background-color: #c2c2c2;}
.australia-africa .hot-des h4:after{ background-color: #d0aa64;}
.hong-macao-taiwan-japan .hot-des h4:after{ background-color: #cf8192;}
.southeast-asia .hot-des h4:after{ background-color: #a0b79f;}
.hot-des h4>span{ display: inline-block; font-size: 16px; font-weight: bold; color: #333; padding: 0 10px; height: 55px; line-height: 55px; position: relative; z-index: 2;}
.european-powers .ad-pic-wrap,.european-powers .hot-des h4>span{ background-color: #d3efff;}
.australia-africa .ad-pic-wrap,.australia-africa .hot-des h4>span{ background-color: #e2c48d;}
.hong-macao-taiwan-japan .ad-pic-wrap,.hong-macao-taiwan-japan .hot-des h4>span{ background-color: #e694a6;}
.southeast-asia .ad-pic-wrap,.southeast-asia .hot-des h4>span{ background-color: #c3d7c2;}
.hot-des ul{ position: relative; z-index: 2; overflow: hidden;}
.hot-des li{ float: left; background-color: #fff; width: 100px; padding: 0 5px; height: 32px; margin: 0 20px 15px 0; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.hot-des li>a{ display: block; width: 100px; line-height: 32px; color: #666; font-size: 14px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hot-des li:hover{ background-color: #f60;}
.hot-des li:hover>a{ color: #fff !important;}
.hot-des li:nth-of-type(even){ margin-right: 0;}
.ad-pic-wrap .ad-pic-bg{ position: absolute; bottom: 0; right: 0; z-index: 1; width: 325px; height: 235px; background-position: right bottom; background-repeat: no-repeat;}
.european-powers .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg01.png");}
.australia-africa .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg02.png");}
.hong-macao-taiwan-japan .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg03.png");}
.southeast-asia .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg04.png");}
.tabcon .list-con { float: right; width: 915px; height:520px; padding-top: 15px;}
.tabcon .list-con li { float: left; margin: 0 0 15px 15px; position: relative;}
.tabcon .list-con li:nth-of-type(3n){ margin-right: 0!important;}
.tabcon .list-con li:hover{ box-shadow: 0 3px 16px 0 rgba(217, 217, 217, 0.71);}
.tabcon .list-con li .pic{ display: table-cell; width: 290px; height: 155px; overflow: hidden; text-align: center; vertical-align: middle; background-color: #e7e7e7;}
.tabcon .list-con li .pic img { height: 100%; width: 100%; vertical-align: middle;}
.tabcon .list-con li .info { width: 270px; padding:0 10px; height: 90px;}
.tabcon .list-con li .info .tit{ display: block; font-size: 16px; line-height: 20px; height:40px; overflow: hidden; padding-top: 8px;}
.tabcon .list-con li .info>p{ height: 42px; line-height: 42px;}
.tabcon .list-con li .info>p .pos{ float: left; font-size: 14px; color: #999;}
.tabcon .list-con li .info>p .price{ float: right; font-size: 14px; color: #999;}
.tabcon .list-con li .info>p .price i{ color: #f90;}
.tabcon .list-con li .info>p .price i em{ font-size: 22px;}
.tabcon .list-con li .tags{ position: absolute; top:0; left:0;}
.tabcon .list-con li .tags>span{ float: left; padding: 0 7px; font-size: 12px; color: #fff; line-height: 20px; background-color: #ff7800; margin-right: 2px;}

/*线路-国内*/
.msfq .hot-des h4:after{ background-color: #d18a9a;}
.msfq .ad-pic-wrap,.msfq .hot-des h4>span{ background-color: #de8da5;}
.msfq .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg05.png");}
.msss .hot-des h4:after{ background-color: #8fba97;}
.msss .ad-pic-wrap,.msss .hot-des h4>span{ background-color: #96c6a5;}
.msss .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg06.png");}
.rwgj .hot-des h4:after{ background-color: #e0c89a;}
.rwgj .ad-pic-wrap,.rwgj .hot-des h4>span{ background-color: #f4dbad;}
.rwgj .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg07.png");}
.lmhb .hot-des h4:after{ background-color: #8bb5da;}
.lmhb .ad-pic-wrap,.lmhb .hot-des h4>span{ background-color: #9abfeb;}
.lmhb .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg08.png");}
.llhd .hot-des h4:after{ background-color: #ddd;}
.llhd .ad-pic-wrap,.llhd .hot-des h4>span{ background-color: #f5f5f5;}
.llhd .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg09.png");}

/*线路-周边*/
.gsjy .hot-des h4:after{ background-color: #7dbac2;}
.gsjy .ad-pic-wrap,.gsjy .hot-des h4>span{ background-color: #88c7d4;}
.gsjy .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg10.png");}
.qytj .hot-des h4:after{ background-color: #dbc18d;}
.qytj .ad-pic-wrap,.qytj .hot-des h4>span{ background-color: #f2d7a1;}
.qytj .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg11.png");}
.zbcs .hot-des h4:after{ background-color: #78a6dd;}
.zbcs .ad-pic-wrap,.zbcs .hot-des h4>span{ background-color: #95bef3;}
.zbcs .ad-pic-wrap .ad-pic-bg{ background-image: url("../images/line-ad-bg12.png");}