/*---header---*/
#header2{ background:#fff;padding-top:10px;box-shadow: 0px 1px 5px #ccc; z-index:99999;  width:100%;  top:0; position:relative; }
#logo2{ margin-bottom:10px; margin-top:25px;}
@media (max-width:768px) {
	#logo2{ margin-bottom:10px; margin-top:0px;}
}
/*top box*/
.affix-top .row{border-bottom: .1rem solid hsla(0,0%,100%,.3);}
#header2 .top-box { font-size:12px; float:left; color:#888; position:relative; padding-left:25px; margin-top:8px; margin-bottom:15px; border-left: solid 1px #666; position:relative;}
.top-box li { float:left; margin-bottom:0; margin-left:20px; margin-right:10px; height:25px; display:block; position:relative;}
.top-box li .email {width:24px; height:25px;background-position:0px -585px; position:relative;}
.top-box li .ser {width:25px; height:25px;background-position:-69px -585px; position:relative;}
.top-box li .cell {width:24px; height:25px;background-position:-34px -585px; position:relative;}
.affix-top .top-box li .email {background-position:0px -549px;}
.affix-top .top-box li .ser {background-position:-69px -549px;}
.affix-top .top-box li .cell {background-position:-34px -549px;}
.top-box li:hover .email {background-position:-104px -549px;}
.top-box li:hover .ser {background-position:-168px -549px;}
.top-box li:hover .cell {background-position:-138px -549px;}
.top-box li .cellbox { cursor:pointer; padding:0 10px 0 20px;}
#header2 .top-box li.cellbox:hover {background:#f2f2f2; border-radius:4px; }
.con-show { display:none;}
.top-box li:hover .con-show { display:block;background:#fff; border-radius:6px;  padding:8px 15px; position:absolute; right:0px; z-index:99; min-width:320px;}
.top-box li:hover .con-show p { margin-bottom:0;}
.top-box li:hover .con-show .top-arrow{display:inline-block; position:absolute; top: -6px; right:8px; border-bottom:solid 6px #fff;border-left:6px solid transparent; border-right:6px solid transparent; font-size:0; line-height:0;}
.top-box li:hover .con-show .ser-arrow{display:inline-block; position:absolute; top: -6px; right:18px; border-bottom:solid 6px #fff;border-left:6px solid transparent; border-right:6px solid transparent; font-size:0; line-height:0;}
.top-box .btn-contactus { border: solid 1px #666; border-radius:6px; color:#666; display:block}
.top-box .btn-contactus:hover {background:#df6536;border: solid 1px #df6536; color:#df6536;}

/*top box 2*/
.affix-top .row{border-bottom: .1rem solid hsla(0,0%,100%,.3);}
.top-box2 { font-size:14px; color:#666; position:relative; padding-left:25px; margin-top:8px; margin-bottom:10px;position:relative; float:right;}
.top-box2 li { float:left; margin-bottom:0; margin-right:10px; height:25px; display:block; position:relative; padding-left:25px; margin-left:10px; cursor:pointer;}
.top-box2 li:last-child { padding-left:0px; margin-right:15px;}
.top-box2 li a { color:#666;}
.top-box2 li a:hover { color:#df6536; text-decoration:underline;}
.top-box2 li .email {width:18px; height:15px;background-position:-265px -641px; left:0; top:8px;}
.top-box2 li .cell {width:18px; height:19px;background-position:-292px -637px; left:0; top:5px;}
.top-box2 li .t-arrow {width:16px; height:9px;background-position:-344px -647px; top:9px; margin-left:5px;}
.affix-top .top-box2 li .email {background-position:-210px -641px;}
.affix-top .top-box2 li .cell {background-position:-236px -637px;}
.affix-top li .t-arrow {background-position:-319px -647px; }
.top-box2 li .cellbox { cursor:pointer; padding:0 10px 0 20px;}
#header2 .top-box2 li.cellbox:hover {background:#f2f2f2; border-radius:4px; }
.con-show { display:none;}
.top-box2 li:hover .con-show { display:block;background:#f2f2f2; border-radius:6px;  padding:8px 15px; position:absolute; right:-20px;z-index:999; min-width:280px; color:#666;}
.top-box2 li:hover .con-show p { margin-bottom:0;}
.top-box2 li:hover .con-show .top-arrow{display:inline-block; position:absolute; top: -6px; right:8px; border-bottom:solid 6px #f2f2f2;border-left:6px solid transparent; border-right:6px solid transparent; font-size:0; line-height:0;}
.top-box2 li:hover .con-show .ser-arrow{display:inline-block; position:absolute; top: -6px; right:18px; border-bottom:solid 6px #fff;border-left:6px solid transparent; border-right:6px solid transparent; font-size:0; line-height:0;}
.top-box2 .btn-contactus { border: solid 1px #666; border-radius:6px; padding:6px 12px; color:#666; display:inline-block; margin-top:-5px; font-size:14px;}
.top-box2 .btn-contactus:hover {background:#df6536;border: solid 1px #df6536; color:#fff;}
.affix-top .top-box2 {color:#fff;}
.affix-top .top-box2 a { color:#fff; }
.affix-top .top-box2 .btn-contactus { border: solid 1px #fff; border-radius:6px; color:#fff; display:block}
.affix-top .top-box2 .btn-contactus:hover {background:#fff; color:#df6536;}
.siteser {border: solid 1px #666; border-radius:6px; padding:4px 38px 3px 8px; margin-top:-5px;width: 170px;}
.siteser:hover {border: solid 1px #df6536;}
.sitebtn { background:none; border:none; position:absolute; right:0px; top:-5px; bottom:0px; padding:4px 10px 4px 10px;}
.sitebtn-ser { width:19px; height:19px; background: url(/images/icon/all-icon.png) no-repeat -372px -635px ; display:inline-block; margin-bottom:-2px;}
li:hover .sitebtn,.sitebtn:hover {background:#df6536; border-radius:0 6px 6px 0 ;}
li:hover .sitebtn .sitebtn-ser,.sitebtn:hover .sitebtn-ser {  background: url(/images/icon/all-icon.png) no-repeat -402px -635px ;}
.siteser:focus { outline: none; }
/*nav*/
.topnav2 {color:#333; font-size:18px;  position:relative; z-index:99;}
.topnav2 ul { margin:0px 20px 0 10px; float:right; z-index:9999}
.topnav2 li { display:block; float:left; padding:10px 0 35px 0;  margin-bottom:0; position:relative; text-align:center; letter-spacing:-1px;}
.topnav2 li a { color:#333; text-decoration:none; display:block;}
.topnav2 li.active { border-bottom:solid 3px #df6536;}
.topnav2 li.active a { color:#df6536;}
.affix-top { background:none!important;filter:alpha(Opacity=100)!important;  -moz-opacity:1.0!important; opacity: 1.0!important;}
.affix-top .topnav2 li a {color:#fff!important;}
.affix-top .topnav2 li.active a,.affix-top .topnav2 li a:hover {color:#df6536!important;}
.affix-top .top-box {color:#fff;}
.affix-top .top-box a { color:#fff; }
.affix-top .top-box .btn-contactus { border: solid 1px #fff; border-radius:6px; color:#fff; display:block}
.affix-top .top-box .btn-contactus:hover {background:#fff; color:#df6536;}
.affix-top .top-box { border-left: solid 1px #fff!important;}
.affix-top .topnav2 li.active { border-bottom:solid 3px #fff!important;}
.affix-top .topnav2 li.active a { color:#fff!important;}
.topnav2 .top-arrow { display:none;}
#header2 .topnav2 li:hover .top-arrow{display:inline-block; position:absolute; bottom: 0px; left: 50%; margin-left: -6px;  border-bottom:solid 6px #df6536;border-left:6px solid transparent; border-right:6px solid transparent; font-size:0; line-height:0;} 
#header2 .navbar-toggle { float:none; background-color: transparent;background-image: none; border: 1px solid transparent; border-radius:0; z-index:99; padding:0; margin-right:0;}
#header2 .navbar-toggle:hover,
/*#header2 .navbar-toggle:focus {background-color: #none;}*/
#header2 .navbar-toggle .icon-bar {background-color: #d75e2f; z-index:999;}
#header2 a { text-decoration:none;}
@media (max-width:992px) {
	#header2 .navbar-toggle{ margin-top:35px;}
}
@media (max-width:768px) {
	#header2 .navbar-toggle{ margin-top:10px;}
}
@media (min-width: 992px) {
	.topnav2 { font-size:14px;letter-spacing:0px;}
	.topnav2 li {padding-left:12px; padding-right:12px;}
  }
@media (min-width: 1230px) {
	.topnav2 { font-size:18px; }
	.topnav2 li { padding-left:16px; padding-right:16px;}
  }
/*navbar*/
#header2 .navbar {background:#3c8fe0; margin-top:2px; color:#fff;}
#header2 .navbar li { float:left;line-height:62px; margin-bottom:0; position:relative; }
#header2 .navbar li a { color:#fff; text-decoration:none;}
#header2 .navbar li#first span {background:url(//data.chinatravel.com/images/bg/menu/home.png) no-repeat 0 10px; width:19px; height:42px; float:left; margin-right:5px;}
#header2 .navbar li#first { border:0;}
#header2 .navbar li { padding:0 10px; border-left:#afd6fc 1px solid;}
#header2 .navbar li.active,.navbar li:hover { background:#7ab6f1; font-weight:bold;}
#header2 .navbar li:hover em {display:inline-block; border-top:solid 8px #7ab6f1;border-left:8px solid transparent; border-right:8px solid transparent; position:absolute;font-size:0; line-height:0; bottom:-10px; margin-left:-4px; left:50%}
@media (max-width:768px){
	.navbar li:hover em { display:none;}
}

/*star dropmenu*/
.chinatourSubdrop { background-color:#fff; opacity:0.98; z-index: 99999; position: absolute; top:126px; border:none; border-top: solid 3px #df6536; border-radius: 0 0 6px 6px ;min-height:300px; }

.chinatourSubdrop h3 { color:#df6536;padding:0px 0px 0px 10px; font-size: 24px; position:relative; font-weight:normal;}
.chinatourSubdrop h3 a { color:#df6536; text-decoration:none;}
.chinatourSubdrop .droplistLeft {padding-left:12px; line-height:1.6em; padding-right:20px; margin-right:20px; border-right:#ccc 1px solid; float:left; width:25%; min-height:230px; position:relative;} 
.chinatourSubdrop .droplistLeft li {line-height:1.6em; border:0; margin-bottom:3px; color:#666;}
.chinatourSubdrop ul li a {color:#666;}

/*end dropmenu*/
@media (max-width:768px) {
	#header2 {filter:alpha(Opacity=100); -moz-opacity:1.0; opacity: 1.0;}
	
}
/*ad text*/
.carousel-caption { top:20%;position:absolute; margin-left:auto; margin-right:auto; z-index:99; color:#fff; text-align:center;text-shadow: 0 1px 2px rgba(0, 0, 0, .6);font-size: 18px; font-weight:normal;}
.carousel-caption  h1 {font-size: 60px; line-height:1em; letter-spacing:-1px; font-weight:normal; color:#fff;}
.carousel-caption p.ads-title {font-size: 42px; letter-spacing:-1px; color:#fff; margin-bottom:20px;}
.carousel-caption p{font-size: 24px;}
.carousel-caption p strong { font-size:36px;}
@media (max-width:992px){	
	.carousel-caption h1,.carousel-caption p.ads-title {font-size: 30px; line-height:1em; margin-top:10px;}
    .carousel-caption  {font-size: 16px; top:20%;}
}
@media (max-width:768px){	
	.carousel-caption h1,.carousel-caption p.ads-title {font-size: 18px; line-height:1em; margin-top:10px;}
    .carousel-caption  {font-size: 14px; top:0%;}
	.carousel-caption p{font-size: 14px;}
    .carousel-caption p strong { font-size:14px;}
}
.carousel-caption a { color:#fff; text-decoration:none;}

/*zp*/
#header2.affix-top {position:absolute;background:none!important;filter:alpha(Opacity=100)!important; box-shadow: 0px 0px 0px #666!important; -moz-opacity:1.0!important; opacity: 1.0!important;}
/*ling*/
@media (max-width:992px) {
	#header2.affix-top { background:#fff; position:static;}
}
.phone-cell { font-size:12px; float:right;padding-left:15px; padding-top:5px; margin-bottom:15px; margin-left:15px; border-left: solid 1px #ccc; position:relative;}
.phone-cell .cell {width:24px; height:25px;background-position:-138px -549px; position:relative;}
@media (max-width:992px) {
	.phone-cell { margin-top:20px;}
}
@media (max-width:768px) {
	.phone-cell { margin-top:0px;}
}
.top-box li:hover .con-show a { color:#df6536;}
/*2017.4.14 ling*/
.carousel-caption .filter-con { position:relative; display:inline-block;}
.carousel-caption .filter-bg { position:absolute; bottom:0; background:#000; filter:alpha(Opacity=70); -moz-opacity:0.70; opacity: 0.70; width:100%; height:100%; z-index:1;}
.carousel-caption .filter-txt p{position:relative;padding:10px; z-index:2; margin-bottom:15px;}
/*dropmenu*/
.dropmenu { background:#f2f2f2;z-index: 99999; position: absolute; top:126px;border-radius: 0 0 6px 6px; width:845px; padding:25px 15px 20px 15px; margin-left:-422.5px; left:50%;}
.dropmenu li { border-bottom:solid 1px #ccc; padding-bottom:14px; margin-bottom:14px; padding-left:20px; background:url(//data.chinatravel.com/images/icon/r-arrow.png) no-repeat 5px 5px ;}
.dropmenu li a { color:#333; display:block;}
.dropmenu li a:hover { color:#df6536;}
.dropmenu li:hover { border-bottom:solid 1px #df6536; background:url(//data.chinatravel.com/images/icon/r-arrow-2.png) no-repeat 5px 5px ;}
.drop-tours { position:relative;}
.drop-tours img { border-radius:6px;}
.drop-tours .cover-content{ border-radius: 0 0 6px 6px;position:absolute;content:" ";display:block;height:100px;left:0;right:0;bottom:0;z-index:10;background:-webkit-linear-gradient(rgba(255,255,255,0) 0,rgba(24,24,24,.75) 100%);background:-o-linear-gradient(rgba(255,255,255,0) 0,rgba(24,24,24,.75) 100%);background:linear-gradient(rgba(255,255,255,0) 0,rgba(24,24,24,.75) 100%);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.drop-tours .cover-content h3 {position:absolute;width:100%;line-height:20px;bottom:0px;text-shadow:1px 1px 4px rgba(0,0,0,.5); z-index:9;font-size:18px;color:#fff; text-align:center; font-weight:normal;}
.drop-tours .cover-content a { text-decoration:none; color:#fff;}
/*20190401 phone nav*/
.phone-nav { position:fixed;}
.phone-headerbar {  background:#fff; position:fixed; width:100%; z-index:9999; border-bottom: 1px solid #eee; height:60px;}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-facebook:before{content:"\f09a"}
.fa-facebook:before { content: "\f09a" }
.fa-twitter:before { content: "\f099" }
.fa-bars:before {  content: "\f0c9"; color:#333; margin:0.32rem 0 0 1rem; font-size:20px; font-weight:bold; }
@media(max-width:376px) {
.brand { width:54%; font-size:1.1rem;}
}
@media(min-width:400px) {
.brand {width:60%; font-size:1.25rem; }
}
.brand { display: inline-block; text-align: center;color:#333;text-transform: uppercase; padding-left:1rem;line-height: 3.5rem}
.brand a { text-decoration:none; color:#333;}
.customize-btn {font-size:0.75rem;border: 1px solid #ccc;border-radius:4px;padding:0.15rem 0.5rem;display: inline-block;height: 1.55rem;line-height: 1.25rem; float: right; margin:1.15rem 1rem 0 0;}
.customize-btn a { color:#666; text-decoration: none;}
.header-sidebar { background:#555; z-index:99999999;overflow-y: scroll;height: 100vh; width: 100vw;overflow-x: hidden;}
.sidebar-nav li {border-bottom:solid 1px #777; font-size:1rem; font-weight:400;position:relative;}
.sidebar-nav li a {color:#fff; padding:16px 30px; text-decoration:none; display:inline-block;}
.sidebar-nav ul.sidebar-dropdown { padding-left:30px;}

.sidebar-nav ul.sidebar-dropdown li {border-bottom:solid 1px #777; padding-top:0px; padding-bottom:0px; margin-right:10px;font-size:14px; position:static;}
.sidebar-nav ul.sidebar-dropdown li:last-child { border-bottom:0;}
.sidebar-nav ul.sidebar-dropdown li a {padding:10px 16px; display:block;}
.sidebar-nav ul.sidebar-dropdown li:first-child a{ padding-top:0;}
@font-face{font-family:FontAwesome;src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size:18px; color:#fff;}.fa-angle-right:before{content:"\f105"}
.sidebar-nav li .fa { position: absolute; right: 1.25rem; top:16px; font-size:20px;}
.ampstart-navbar-trigger {line-height: inherit;text-align: right;margin-right: 1rem; margin-top:1rem; color: #999;font-size: 1.8rem; font-weight:600;}
.sociallink { text-align:center; display:block;}
.sociallink a { margin:25px 15px; font-size:24px; text-decoration:none; color:#fff;}
.i-amphtml-sidebar-mask {position: fixed; top: 0;left: 0; width: 100vw;height: 100vh ;opacity: 0.2;background-color: #000; z-index: 214746;}
/*20190527 new dropmenu*/
.topnav2 li { border-bottom:solid 3px #fff;}
.topnav2 li:hover { border-bottom:solid 3px #df6536;}
.topnav2 ul li ul { display:none;}
.topnav2 ul li:hover ul { display:block; background:#f2f2f2; position: absolute; top:73px;border-radius: 0 0 6px 6px; width:360px; padding:5px 15px 20px 15px; left:0; margin:0;}
.topnav2 ul li ul li{margin:0px;min-height:40px; float:none; text-align:left;}
.topnav2 ul li ul li { border-bottom:solid 1px #ccc; padding-bottom:14px;  padding-top:14px; padding-left:25px; position:relative;}
.topnav2 ul li ul li .fa { color:#666; font-size:20px; position:absolute; left:5px; top:16px;}
.topnav2 ul li ul li a,.topnav2 ul li.active ul li a { color:#333; display:block; font-size:16px; letter-spacing:0;}
.topnav2 ul li ul li a:hover { color:#df6536;}
.topnav2 ul li:last-child ul,.topnav2 ul li:nth-child(7) ul {left:auto; right:0;}
.topnav2 ul li:hover ul li { border-bottom:solid 1px #ccc;}
.phone-headerbar button { background:none; border:0; padding-left:0;}
.phone-blank{ height:56px; display:block;}