/* common */
.warp {
  width: 100%;
  padding: 50px 0px;
}

.warp-white {
  background-color: #FFFFFF;
}

.warp-gray {
  background-color: #ebebeb;
  /* background-color:#ebebeb; */
}

.morethan {
  position: relative;
  top:15px;
  right:10px;
  float: right;
  color: #828282;
  font-size: 14px;
  font-weight: normal;
  transition: color .5s ease 0s;
}

.morethan:hover {
  color: #f21f1f;
}

.newdate {
  margin-left: 30px;
  font-size: 14px;
  color: #a2a2a2;
}


/* header */
.header {
  margin-bottom: 20px;
}

.header-top {
  padding:30px;
  position: relative;
}
.hottel{
  font-size:24px;
  color:red;
  margin-right:50px;
  margin-top:10px;
  font-weight:550
  }
.hottel p{
    font-weight:550
  }
.header-body {
  height: 70;
  line-height: 70px;
  background-color: #01298b;
  position: relative;
  margin: auto;
}

.logo {
  display: block;
  width: 575px;
  height: 72px;
  text-indent: -9999px;
  background: url(../images/logo.jpg) no-repeat;
  float: left;
}

.navigation {
  overflow: hidden;
}

/* menubar */
.menu {
  /* width: 860px; */
  padding-left: 80px;
  margin: auto;
}

.menu ul {
  display: block;
  margin: auto;
}

.menu>ul>li {
  text-align: center;
  float: left;
  line-height: 70px;
  /* margin: 0px 20px; */
  padding: 0px 50px;
  /* overflow: hidden; */
  transition: all 1s ease 0s;
}

.menu>ul>li>a {
  display: block;
  font-size: 18px;
  color: #f0f0f0;
  transition: color 0.5s ease 0s;
}

.menu>ul>li:hover {
  background-color:#2952b5;
}

.menu>ul>li:hover a {
  color: #ffffff;
}

