/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Title Section
7.About Section
8.Breadcrumb Section
9.Internal Banner Section 
10.Outdoor Education Section
11.News Section
13.Tourist Route Section
14.Function Section
15.News Page
16.Order Page
17.Imglist Page
18.About Page
19.Paginate Section
20.Footer Section 
21.Detail Page
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

html,
body {
  height: 100%;
  font-size: 15px;
  color: #424242;
  font-family: "microsoft yahei", sans-serif;
  vertical-align: baseline;
  line-height: 25px;
  background: #fff;
  overflow-x:hidden;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../font/glyphicons-halflings-regular.eot');
    src: url('../font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
          url('../font/glyphicons-halflings-regular.woff') format('woff'), 
          url('../font/glyphicons-halflings-regular.ttf') format('truetype'),
          url('../font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
  font-family: "Atlantic Inline";
  src: url("../font/Atlantic-Inline-Normal.woff2") format("woff2"),
  url("../font/Atlantic-Inline-Normal.woff") format("woff"),
  url("../font/Atlantic-Inline-Normal.ttf") format("truetype"),
  url("../font/Atlantic-Inline-Normal.eot") format("embedded-opentype"),
  url("../font/Atlantic-Inline-Normal.svg") format("svg");
font-weight: normal;
font-style: normal;
}

@font-face {
  font-family: 'Alibaba-PuHuiTi-Regular';
  src: url('../font/Alibaba-PuHuiTi-Regular.eot');
  src: url('../font/Alibaba-PuHuiTi-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Alibaba-PuHuiTi-Regular.woff') format('woff'), 
        url('../font/Alibaba-PuHuiTi-Regular.ttf') format('truetype'),
        url('../font/Alibaba-PuHuiTi-Regular.svg') format('svg');
}

@font-face {
  font-family: '逐浪拉勾艺黑体';
  src: url('../font/逐浪拉勾艺黑体.otf') format('truetype');
}
a:focus {
  outline: 0px solid;
}
/* img {
  max-width: 100%;
  height: auto;
} */

p {
  margin: 0 0 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 5px;
  font-weight: 600;
  font-family: "microsoft yahei", sans-serif;
  color: #020e2a;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
}

a {
  transition: all 0.5s ease-out;
  text-decoration: none;
  color: #020e2a;
}

a:active,
a:hover {
  outline: 0 none;
  color: #139c30;
  text-decoration: none;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #fab909;
  text-shadow: none;
  color: #fff;
}

::selection {
  background: #fab909;
  text-shadow: none;
  color: #fff;
}

textarea:focus,
input:focus {
  outline: none;
}
/* .slider-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;  width: 100%;
  position: absolute;
  top: 0;z-index:1

} */
.images-overlay {
  background-color: rgba(18, 188, 0, 0.96);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.clear {
  clear: both;
}
.no-margin{margin: 0;}
.mt-80{margin-top:80px;}
.mt-20{ margin-top:20px;}
.mt-10{ margin-top:10px;}
.mb-5{margin-bottom:5px;}
.mb-10{ margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mr-75{margin-right:75px;}
.no-padding{padding:0;}
.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-50 {
  padding-top: 50px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-80{
	padding-top:80px;
}
.pb-80 {
  padding-bottom: 80px;
}

.pb-70 {
  padding-bottom: 70px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pl-20 {
  padding-left: 20px;
}
.pr-20 {
  padding-right: 20px;
}
.pl-15 {
  padding-left: 15px;
}
.pr-15 {
  padding-right: 15px;
}
.pl-90 {
  padding-left: 93px;
}
.pr-90 {
  padding-right: 93px;
}
.color-white {
  color: #ffffff;
}
.bg-gray {
  background: #ececec;
}
.bg-f3{
	background:#f3f3f3;
}
.bg-white {
  background: #ffffff;
}
.bg-light {
  background: #d9f2f4;
}
.text-indent2em {
  text-indent: 2em;
}

/*
1.Preloader
============================*/
/*#preloader {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999999;
  right: 0;
  bottom: 0;
}

#preloader-status {
  height: 210px;
  width: 210px;
  background: url(../img/preloader.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  position: absolute;
  left: 50%;
  top: 50%;
}*/

/*
2.Scrollup
==============*/
#scrollUp {
  background: #05B3AA none repeat scroll 0 0;
  border-radius: 100%;
  bottom: 5px;
  color: #fff;
  font-size: 25px;
  height: 40px;
  right: 20px;
  text-align: center;
  text-decoration: none;
  width: 40px;
}

#scrollUp:hover {
  opacity: 1;
  color: #fff !important;
  background: #048882;
}

#scrollUp i {
  display: block;
  font-weight: bold;
  padding-top: 6px;
}

/*
3.Header Section
==================*/
.hd-sec {
  background: rgba(0, 0, 0, 0.2);
  padding: 6px 0;
}

.hd-lft li {
  color: #f9f9f9;
  display: inline-block;
  padding-right: 20px;
  position: relative;
  font-size: 14px;
}

.hd-lft li:last-child {
  padding-right: 0px;
}

.hd-lft li i {
  margin-right: 10px;
  color: #fab909;
}

.hd-rgt {
  float: right;
}

.hd-rgt li {
  display: inline-block;
  position: relative;
}

.hd-rgt li a {
  color: #f9f9f9;
  font-size: 14px;
  padding-left: 8px;
  /*position: relative;*/
  text-transform: capitalize;
  transition: all 0.36s ease-out 0s;
}

.hd-rgt li a:hover {
  color: #f9f9f9;
}
.weixin{ float:left;margin-left:30px}
.weixin a{width:26px; height:26px; line-height:26px;display:block; position:absolute; left:0; top:-21px; }
.weixin .weixin_nr{  position:absolute; left:-25px; top:14px; z-index:9999;display:none;}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; position:absolute; left:10px; top:-5px;}
.weixin.on .weixin_nr{ display:block;}
/*
4.Menu  Section
=================*/
.sticky-wrapper {
  position: absolute;
  width: 100%;
  z-index: 9999;
}

.pcto_bg {
  top: 80px;
  width: 100%;
  transition: all ease 0.3s;
  height: 0px;
  background: rgba(7, 103, 170, 0.66);
  transition: all ease 0.3s;
  position: absolute;
  z-index: 99;
  left: 0;
}
.pcto_bgi {
  background: rgba(22, 89, 141, 0.88);
}
.pcto {
  width: 100%;
  position: relative;
  height: 80px;
}

.pcto_box {
  /*width: 1200px;*/
  margin: 0 auto;
  height: 80px;
}

.pcto_box .pcto_logo {
  display: inline-block;
  margin-top: -25px;
}

.pcto .pcto_menu {
  float: right;
}

.pcto .pcto_menu_xun {
  float: left;
  margin: 12px 19px 0 19px;
  height: 70px;
  text-align: center;
  min-width: 56px;
  text-transform: uppercase;
}

.pcto .pcto_menu_xun:last-child {
  margin: 12px 0 0 19px;
}

.pcto .pcto_menu_xun .pcto_menu_a {
  transition: all ease 0.3s;
  display: inline-block;
  height: 70px;
  line-height: 70px;
  font-size: 18px;
  color: #0b708d;
  text-align: center;
  text-decoration: none;
}

.pcto .pcto_menu_xun:hover .pcto_menu_a {
  transition: all ease 0.3s;
  border-bottom: #15c80c solid 3px;
}

.pcto .pcto_menu_xun.on .pcto_menu_a {
  color: #df0f0f;
  border-bottom: #df0f0f solid 3px;
}

.pcto_menu_a {
}

.pcto_xl {
  position: absolute;
  z-index: 100;
  height: 0;
  overflow: hidden;
}

.pcto_xl a {
  margin-right: 35px;
  /* float: left; */
  display: inline-block;
  line-height: 45px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  position: relative;
}
.pcto_xl a:active,.pcto_xl a:hover{
	color:#fff;
}
.pcto_xl a:not(:last-child):after {
  content: url(../image/ico.png);
  width: 15px;
  height: 8px;
  position: absolute;
  top: 0;
  right: -25px;
}
.pcto_menu_xun:hover .pcto_bg {
  height: 45px;
  transition: all ease 0.6s;
}

.pcto_menu_xun:hover .pcto_xl {
  height: 45px;
  transition: all ease 0.6s;
}
/* .sticky-wrapper{
position: absolute;
width: 100%;
z-index: 9999;}

.logo {
  padding-top: 8px; transition: all 0.36s ease-out 0s;position:relative;z-index:2
}
.mnmenu-sec {
	background: rgba(221, 221, 221, 0.0);

}
.main-menu > ul {
	float: right;
	list-style: none outside none;
	margin: 0;
	padding-right: 40px;
	position: relative;
}
.main-menu ul li {
display:inline-block;
padding : 0;
position : relative;
}
.main-menu ul li.active{
position:relative
}
.main-menu ul li.active::before {
	position: absolute;
	content: "";
	width: 40px;
	height: 0px;
	bottom: 18px;
	z-index: 9;
	left: 0;
	right: 0;
	margin: 0px auto;
	border-radius: 2px;
	border: 1px dashed #fab909;
}
.main-menu >ul>li>a{
display: block;
font-size: 16px;
font-weight: bold;
padding: 34px 16px;
text-decoration: none;
text-transform: capitalize;
transition: all 0.4s ease 0s;position:relative;
color:#fff;
}
.main-menu ul li ul:hover .main-menu ul li > a{
  background: #ddd;
}
.main-menu ul li a:hover {
transition : all 0.4s 0s ease;
color:#fab909
}

.main-menu ul ul {
background: #fab909 none repeat scroll 0 0;
left: 0;
opacity: 0;
position: absolute;
text-align: left;
transform: scale(0);
transform-origin: 0 0 0;
transition: all 0.3s ease 0s;
visibility: hidden;
z-index: 99999;
top:94px;
}
.main-menu ul ul li {
float : none;
width : 200px;
}
.hd-style1 .main-menu > ul > li > a{color:#020e2a}
.main-menu ul ul li a {
	padding: 6px 19px;
	color: #020e2a;
	display: inline-block;
	font-weight: 600;
	font-size: 14px;
	text-transform: capitalize;
	width:100%
}
.main-menu ul ul li a:hover {
background:#fff
}
.main-menu ul ul ul {
top : 0;
left : 100%;
}
.main-menu ul li:hover ul {	
     visibility: visible;transition: all 0.4s ease 0s; opacity: 1;transform: scale(1);
}
.main-menu ul li a i {
font-size: 13px;
margin-left: 6px;
color: #fff;
}
.menu-icon {
	display: inline-block;
	padding: 34px 0px;
	position: absolute;
	right: 0;
	top: 0;
}
.site-search {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #fab909;
	border-radius: 100%;
}
.site-search i {
  color: #fff;
  cursor: pointer;
}
.search-forum > form {
  display: inline-flex;
  background: #fab909;
  padding: 10px;
}
.search-forum input[type=text] {
  padding: 10px;
}
.search-forum input[type="submit"] {
  padding: 10px;
  background: #020e2a;
  color: #fff;
}
.menu-icon:hover .search-forum {visibility:visible;transition: all 0.4s ease 0s;transform:scale(1);opacity:1;}
.search-forum {
display: inline-block;
left: -240px;
opacity: 0;
position: absolute;
top:94px;
transition: all 0.4s ease 0s;
visibility: hidden;z-index:2;transform:scale(0)
}

.index1 .main-menu > ul > li > a {
	color: #fff;
}  
.slider.index1 .slider-text{top:55%}*/
/*index 1*/
.hd-style1 .hd-sec {
  background: #0767aa;
  padding: 0px;
}

.hd-style1 .hd-rgt {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 7px 0;
}

.hd-style1 .hd-lft {
  padding: 6px 0;
}

.hd-style1 .hd-rgt {
  text-align: right;
}

.hd-style1 .hd-rgt li a {
  display: inline-block;
  color: #ddd;
  text-transform: capitalize;
  font-weight: 600;
}

.hd-style1 .hd-rgt ul {
  display: inline-block;
}

.hd-rgt li a:hover {
  color: #fab909;
}

.follow-title {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  /*font-weight: bold;*/
}

.hd-style1 .main-menu ul ul li:after {
  display: none;
}

.hd-style1 .site-search i {
  color: #020e2a;
  line-height: 30px;
}

.mnmenu-sec.sticky_menu {
  background-color: #fff;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  z-index: 998;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.mnmenu-sec.sticky_menu .main-menu ul li a,
.mnmenu-sec.sticky_menu .site-search i {
  color: #020e2a;
}

.hd-style1 .main-menu ul li a i {
  color: #020e2a;
}

.slider.index2 .slider-text {
  top: 50%;
}

.why-choose-icon {
  margin-bottom: 30px;
}

.why-choose-us-before .why-choose-item {
  margin-bottom: 60px;
}

.why-choose-us-before {
  padding-top: 60px;
}

.why-choose-us-before .sec-title {
  margin: 0;
  text-align: left;
  margin-bottom: 40px;
}

.why-choose.why-choos-bg {
  background: #fab909 none repeat scroll 0 0;
  background-image: url("../img/why-choose-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.why-choose-us-before {
  position: relative;
  z-index: 2;
}

.why-choose-us-before::before {
  background-color: #ddd;
  content: "";
  height: 120%;
  left: -20px;
  position: absolute;
  top: 0;
  width: 5000px;
  z-index: -1;
}
/*service 2*/

.service2-sec {
  overflow: hidden;
  background: #020e2a;
  position: relative;
}

.service2-sec .sec-title {
  margin: 0 0px 60px;
  text-align: left;
  color: #fff;
}

.service2-sec .sec-title h1 {
  color: #fff;
}

.service2-details p {
  margin-bottom: 0;
}

.service2-details a {
  font-weight: bold;
}

.service2-icon {
  width: 40px;
  margin-right: 10px;
  margin-top: 10px;
}

.service2-inner::before {
  position: absolute;
  content: "";
  background: #ddd;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.4s ease 0s;
  top: 0px;
}

.service2-inner:hover.service2-inner::before {
  height: 0;
  transition: all 0.4s ease 0s;
}

.service2-inner {
  margin-bottom: 25px;
  display: inline-block;
  position: relative;
  z-index: 3;
  background: #fab909;
}

.service2-inner .media {
  padding: 30px 10px;
}

.service2-details h2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.service2-details h2 a {
  display: inline-block;
  width: 100%;
  font-size: 20px;
}

.service2-item {
  position: relative;
  display: inline-block;
  z-index: 2;
}
/*
5.Slider Section
======================*/
.slider {
  position: relative;
}
.slider-overlay {
  /*background-color: rgba(0, 0, 0, 0.6);*/
  height: 100%;  width: 100%;
  position: absolute;
  top: 0;z-index:1

}
.all-slide .owl-item {
  height: 784px;
}
.slider-text {
	left: 0;
	position: relative;
	right: 0;
	top: 55%;
	transform: translateY(-50%);
	z-index: 2;
	width: 1170px;
	padding: 0px 15px;
	margin: 0px auto;
}
.slider-wraper {
	width: 100%;/*700px*/
    margin:0 auto;
	overflow: hidden;
	padding: 20px 10px;
	position: relative;
	z-index: 999;
	text-align: left;
}
.slider-text h1 {
	/*color: #fff;*/
	/*font-size: 42px;*/
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	/*font-weight: bold;
	line-height: 60px;*/
}
/*.slider-text h1 span{color:#fab909}*/
/*.slider-text p {
  color: #fff;
}*/
/*.slider-text li {
	display: inline-block;
	margin: 0px 10px;
}
.slider-text li a {
	color: #fff;
	display: inline-block;
	margin-top: 8px;
	padding: 12px 36px;
	text-transform: uppercase;
	border: 1px solid #fab909;
	font-weight:bold;
}
.slider-text li:last-child a{background: #fab909 none repeat scroll 0 0;color:#222}
.slider-text li:last-child a:hover{background: #fff none repeat scroll 0 0;transition: all 0.4s ease 0s;color:#222}*/
.all-slide .single-slide {
  background-position: center center;
  background-size: cover;
  height: 100%;
  background-repeat: no-repeat;
}

.all-slide .owl-controls {
  /* position: absolute;
	top: 55%;
	width: 100%;
	z-index: 99;
	transform: translateY(-50%); */
}

.all-slide .owl-controls .owl-nav {
  position: absolute;
  width: 100%;
  top: 45%;
}

.all-slide .owl-controls .owl-dots {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-left: 47%;
}
/* .all-slide .owl-controls .owl-buttons div {
background: none;
opacity: 1.00;
} */

.all-slide .owl-controls .owl-prev {
  left: 10px;
  position: absolute;
}

.all-slide .owl-controls .owl-next {
  right: 10px;
  position: absolute;
}

.all-slide .owl-controls .owl-prev i,
.all-slide .owl-controls .owl-next i {
  color: #fff;
  font-size: 45px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  transition: all 0.5s ease-out 0s;
  width: 50px;
}

.all-slide .owl-controls .owl-next i:hover {
  transition: all 0.5s ease-out 0s;
  color: #fab909;
}

.all-slide .owl-controls .owl-prev i:hover {
  transition: all 0.5s ease-out 0s;
  color: #fab909;
}

.all-slide.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
}

.all-slide.owl-theme .owl-dots .owl-dot span {
  -webkit-backface-visibility: visible;
  display: block;
  width: 13px;
  height: 13px;
  margin: 5px 7px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffffff;
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: ease;
}

.all-slide.owl-theme .owl-dots .owl-dot.active span {
  background: #0adf14;
}
/* .all-slide.owl-theme .owl-dots .owl-dot span {
	background: transparent;
	border-radius: 100%;
	display: inline-block;
	height: 10px;
	left: -2px;
	margin: 3px;
	position: relative;
	top: -5px;
	transition: all 0.9s ease 0s;
	width: 10px;
}
.all-slide.owl-theme .owl-dots .owl-dot span::before {
	width: 30px;
	height: 1px;
	background: #fab909;
	position: absolute;
	content: "";
	left: -40px;
	top: 5px;transition: all 0.9s ease 0s;
}
.all-slide.owl-theme .owl-dots .owl-dot.active span::before {
	width: 50px;
	height: 1px;
	background: #fab909;
	position: absolute;
	content: "";
	left: -40px;
	top: 5px;transition: all 0.9s ease 0s;
}  */
/*
6.Title Section
=================*/
.cnlmtit {
  max-width: 100%;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
}

.cnlmtit .xian {
  height: 16px;
  background: url(../image/tw.png);
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
}

.cnlmtit span {
  display: inline-block;
  padding: 0 36px;
  background: #fff;
  position: relative;
  z-index: 9999;
  margin: 0 auto;
  color: #0f7c9b;
  font-size: 30px;
}

.enlmtit {
  font-size: 12px;
  color: #0f7c9b;
  text-align: center;
  height: 18px;
  line-height: 18px;
}

/*
7.About Section
===================*/
.about-sec .sec-title {
  text-align: left;
}

.about-desc .sec-title h1 {
  color: #1391b5;
  font-size: 39px;
  height: 70px;
  line-height: 70px;
}

.about-desc {
  display: inline-block;
  width: 100%;
  padding-right: 30px;
}

.about-desc p {
  color: #6d6e6e;
  font-size: 14px;
  text-indent: 2em;
}

.entry-thumbnail {
  margin-bottom: 0;
  position: relative;
  display: block;
  overflow: hidden;
}

.entry-thumbnail a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #000;
  opacity: 0;
  transition: 0.5s;
}

.entry-thumbnail img {
  transition: 0.5s;
  max-width: 100%;
  height: auto;
}

.entry-thumbnail:hover a {
  opacity: 0.6;
}

.entry-thumbnail:hover img {
  transform: scale(1.1);
}
/*
8.Breadcrumb Section
============================*/
.Breadcrumb a:active, a:hover{outline: 0 none; color: #16598D; text-decoration: none;}

/*
9.Internal Banner Section
============================*/
.tt{position: relative; height: 264px; }
.lm1{background: #ffffff url(../image/innerbanner1.jpg)}
.lm2{background: #ffffff url(../image/innerbanner2.jpg)}
.lm3{background: #ffffff url(../image/innerbanner3.jpg)}
.lm4{background: #ffffff url(../image/innerbanner4.jpg)}
.lm5{background: #ffffff url(../image/innerbanner5.jpg)}
.lm6{background: #ffffff url(../image/innerbanner6.jpg)}
.lm7{background: #ffffff url(../image/innerbanner7.jpg)}
.lm8{background: #ffffff url(../image/innerbanner8.jpg)}
.tt .anim-cc {animation: mymove8 0.5s;-webkit-animation: mymove8 0.5s linear;animation-iteration-count: 1;animation-fill-mode: forwards;animation-delay: 0.3s;-webkit-animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;-webkit-animation-delay: 0.3s;}
@keyframes mymove8 {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translateY(0) translateX(-100px);
        -moz-transform: translateY(0) translateX(-100px);
        transform: translateY(0) translateX(-100px);
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    to {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0px) translateX(0);
        -moz-transform: translateY(0px) translateX(0);
        transform: translateY(0px) translateX(0);
    }
}
@-webkit-keyframes mymove8 {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: translateY(0) translateX(-100px);
        -moz-transform: translateY(0) translateX(-100px);
        transform: translateY(0) translateX(-100px);
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    to {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0px) translateX(0);
        -moz-transform: translateY(0px) translateX(0);
        transform: translateY(0px) translateX(0);
    }
}
.sub-nav{position:absolute;right:15px;bottom:15px;}
.sub-nav li{float:left; margin-right:10px;background-color:rgb(22,201,13); padding:3px 5px;}
.sub-nav li a{ display:block; color:#fff; }
.sub-nav li.hover{ background-color:rgba(22,201,13,0.55);}
/*
10.Outdoor Education Section
============================*/
.green-lace {
  background: url(../image/tw.png);
  height: 16px;
}
.lmtit2 h1 {
  display: inline-block;
  text-transform: capitalize;
  color: #0f7c9b;
  font-size: 30px;
  font-weight: normal;
}

.lmtit2 p {
  position: relative;
}

.lmtit2 p::after {
  border: 2px solid #27b30c;
  bottom: 4px;
  content: "";
  left: 110px;
  position: absolute;
  width: 70px;
}
.green-section {
  background: url(../image/bgnlbg.jpg) no-repeat;
  width: 400px;
  height: 732px;
}
.green-more {
  display: block;
  color: #139c30;
  width: 150px;
  margin: 0 auto;
  border-radius: 12px;
}

img.zoom-img {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}
img.zoom-img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-duration: 750ms;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-duration: 750ms;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -ms-transition-duration: 750ms;
  -o-transition-duration: 750ms;
  overflow: hidden;
}
.agile-b-wrapper {
  background-color: rgba(167, 204, 56, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  display: block;
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all 300ms;
  transition: all 300ms;
  opacity: 0;
}
.artist-l a:hover .agile-b-wrapper {
  height: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  z-index: 1;
}
.agile-b-wrapper h5 {
  font-size: 2em;
  color: #fff;
  text-align: center;
 /* margin: 20% auto 0;*/
  background: #0767aa;
  width: 36px;
  font-weight: 700;
  height: 36px;
  border-radius: 50%;
  line-height: 40px;
  position:absolute;
  top:calc(50% - 13px);
  left:calc(50% - 13px);
}
.agile-b-wrapper h5 span {
  font-size: 10px;
  display:block;
}
/* */
.artist-l {
  position: relative;
  width: 780px;
  height: 722px;
}
.artist-l img{position:relative;}
.artist-l .a1 {
  left: 0px;
  position: absolute;
  top: 0px;
}
.artist-l .a2 {
  left: 415px;
  top: 0px;
  overflow: hidden;
  position: absolute;
  width: 371px;
  height: 206px;
}
.artist-l .a3 {
  left: 0;
  overflow: hidden;
  width: 217px;
  position: absolute;
  top: 221px;
  height: 164px;
}
.artist-l .a4 {
  left: 232px;
  overflow: hidden;
  width: 217px;
  position: absolute;
  top: 221px;
  height: 146px;
}
.artist-l .a5 {
  left: 464px;
  overflow: hidden;
  width: 327px;
  position: absolute;
  top: 221px;
  height: 155px;
}
.artist-l .a6 {
  left: 0;
  overflow: hidden;
  width: 217px;
  position: absolute;
  top: 400px;
  height: 149px;
}
.artist-l .a7 {
  left: 232px;
  overflow: hidden;
  width: 217px;
  position: absolute;
  top: 382px;
  height: 166px;
}
.artist-l .a8 {
  left: 464px;
  overflow: hidden;
  width: 327px;
  position: absolute;
  top: 391px;
  height: 155px;
}
.artist-l .a9 {
  left: 0;
  overflow: hidden;
  width: 327px;
  position: absolute;
  top: 564px;
  height: 169px;
}
.artist-l .a10 {
  left: 342px;
  overflow: hidden;
  width: 210px;
  position: absolute;
  top: 563px;
  height: 169px;
}
.artist-l .a11 {
  left: 567px;
  overflow: hidden;
  width: 231px;
  position: absolute;
  top: 561px;
  height: 169px;
}

/*
11.News Section
============================*/
.menuBox {
  text-align: center;
  margin: 0 auto;
}
.menuBox li {
  display: inline-block;
  color: #0c5395;
  padding: 0 10px;
  position: relative;
  font-size: 16px;
}
.menuBox li:not(:last-child)::after {
  content: "|";
  height: 10px;
  width: 1px;
  position: absolute;
  top: 0;
  right: 0;
}
.newmb li:first-child {
  margin-left: 20%;
}
.newmb li:last-child {
  margin-right: 20%;
}
.menuBox li a {
  color: #0c5395;
  display: inline-block;
  padding: 0 10px;
}
.menuBox li.linked a,
.menuBox li:hover a {
  color: #27b30c;
}
.news-box {
  width: 389px;
  overflow: hidden;
  display: block;
}

.news-box .pic {
  width: 389px;
  height: 205px;
  transition: all 0.6s;
}

.news-box .pic:hover {
  transform: translateY(-20px);
  transition: all 0.2s ease;
}

.news-box .title {
  margin-top: 10px;
  font-size: 22px;
  line-height: 1.5em;
  color: #19434e;
}

.news-box .desc {
  font-size: 12px;
  color: #525252;
  margin-top: 10px;
}

/* .news-box .dateymd {
      font-size: 14px;      
      color: #606060;
  } */

.news-box .icontext {
  font-size: 14px;
  color: #171c90;
}
/*
13.Tourist Route Section
==================*/
.tourist-wrapper{background: url(../image/index_23.jpg);width: 100%; height: 440px;}
.tourist-bigt{font-size: 30px; line-height: 35px; margin:30px auto 20px auto;}
.tourist-single-wrapper{width: 190px; height: 237px; border-radius: 8px; margin: 0 6px; position:relative;text-align: center;z-index: 0;overflow: hidden;}
.tourist-single-wrapper:first-child{ margin: 0 6px 0 0; }
.tourist-single-wrapper:last-child{ margin: 0 0 0 6px;}
.tourist-single-wrapper:hover:before {
    -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; z-index: 1;}
.tourist-single-wrapper:before {
    position: absolute;
    background-color:rgba(0, 0, 0, 0.3);
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 300ms;
    transition: all 300ms;
    opacity: 0;
}
.tourist-en{font-size:47px; font-family:Atlantic Inline;}
.tourist-cn{font-size: 21px;}
.tourist-des{font-size: 12px; line-height: 23px;}
.tourist-a1{background: #0c5583;}
.tourist-a2{background: #226505;}
.tourist-a3{background: #085596;}
.tourist-a4{background: #a56109;}
.tourist-a5{background: #b60887;}
.tourist-a6{background: #4d0da3;}
/*
14.Function Section
=====================*/
.lmtit3 h1{color:#0f7c9b;}
.lmtit3 p{font-size:16px;color:#525252;}
.fun-single-wrapper{width:289px;height:530px;float: left; margin: 0 4px;}

.fun-wrapper:first-child{margin:0 4px 0 0}
.fun-wrapper:last-child{margin: 0 0 0 4px;}
.fun-single-wrapper.a1{background:url(../image/index_48.jpg);}
.fun-single-wrapper.a2{background:url(../image/index_49.jpg);}
.fun-single-wrapper.a3{background:url(../image/index_50.jpg);}
.fun-single-wrapper.a4{background:url(../image/index_51.jpg);}
.fun-single-wrapper h1{font-family:逐浪拉勾艺黑体; font-size: 51px; line-height: 51px; letter-spacing: 1rem;}
.fun-single-wrapper p{font-family: Alibaba-PuHuiTi-Regular;}
.ro-img{
    position:relative;
     text-align: center;
     z-index: 0;
     overflow: hidden;width: 244px;height: 281px;margin: 0 auto;
 }
.ro-img:hover:before {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     opacity: 1;
     z-index: 1;
 }
.ro-img:before {
     position: absolute;
     background-color: rgba(0, 0, 0, 0.4);
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: block;
     -webkit-transform: scale(0.2);
     -ms-transform: scale(0.2);
     transform: scale(0.2);
     -webkit-transition: all 300ms;
    transition: all 300ms;
     opacity: 0;
 } 
/*
15.News Page
=========================*/
.media-list li:not(:last-child){border-bottom: 1px solid #eee;}
.media-list .btn-more{ width:80px;height:30px; line-height:30px; font-size:12px; text-align:center; }
.media-list .btn-more a{ display:block; color:#fff;background-color:rgb(255,171,73);}
.media-list .btn-more a:hover{background-color:rgb(254,149,27);}
/*
16.Order Page
==========================*/
.order-rule{position:absolute;right:50px; top:140px; width:500px; height:285px;color:#98afa1;padding-right:12px;overflow:hidden;}
.order-rule p{color:#98afa1; font-size:14px;}

/*
17.Imglist Page
=================*/
.imgList {}
.imgList li.fat {float: left;width: 314px;margin: 0 12px 10px 12px;}
.imgList li.fat img {width: 314px;height: 200px;transition: all 0.6s;}
.imgList li p {line-height: 30px;height: 30px;text-align: center;}
.imgList .pic:hover {transform: translateY(-20px);transition: all 0.2s ease;}

/*
18.About Page
================*/
.innerbg{
            background:url(../image/aboutbg.jpg); background-attachment: fixed; background-size:100% 100%; 
    }
.internal-blue-lace {
  background: url(../image/tw2.png);
  height: 17px;
}



/*
19.Paginate Section
============================*/
div.page {
    height: 35px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

    div.page a {
        text-decoration: none;
        color: #666;
        background: #fff;
        padding: 0 6px;
        margin-right: 5px;
        line-height: 21px;
    }

        div.page a:hover {
            text-decoration: none;
            color: #f8921d;
        }

        div.page a:active {
            color: #f8921d;
        }

    div.page span.current {
        padding: 0 6px;
        color: #f8921d;
        margin-right: 3px;
    }

    div.page span.disabled {
        padding: 0 6px 0;
        color: #adaaad;
        margin-right: 3px;
        margin-top: 10px;
    }

/*
20.Footer Section 
======================*/
.blue-lace {
  background: url(../image/foottw.jpg);
  height: 20px;
}
footer {
  background: #0E3C5D;
}

.footer-sec {
  color:#ffffff;
}
.footer-sec  span{
	margin-right:10px;
}
.footer-sec .col-md-4{
	border-right:1px solid #5d7c92;
}
.footer-sec .col-md-4:last-child{ border-right:none;}
.part1 li{margin-left:15px;line-height:30px;height:30px;}
.part1 ul{height:110px;}
.part2 ul{height:125px;}
.part2 li{float:left; width:192px; line-height:30px;height:30px;}
.footer-bottom-sec {
  background: #09273F;
  padding: 10px 0;
}

.footer-bottom-sec p {
  color: #f4f4f4;
  font-size: 14px;
  margin: 0;
  text-align: center;
}

.copy-right span,
.copy-right span a {
  color: #fab909;
  text-transform: capitalize;
}
.wxlist li{ float:left;width:127px;text-align:center;}
 .dybottom{ float:left;}
.dybottom a{width:121px; height:151px;display:block; position:absolute; left:257px; top:0;background:url(../image/dy.jpg) no-repeat center top; }
.dybottom a p{ height:30px;line-height:30px;color:#fff;position:absolute;top:117px;left:30%;}
.dybottom .dybottom_nr{ text-align:center; position:absolute; left:-120px; top:-620px; z-index:9999;display:none;}
.dybottom .dybottom_nr img{ margin-bottom:5px;}
.dybottom .dybottom_nr .arrow{ width:0; height:0; position:absolute; left:10px; top:-5px;}
.dybottom.on .dybottom_nr{ display:block;}
/*
21.Detail Page
============================*/

.entry img { max-width: 100%; }
.entry video {
    display: block;
    margin: auto;
}

/*
22.Patner Section 
======================*/
.lmtit4 h1.cnlmtit{color:#0f7c9b;}
.lmtit4 hr{width:100px;margin:5px auto;height:2px;background:#27b30c;}
.lmtit4 .enlmtit{color:#0f7c9b;font-size:14px;}

.single-patner:hover {
  border-color: #fab909;
}

.single-patner {
  height: 62px;
  width:195px;
  padding: 0;
  border: 1px solid #ebeaea;
  float:left; margin:0 3px 10px 3px;
}
.single-patner:first-child,.single-patner:nth-child(7){margin-left:0;}
.single-patner:nth-child(6),.single-patner:last-child{margin-right:0}
.all-patner .single-patner img {
  height: 58px;
  width:193px;
}

.txt-link{border:1px solid #DDDDDD;height:44px;line-height:44px;overflow:hidden;}
.txt-link p{ float:left; border-right:1px solid #ddd;margin:10px 0;height:24px;line-height:24px;}
.txt-link p:last-child{ border-right:none;}
.txt-link p a{margin:0 10px;}