﻿/*header style end*/
body {
	color: #333;
	line-height: 30px;
	font-size: 1.5rem;
    line-height: 200%;
	}
.logoarea {
	clear: both;
	height: 40px;
	overflow: hidden;
   *zoom:1;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	width: 95%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url(../images/01/top.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}
.red {
	color:#d7342e;
	}
.logoarea a {
	color: #FFF;
}
.logoarea a:link, .logoarea a:visited {
	color:#ebebeb;
	text-decoration: none;
}
.logoarea a:hover {
	color:#FFF;
	text-decoration: underline;
}
.newmob .head_l h1 {
	font-size:1.2em;
	vertical-align:bottom;
	line-height:36px;
	font-weight:normal;
	color: rgba(255,255,255,.8);
}
.banner  {
	position:relative;
	}
.banner img  {
	width:100%;
	}
.banner span  {
	position: absolute;
	z-index: 900;
	top: 91%;
	right: 15%;
	font-size: 16px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	}
.banner span a:link , .banner span a:visited {
	color:#FFFFFF;
	}
.banner .date  {
	position: absolute;
	z-index: 900;
	top: 92%;
	left: 15%;
	font-size: 12px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	color:#FFFFFF;
	width:150px;
	}
	
.color-w{color: white !important}

/***********导航*************/
.nav {
  background: #0e3a6f;
  margin-bottom: 4%;
 
}
.nav .am-container {
  width: 1200px;
  margin: 0 auto;
}
.nav  a:hover { color: #ccdffa}
.nav li {
  float: left;
  font-size: 18px;
	font-weight: bold;
  color: #fff;
  line-height: 45px;
  padding-left: 32px;
  border-left: 1px solid #6687b0;
}
.nav li a {
  color: #fff;
	
}

.scrollspy-nav a.am-active {
  color:#fd8c30;
  font-weight: 700;
  padding-bottom: 10px;
}
.btn-m .am-btn-warning{ background:#fd8c30;padding-top: 5px;}
.btn-m a {
  height: 38px;
  width: 150px;
  text-align: center;
  font-size: 1.7rem;
  font-weight: bold;
  color: #ffa200;
}
.btn-m a:hover {
  color: #FFFFFF;
  background: #de9760;
}
@media only screen and (max-width: 768px) { /*手机端*/
  .am-sticky-placeholder {
    margin-top: 0;
  }
  .nav-m {
    height: 82px;
    padding-bottom: 2em;
  }
  .nav-m ul {
    height: 44px;
  }
  .nav-m li {
    float: left;
    width: 33.333%;
    text-align: center;
    font-size: 14px;
  }
  .nav-m li a:link, .nav-m li a:visited {
    height: 40px;
    line-height: 36px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #3747a4;
  }
  .nav-m li a:hover {
    color: #ff8483;
    text-decoration: none;
  }
  .nav_01_01 {
    height: 40px;
    width: 100%;
    margin-top: 1px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background: #0a184e url(../images/nav_bg1.jpg) repeat-x;
  }
 
  .nav-menu {
    background: #0f1b60;
  }
  .scrollspy-nav {
    top: 0;
    z-index: 100;
    width: 100%;
    padding: 0 10px;
  }
  .scrollspy-nav ul {
    margin: 0;
    padding: 0;
	  height: 50px
  }
  .scrollspy-nav li {
    display: inline-block;
    list-style: none;
    width: 32%;
    padding:  0;
    text-align: center;
    border-right: solid 1px #8a9397;
	  height: 24px;
    line-height: 24px;
    float: left;
  }
  .scrollspy-nav li a {

    color: #FFFFFF;
    font-size: 1.4rem;
    margin-bottom: 1px;
    text-align: center;
  }
}


@media only screen and (min-width: 769px) { /*PC端*/
	.am-sticky-placeholder{ margin-bottom: 0 !important}
.am-with-topbar-fixed-top {
    padding-top: 10px;
}
	.nav li{width: 144px;}
	.btn-m a{height: 32px;
  }
}
.am-with-topbar-fixed-top {
  padding-top: 0
}

@media only screen and (max-width: 768px){
	.am-sticky-placeholder{ margin-top: 15px !important ; }
	
	
}




.am-container{ max-width:1200px !important;}



@media only screen and (min-width: 769px){
.am-container {
  padding:  50px 0;
}
}
  @media only screen and (max-width: 768px){
.am-container {
  padding: 4.5rem 1rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  overflow: hidden;
}
}






.h2-title {
	color: #000000;
	font-size: 3.6rem;
	margin-bottom: 30px;
	text-align: center;
	line-height: 68px;
	font-weight:bold;
	
	padding-bottom: 0px;
	
	background-image: url("../images/tbg_16.png");
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	padding-left: 5px;
	
}
.h2-title2 {
	font-size: 3.6rem;
	margin-bottom: 30px;
	text-align: center;
	line-height: 68px;
	font-weight:bold;
	
	padding-bottom: 0px;

	background-image: url("../images/tit02.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	color: #fff;
	padding-left: 5px;
}






/***********全局*********/
.am-btn-warning,.am-btn-warning:hover{ border-color:#de9760}


/*******考察背景**************/
.invite-box-01{ background:#f4f4f4;  }
.invite-box-01 .article--content ,.review-box, .moban-box-opt01 .jb-n , .moban-box-opt01 .jb-1  {
	padding:15px;
	background-color: #FFF;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	box-shadow:3px 3px 3px #DDD;

	}
.invite-box-01 p{
	text-indent: 2em;    
	margin-bottom:.2%;
}
.invite-box-01 ul{ font-weight:bold; padding-top:10px; padding-bottom:10px;}
.invite-box-01 ul{
  list-style: circle;
 
}
.invite-box-01 span{ padding:2px; background:#c80505; color:#FFF; margin-right:1rem;}
.invite-box-01 span:nth-child(even){ background:#c80505;}

.invit01-u{ padding-left: 20px;}



/*******不容错过的机会**************/

.ch-box{ margin: 10px auto; text-align:center; background: linear-gradient(42deg, rgba(54, 82, 144, 0.68), rgba(73, 112, 188, 0.68)) ;  border-radius:5px; padding: 20px 10px; }
.chance img{ max-width:70%;}
.chance h3 { font-size:1.8rem; font-weight:bold; line-height:2.2em; padding:10px 0; color: #fff;}
.chance p {line-height: 1.8em; color: rgba(255,255,255,0.7)}




@media only screen and (min-width: 769px) { /*PC端*/
	.ch-box{ height: 300px; padding: 40px 10px; }
	.chance h3{ margin-top: 15px;}
	
	.ch-box{transition: ease all 1s;overflow: hidden;position: relative;z-index: 1;}
	.ch-box::after{
		background: linear-gradient(42deg, rgba(157, 107, 85, 0.68), rgba(126, 101, 89, 0.68)) ;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		transition:
		ease all 0.5s;
  		height: 100%;
  		z-index: -1;}
	
	.ch-box:hover::after {
    width: 100%;
}
}

@media only screen and (min-width: 450px) and (max-width: 768px) { /*手机端*/
	.chance h3 { height:60px;}
	.chance p { height: 135px;}
}

@media only screen and (max-width: 449px)  { /*手机端*/
	.chance .am-u-sm-6{width: 100%}
	
}






.ac-box {border: solid 1px #02b633;  padding:0 1% 2% 1%; margin: 1%; border-radius: 5px; width: 23%; height: 180px;}
.ac-box img {width: 100%; border-bottom: solid 1px #DDD; margin-bottom: 10px; text-align: center;}
.ac-box p {font-size: 1.4rem; line-height: 150%; text-indent: inherit; color: #333;}

.spot{ background:  url("../images/bg-2.jpg") top  center no-repeat ; background-attachment: fixed  }

.spot-img am-u-md-4:first-child{ padding-left:-1rem !important; }
.spot-img am-u-md-4:last-child{ padding-right:-1rem !important; }
.spot-img{ margin-bottom:3%; margin-left:0; margin-right:0  !important;}
.spot-img img{ max-width:100%; border:#FFF 1px solid; border-radius:8px;}

.tit02{
	background:url(../images/bg02.jpg) left center no-repeat ;	 
    background-position: 40px 10px;
	margin-bottom:2%;
	color: #fff;
	border-bottom-right-radius:20px;
	width:650px;
	}
.tit02 span{ font-size:2.2rem; line-height:70px; margin-left:20px; font-weight:600;}
.tit02 img{  border-radius:10%; box-shadow:3px 3px 3px #504d4d; float:left;}

.spot-box p{
	margin-bottom:2%;
	padding:0 15px;
	color: #333;
}

/*行程简介*/
.journey{background: url("../images/bg-3.jpg") bottom center no-repeat #0b275e}

.j1{ background:url(../images/timeline.png) left center repeat-y;
     background-position:22px 0;
	 }
.j1,.j2{ margin-bottom:2%;}
.rc{ display:flex; justify-content:flex-start; align-items:center;color: #fff; }
.rc img{ max-width:100%; height:auto; margin-right: 35px; }
.rc p{font-size:1.6rem; font-weight:500; line-height: 3.5}

.j2 img{max-width: 100%;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 10px;
  background: #fff;}
.j2 h2{ margin-bottom: 10px; color: #ffffff; }
.j2 p {font-size:1.5rem; line-height:200%;color: #fff; }
.j2 i{ margin-right:5px;}

.j1 .rc .time {
  background-image: linear-gradient(90deg, #446fc7, #2655b6);
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  border-radius: 50px;
}

@media only screen and (min-width: 769px) { /*PC端*/
	.j2 p{ margin-top: 4px}
	.j2 h2{font-size:1.6rem;  }
	.j2 i{margin-right:10px;font-size: 2rem;}
	 .rc { margin-bottom: 2.8rem; }
	
	
}

@media only screen and (max-width: 768px) { /*手机端*/
	.journey{background: url("../images/bg-3s.jpg") bottom center no-repeat #001c53}
	  .j1 .rc .time {
    width: 50%;
    font-size: 1.6rem;
  }
	  .j1 .rc .sc-txt {
    width: 100%;
    margin: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
    margin-bottom: 1em;
    margin-left: 1.5em;
    font-size: 1.5rem;
    padding-right: 2em;
  }
}

@media only screen and (max-width: 449px)  { /*手机端*/
	.j1 .rc .time {width: 70%;}
}


/*考察城市亮点*/
.city{ background:  url("../images/bg-4.jpg") bottom  center no-repeat #e3dad3; }
.city img{ max-width:100%; }

@media only screen and (max-width: 768px) { /*手机端*/
	.city{ background-size:150%; }
}



.iconfont{ font-size:60px; height:60px;}



.worth{ padding-top:4%; padding-bottom:4%; }
.flex-u3,.flex-u4{ width:100%;}
.w-b{ margin-top:2%; background:rgba(110,110,124,0.5); padding:15px 10px;}
.w-tex{}
.w-b img{ margin-bottom:20px; width:70px; height:auto; }
.w-tex h3{ color:#ffa200;  font-size:1.8rem; margin-bottom:2px; padding-left: 14px; }
.w-tex p{ color: rgba(255,255,255,0.8); font-size:1.4rem; text-align:left;}
.c_wt {
    color: #FFF;
}
.c-info {font-size: 1.7rem; color: #ffa200;}
@media only screen and (min-width: 769px) { /*PC端*/
.worth{  background: url(../images/c_bg.png) top center no-repeat #011748 ; background-attachment: fixed;}
.w-box{display:flex; justify-content:space-between;}
.w-tex h3{ height:auto;}
.flex-u3{ width:32%;}
.flex-u4{ width:24%;}
.w-b{ }
}
@media only screen and (max-width: 768px) { /*手机端*/
.worth{ background:url(../images/c_bg.png) center center repeat #011748; }
.flex-u3{ width:92%;height: auto;
    overflow: hidden;}
.flex-u4{ width:92%;}
.w-b{ margin:4%;}
	.c-info {font-size: 1.5rem; color: #ffa200;}
}
.train img {width: 70%;}
.train p {font-size: 1.8rem;margin-bottom: 10px;}

@media screen and (max-width:640px) {
	.j1{ background:url(../images/timeline.png) left center repeat-y;background-position:15px 0;background-position: 18px 0;}
	 .rc img{ max-width:15%; height:0;  }
	 .rc{ height: auto;
    display: block;
   }
	 
	 .rc p{font-size:1.4rem; line-height:2.4rem; }
	
	.train p {font-size: 1.6rem;margin-bottom: 10px;}
	.train img {width: 100%;}
	
	}


/*******干货之旅*******/
.chance { background: url("../images/bg-1.jpg")  bottom center no-repeat #0a2250;font-size: 1.4rem;}

@media only screen and (max-width: 768px) { /*手机端*/
	.chance { background: url("../images/bg-1s.jpg")  top center no-repeat #0a2250; background-size: 100%}
}



/************与众不同***********/
.different{ background:#eeeeee; }
.different-box{background: #fff}
.different ul{ padding:2.5rem;  }
.different li{ color:#ffa200; list-style:disc; line-height:2; } 
.different span{ color:#333333; }

.dift2{ margin-bottom: 1.6rem}
.dift2 h2{ background: #fd8c30; text-align: center; color: #fff;border-radius: 5px 5px 0 0; padding: 5px 0}
.dift2-txt{ border:1px solid   #fd8c30 ; padding: 1.4rem}
.dift2-txt ul{ padding: 1.2rem 0 0 1.2rem !important}
.dift2-txt li{ }
.dift2-txt span{ color: #333333}
.dift2-zw{ font-size:1.4rem}

@media only screen and (min-width: 769px) { /*PC端*/
	.dift2-txt{ height: 360px;}
}

@media only screen and (max-width: 768px) { /*手机端*/
	.dift2-txt{padding: 1rem}
}

/**********注意事项*********/
.tips{ background:  url("../images/bg-4.jpg") bottom  center no-repeat #131c5f;}
.tips-box{background: rgba(64,71,117,0.5)}
.tips-box ul{ padding:2.5rem;  }
.tips-box li{ color:#ffa200; list-style:disc; line-height:2; } 
.tips-box span{ color:#ffffff; }

@media only screen and (max-width: 768px) { /*手机端*/
	.tips{ background-size:150%; }
}


/**********往届回顾*********/
.review{background: #eeeeee}
.review-box li{ color:#333; list-style:disc; }
.contact-box,.review-box{ padding:2.5rem;}

/*联系方式*/
.contact{ background:url(../images/bg04.jpg)  bottom center no-repeat;}
.contact p{ font-size:2.6rem; line-height:3.2rem; color:#bf5808; margin-bottom:3%; }
.contact ul{ margin-bottom:3%; padding-left:20px;}
.contact-box li{ font-size:1.6rem; line-height:2.6rem; list-style: square; }
.contact a{ text-decoration: underline; color: blue}

@media only screen and (min-width: 769px) { /*PC端*/

.contact-box img{ width: 150px;}
}
@media only screen and (max-width: 768px) { /*手机端*/
	.contact-box img{ width: 150px;margin-left: auto;
    margin-right: auto;
    display: block;}
}





.review-box li{ font-size:1.6rem; font-weight:600;}
.review-box p{ padding-bottom:2%; margin-bottom:2%; border-bottom:1px #CCC dashed;}

.bm2 {
	text-align:center;
	margin-bottom:50px;
	}

.bm2 a {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	display: inline-block;
	text-align:center;
	border:1px solid #02b633;
	background-color:#02b633;
	height:48px;
	line-height:40px;
	font-size:24px;
	color:#FFF;
	padding-left:15px;
	padding-right:15px;
	width:50%;
}
.bm2 a:link, .bm1 a:visited {
	color:#FFF;
	text-decoration: none;
}
.bm2 a:hover{
	border: 1px solid #AA0000;
	background-color: #AA0000;
}
	
	

.moban {
	min-height:400px;
}
.moban .article--content {
	margin: 23px 0 0;
	font-size: 15px;
	line-height: 30px;
}
.moban .article--content h1  {
	margin-bottom:20px;
   }
.moban .article--content img {
	max-width: 80%;
    margin-left: 15px;
    margin-right: 15px;
}
.moban .article--content p  { 
   text-indent:15px;
   padding:0px;
   margin:0px;
   margin-bottom:20px;
   }
.moban .article--content ul , .moban .article--content ol
{
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.moban .article--content ul li
{
  list-style-type: none; 
  margin-left: 20px;
}
.moban .article--content ol li
{
  list-style-type: decimal; 
  margin-left: 26px;
}
.bd_bgc {
	background-color: #EFEFEF;
	}


.bm1 {
	position:absolute;
	z-index:999;
	top:17px;
	right:10px;
}
.bm1 a {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	display:block;
	text-align:center;
	border:1px solid #dd514c;
	background-color:#dd514c;
	height:36px;
	line-height:30px;
	font-size:18px;
	color:#FFF;
	padding-left:15px;
	padding-right:15px;
}
.bm1 a:link, .bm1 a:visited {
	color:#FFF;
	text-decoration: none;
}
.bm1 a:hover{
	border: 1px solid #fd8c30;
	background-color: #fd8c30;
}
.bm2 {
	text-align:center;
	margin-bottom:50px;
	}

.bm2 a {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	display: inline-block;
	text-align:center;
	border:1px solid #fd8c30;
	background-color:#fd8c30;
	height:48px;
	line-height:40px;
	font-size:24px;
	color:#FFF;
	padding-left:15px;
	padding-right:15px;
	width:50%;
}
.bm2 a:link, .bm1 a:visited {
	color:#FFF;
	text-decoration: none;
}
.bm2 a:hover{
	border: 1px solid #fd8c30;
	background-color: #fd8c30;
}

.moban .article--content  {
	padding-bottom:15px;
	}


/*************手机端*****************/
@media screen and (max-width:640px) {
.bm2 {
	text-align: center;
	margin-bottom: 0px;
	position: fixed;
	z-index: 999;
	bottom: 0px;
	width: 100%;
	background-color: rgba(255,255,255,.75);
	padding-bottom:5px;
	padding-top:5px;
	}

.bm2 a {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	display: block;
	margin:0 auto;
	text-align:center;
	height:40px;
	line-height:36px;
	font-size:20px;
	color:#FFF;
	width:97%;
}

.h2-title {
	font-size:2.5rem;
    line-height:2rem;
    background-size: auto 3.6rem;
	margin-bottom: 2rem;
	padding-top:2rem;
    padding-bottom: 2rem;  
}

	
	@media only screen and (max-width: 768px) {      /*********手机端端样式*********/
		.h2-title { background-size:100%;padding-top: 1rem;padding-bottom: 1.5rem;}
	}

.tit02{
	display:flex;
	justify-content: center;
	flex-direction:column;
	background:url(../images/bg02.jpg) center center no-repeat;	 
    background-position: 0 60px;
	margin-bottom:2%;
	border-top-right-radius:30px;
	width:100%;
	}
.tit02 span{ font-size:1.8rem; line-height:2.2rem; margin-left:0; font-weight:bold; padding-bottom:1.5rem; text-align:center;}
.tit02 img{  border-radius:10%; box-shadow:3px 3px 3px #430a08; margin-left:auto; margin-right:auto; margin-bottom:.6rem;  }

.city img{ margin-bottom:4%; margin-top:2%;}
.contact p{ font-size:1.6rem; line-height:2.6rem; margin-bottom:4%; margin-left:-1rem;}
.contact ul{ margin-bottom:3%; padding-left:10px;}
.contact-box{ padding:1rem 1rem 3rem 1rem;}
.review-box{ padding:2rem;}
.different ul{ padding:2rem; }

.spot-img img{ margin-bottom:2%;}
.chance h3 { font-size: 1.6rem;line-height: 1.3; padding:10px 0;}	
.ac-box {
    border: solid 1px #02b633;
    padding: 0 1% 2% 1%;
    margin: 1%;
    border-radius: 5px;
	height: 160px;
	width: 48%;


}
	.ac-box p {	font-size: 1.3rem;}
	
	

.moban .article--content  {
	padding-bottom:10px;
	}
.moban .moban-box-opt01 {
    padding-bottom: 20px;
}
.list-2 h3 {
	padding-bottom:20px;
	font-size:16px;
	font-weight:bold;
	line-height:26px;
	text-align:center;
	}
.banner img  {
	width:95%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 5px;
	box-shadow:0px 0px 10px #b8b8b8;
	}
	
.bdshare-slide-button-box {
	display:none !important;
	}

.moban-box-02 .h2-title ,.moban-box-04 .h2-title {
    background-image: url(../images/02/lmbg1.png);
}
.invite-box-01 .article--content, .moban-box-opt01 .jb-n, .moban-box-opt01 .jb-1 {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

}

.list-1 ul li
{
  list-style-type: disc; 
  margin-left: 20px;
}
.list-1 ol li
{
  list-style-type: decimal; 
  margin-left: 26px;
}



/**************历史回顾*************/
.history { background:  url(../images/hsbg0.jpg) bottom center no-repeat #072a72; padding-bottom:2rem;  }
.r_1 { background:#f6f6f6; border-radius:10px; height:120px;}
.r_2 { background:none; border-radius:10px; height:120px;}
.r_1 img{ width:100%;  border-radius:8px 8px 0 0;}
.r_1 p { text-align:center;  color:#333; margin:0.4rem 1rem 1rem 1rem; line-height:150%;  font-size: 1.4rem }
.r_1 a:hover p { color:#DE9760;} 
.am-container2{
	margin-left: auto;
    margin-right: auto; 
    width: 100%;
    max-width: 1200px;
	line-height: 190%;
    color: #333333;
    font-size: 1.2rem;
	padding-top:3rem;
	padding-bottom:1.2rem;
	}
@media only screen and (min-width: 767px) {     /*********PC端样式*********/
.am-container2 title{ margin-bottom:200px;}
  .history .am-container-lg {
    max-width: 1600px;
    margin: 0 auto;
  }
.hsmb{ margin-bottom:80px; }
.history{background:url(../images/hsbg0.jpg) bottom center no-repeat #072a72; }
}

@media only screen and (max-width: 768px) {      /*********手机端端样式*********/
.am-container2 { margin-left:0; margin-right:0}
.r_1{height:110px;}
.r_2 { background:none; height:0px;}
.r_1 p { font-size:1rem;}
.history > am-u-sm-4:nth-child(n+3){ clear:both; margin-bottom:50px; !important}
.hsmb1{ margin-bottom:2rem;}
.hsbgm{ background:url(../images/hsbg_m.png) left center no-repeat #0f1b60;}
}


@media only screen and (max-width: 350px) {      /*********手机端端样式*********/
	.r_1 p { }
}



.nav .am-container{padding:  0 !important;}