.banner {
  /* margin-top: 132px; */
  overflow: hidden;
  width: 100%;
  /* height: 500px; */
  background: url(../images/banner.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #2e64a4;
}

.banner-warp {
  position: relative;
}

.box {
  border: 1px solid #d3d3d3;
}

.box-title {
  margin-left: 30px;
  text-align: center;
  color: #ffffff;
  width: 113px;
  height: 45px;
  line-height: 45px;
  background: url(../images/box-title-bg.jpg) no-repeat;
}

/* index-product */
.index-product {
  margin: 20px auto;
  
}
.index-product-center{
  
}
.index-product-center-header{
  border-bottom:1px solid #e2e2e2;
}
.index-product-center-body{
  padding:30px 0px;
}
.index-product-center-type{
  display:flex;
}
.index-product-center-type li{
  flex-grow:1 ;
  padding:10px;
  transition:all 0.2s ease-in-out;  
  background-color:#fff;
}
.index-product-center-type li a{
  color:#424242;
}

.index-product-center-type li:hover{
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
  transform: scale(1.1,1.1);
  
}

.index-product-center-item-thumb{
  position:relative;
  width:100%;
  
  overflow:hidden;
}

/*
.index-product-center-item-thumb:hover img{
  
}
*/

.index-product-center-item-thumb img{
  width:100%;
  vertical-align:bottom;
  transition:all 0.5s ease-in-out;
  
}
.index-product-center-item-thumb:hover .index-product-center-item-tit{
  background-color:rgba(255,255,255,.8);
  
}
.index-product-center-item-tit{
  width:100%;
  position:absolute;
  text-align:center;
  height:50px;
  line-height:50px;
  background-color:rgba(255,255,255,.5);
  bottom:0px;
  transition:all 0.2s ease-in-out;
  font-size:1rem;
}


.index-product-left {
  width: 240px;
  
  margin-right: 15px;
}

.index-product-left-header {
  height: 45px;
  background: url(../images/box-bg.jpg) repeat-x;
}

.index-product-left-body {
  padding: 10px 0px;
  
}
.index-product-left-footer {
  margin-top:20px;
  padding:10px;
  line-height: 2;
  color: #ffffff;
  font-size: 14px;
  border-top: 4px solid #c93334;
  background-color: #626262;
  
  
}

.index-product-type {}

.index-product-type-item{
  padding-left:30px;
  height: 40px;
  line-height: 40px;
  
  background: url(../images/line.jpg) repeat-x left bottom;
}
.index-product-type-currentitem{
  padding-left:30px;
  height: 40px;
  line-height: 40px;
  background-color:#e1e1e1;
  
}
.index-product-type li {
  
}
.index-product-type li a::before{
  content:"";
  width:20px;
  display:block;
  float:left;
  height:40px;
  background: url(../images/arrow.png) no-repeat left center;
}
.index-product-type li a{
  /* background: url(../images/arrow.png) no-repeat 10px center;
  background: url(../images/go.png) no-repeat left center; */
  color:#424242;
  font-size:16px;
  transition: color .5s ease 0s;
}
.index-product-type li a:hover{
  color: #f21f1f;
}


.index-product-right {
  min-height: 570px;
  overflow: hidden;
  padding-bottom:20px ;
}

.index-product-right-header {
  height: 45px;
  line-break: 36px;
  background: url(../images/box-bg.jpg) repeat-x;
}

.index-product-right-body{
  
}

.index-product-right-body ul li {
  float: left;
  width: 313px;  
  border: 1px solid #E2E2E2;
  padding:5px;
  margin-left:20px;
  margin-top:20px;
}

.index-product-thumb {
  height:180px;
  background-color: #CCCCCC;
  overflow:hidden;
}
.index-product-title{
  height:40px;
  line-height: 40px;
  text-align: center;
  color:#424242;
}



.index-about{
  margin: 20px auto;
}
.index-about-left {
  width: 300px;
  min-height: 350px;
  margin-right: 15px;
}
.index-about-left-header {
  height: 45px;
  background: url(../images/box-bg.jpg) repeat-x;
}

.index-about-left-body {
  padding: 10px;
  width:100%;
  height:100%;
}
.index-about-right {
  min-height: 350px;
  overflow: hidden;
  /* padding-bottom:20px ; */
}

.index-about-right-header {
  height: 45px;
  line-break: 36px;
  background: url(../images/box-bg.jpg) repeat-x;
}

.index-about-right-body{
  padding: 15px;
  line-height:2;
}
.index-about-right-body p{
  text-indent: 40px;
  line-height:2;
  font-size:14px;
  color:#424242;
}
.index-about-thumb{
  overflow: hidden;
  width:320px;
  height:250px;
  background-color: #4F4F4F;
  margin-right:15px;
}
.index-about-content{
  overflow: hidden;
}

.index-description{
  
}

.index-description-top{
  margin:30px 0px 30px 0px;
  background: url(../images/desc-bg.png) no-repeat center center;
  height:125px;
  padding:3px 0px;
  

}
.index-description-title{
  width:850px;
  height: 100%;
  line-height:2;
  margin:auto;
  text-align: center;
}
.index-description-name{
  font-size:32px;
  color:#ffffff;
}
.index-description-tel{
  font-size:24px;
  color:#ffffff;
}
.index-culture{

}
.index-product-show{
  width:880px;
  margin:20px auto ;
}
.index-product-show h2{
  font-size:20px;
  font-weight: bold;
  display: block;
  line-height: 2;
  border-bottom:1px dotted #c2c2c2;
  overflow: hidden;
  margin:0px 0px 15px 0px;
  text-indent: 50px;
  color: #f00404;
}

.index-product-show p{
  line-height: 2;
  color:#525252;
  text-indent: 50px;
}

.index-product-show-thumb{
  
  padding:5px;
  border: 1px solid #e2e2e2;
  margin-left:20px
  
}
.index-product-show-content{
  overflow: hidden;
  
}
.index-product-show-content-two{
  overflow: hidden;
  
}
.index-product-show-thumb-two{
  margin-right:20px
}

/* channel-page */
.channel-page {
  margin: 20px auto;
  
}
.channel-page-left {
  width: 240px;
  
  margin-right: 15px;
}

.channel-page-left-header {
  height: 45px;
  background: url(../images/box-bg.jpg) repeat-x;
  line-height:45px;
  text-indent:20px;
  font-weight:bold;
  font-size:18px;
}

.channel-page-left-body {
  padding: 10px;
}

.channel-page-type {}

.channel-page-type li {
  height: 40px;
  line-height: 40px;
  background: url(../images/line.jpg) repeat-x left bottom;
}
.channel-page-type li a::before{
  content:"";
  width:20px;
  display:block;
  float:left;
  height:40px;
  background: url(../images/arrow.png) no-repeat left center;
}
.channel-page-type li a{    
  /*background: url(../images/arrow.png) no-repeat left center;
   background: url(../images/go.png) no-repeat left center; */
  color:#424242;
  font-size:16px;
  transition: color .5s ease 0s;
}
.channel-page-type li a:hover{
  color: #f21f1f;
}

.channel-page-right {
  min-height: 570px;
  overflow: hidden;
  padding-bottom:20px ;
}

.channel-page-right-header {
  height: 45px;
  line-break: 36px;
  background: url(../images/box-bg.jpg) repeat-x;
}

.channel-page-right-body{
  padding:15px;
  line-height:2;
  
  
}

.channel-page-right-body ul li {
  float: left;
  width: 293px;  
  border: 1px solid #E2E2E2;
  padding:5px;
  margin-left:20px;
  margin-top:20px;
}
.channel-page-location{
  line-height:45px;
  text-indent:40px;
  background:url(../images/location.png) no-repeat 10px center;
}
.channel-page-location a{
  color:#424242;
  transition: color .5s ease 0s;
}
.channel-page-location a:hover{
  color:#f21f1f;
  
}





/* footer */
.footer {
  overflow: hidden;
  /* margin-top: 50px; */
  position: relative;
  /*height:150px;*/
  background-color: #d3d4d6;
  /* padding: 20px 0px; */
  text-align: center;
}

.footer p {
  color: #4f4f4f;
  font-size: 14px;
  line-height: 2;
}

.footer-plate {
  margin: 0px 40px 0px 0px;
}

.footer-plate p {
  line-height: 2;
}

.footer-plate a {
  color: #4f4f4f;
  font-size: 12px;
}

.footer-plate h4 {
  color: #4f4f4f;
  font-size: 16px;
  line-height: 2;
}


.footer-body {
  margin: 30px auto;
}

.footer-body ul li {
  float: left;
  text-align: left;
  min-height: 150px;

}

.footer-body h3 {
  color: #f7f7f7;
  font-size: 16px;
  font-weight: bold;
  line-height: 5;
}

.footer-bottom {
  height: 50px;
  color: #e2e2e2;
  line-height: 50px;
  background-color: #313131;
  font-size: 14px;
}



.flink {
  margin-top: 20px;
  height: 50px;
  line-height: 50px;
  background-color: #efefef;
}

.links {
  font-size: 0px;
  margin-bottom: 15px;
  background-color: #ffffff;
  /* border: 1px solid #e2e2e2; */
  /* border-radius: 5px; */
  /* padding:10px; */
}

.links>ul>li {
  display: inline-block;
  width: 260px;
  height: 100px;
  background-color: #ccc;
  margin-left: 20px;
}

.links>ul>li:first-child {
  margin-left: 0px;
}

.copyrigt {
  position: relative;
  /*margin-top:30px;*/
  line-height: 200%;
  text-align: center;
  color: #999999;
  font-size: 14px;
}


.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/*自定义分页指示器样式*/
.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(255, 255, 255, .5);
  border: 1px solid rgb(28, 68, 93);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: rgb(168, 224, 206);
}

/* channel */
.channel {
  margin: 0px;
}

.channel-header {}

.channel-banner {
  height: 200px;
  background-color: #4390EE;
  text-align: center;
  background: url(../images/banner01.jpg) no-repeat center center;
}

.channel-nav {
  background: #ffffff;
}

.channel-nav ul {
  overflow: hidden;
}

.channel-nav ul li {
  float: left;
  height: 66px;
  line-height: 66px;
  position: relative;
}

.channel-nav ul li a {
  padding: 0 30px;
  font-size: 16px;
}

.channel-nav ul li:hover,
.channel-nav li .cur {
  font-weight: bold;
  color: #c79556;
}

.channel-nav ul li:first-child a {
  padding-left: 0;
}

.channel-nav ul li:after {
  content: "";
  width: 1px;
  height: 12px;
  background: #dddddd;
  display: block;
  position: absolute;
  right: -0.5px;
  top: 50%;
  margin-top: -6px;
}

.channel-nav ul li:last-child:after {
  display: none;
}

.channel-body {
  background-color: #eef2f2;
  min-height: 400px;
}

.channel-content {
  padding-top: 40px;
  line-height: 1.5;
  color: #666666;
  font-weight: 700;
}



/*pages*/
.channel-pages{
  padding-top:40px;
}
.page_wrap{clear:both; margin-bottom:10px; overflow:hidden;zoom:1;}
.paginator {float:right; height:25px; overflow:hidden; }
.paginator,
.paginator input,
.paginator button {font-family:Tahoma, "宋体"; font-size:12px; }
.paginator a,
.paginator span {float:left; height:23px; margin:0 5px 0 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:23px; background:#fff; }
.paginator a {color:#085C9B; }
.paginator b{font-family:"宋体"; margin:3px;font-weight:300;}
.paginator a:link,
.paginator a:visited,
.paginator a:hover,
.paginator a:active {text-decoration:none; }
.paginator .page-start,
.paginator a,
.paginator .page-end {padding:0 8px; border:1px solid #D3D3D3; background:#ffffff; }
.paginator .page-start {border-color:#d9d9d9; color:#d9d9d9; }
.paginator .page-end { border-color:#d9d9d9;  color:#d9d9d9; }
.paginator .page-this,
.paginator .page-break {padding:0 3px; }
.paginator .page-break {border:1px solid #fff; }
.paginator .page-this {border:1px solid #D3D3D3;background-color:#E9E9E9; color:#D4105A;padding:0px 8px; font-weight:bold; }
.paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:0; background:none; }
.paginator .page-skip input {width:26px;  *width:23px;height:19px;line-height:19px;border:1px #D3D3D3 solid;font-size:12px; margin:-1px 6px 0px 6px;#margin-top:1px;_margin-top:0px;padding:0px 0px 0px 2px; vertical-align:middle; padding-top:0px; padding-bottom:0px; }
.paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:0; height:22px;  *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px;  *margin-top:-1px;overflow:visible; vertical-align:top; }
.paginator a:hover {border:1px solid #A6A6A6;color:#868688; }

.ue-table-interlace-color-double{
  background-color:#f7faff;
  }
.ue-table-interlace-color-single{
  background-color:#fcfcfc;
  }
.firstRow{
  text-indent:2em;
  background-color:#1752aa;
  color:#ffffff;
  }