/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#303030;}
a:hover{ color:#f39800/* text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1170px; margin:0 auto;}


.header-bg{ border-bottom:1px solid #000; position:relative;}
.phone{ height:60px; line-height:60px;  display: flex; justify-content: flex-end;  align-items: center;}
.phone i{ margin-right:4px;}
.phone a{ font-size:15px; margin-left:10px;}
.tail{ color:#f39800}
.header2{display: flex;align-items: center;justify-content: space-between;}
.logo{ width:20%;}
.logo a{ height:57px; display: flex; align-items: center;}
.logo a img{ display:block; max-width:100%; max-height:100%; }

.tours{ display: flex; align-items: center; flex:1;     justify-content: flex-end;}
/*menu*/
.menu{}
.menu>ul>li{float:left;}
.menu>ul>li.on>span>a{ color:#f39800}
.menu span>a{
    font-size:20px;
    color:#303030;
    text-decoration:none;
    font-weight:normal;
    display:block;
    text-align:center;
    padding-left: 1vw;
    padding-right: 1vw;
    height: 70px;
    line-height: 70px;
    }
.menu a:hover{color:#f39800}
.menu>ul>li dl{ background:#f7f7f7; width:100%; position:absolute; left:0px; top:131px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:20px 0 60px; opacity:0; visibility:hidden; z-index:99;    -webkit-transform: perspective(100px) rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;  transition: transform .65s ease-in-out, opacity .3s ease-out;}
.menu>ul>li .on{ opacity:1; visibility:visible;  -webkit-transform: perspective(500px) rotate3d(0, 0, 0, 0) !important;}
.menu>ul>li .erji{ width:51%; margin:0 auto;}
.dge .erji dt{ line-height: 34px; color:#303030; font-weight:normal; font-size:24px}
.dge .erji dd{float:left;display:block;border-bottom:1px solid #959595;width: calc((100% - 36%)/3);margin-right: 16%;padding: 25px 0 17px;}
.dge .erji dd:nth-child(3n) {
    margin-right: 0% ;
}
.dge .erji dd a{font-size:16px;line-height:1;}
.menu>ul>li dl a:hover{color:#f39800}
.menu>ul>li dl a{color:#303030; }

.dge02 .erji{ position:relative;}
.dge02 .erji:before {content: "";position:absolute;top: 5px;height: 97%;width:1px;left: 28.5%;background:#959595;}
.dge02 .pl{ display:none}
.dge02 .erji-l{ float:left; display:block; width:27%}
.dge02 .erji-l ul li{border-bottom:1px solid #959595; padding:20px 0;}
.dge02 .erji-l ul li a{font-size:18px;line-height:1; display: flex;   align-items: center;
justify-content: space-between;}
.dge02 .erji-l ul li.on a{color:#f39800}
.dge02 .erji-r{ float:right; display:block; width:calc(100% - 30%);}
.dge02 .erji-r .pl{}
.dge02 .erji-r .pl h2{line-height: 34px; color:#303030; font-weight:normal; font-size:24px}
.dge02 .erji-r .pl ul li{float:left;display:block;border-bottom:1px solid #959595;width: calc((100% - 16%)/2);margin-right: 16%;padding: 25px 0 17px;}
.dge02 .erji-r .pl ul li:nth-child(2n) {
    margin-right: 0% ;
}
.dge02 .erji-r .pl ul li a{font-size:16px;line-height:1;}

.dge03{}
.dje01{ float:left; display:block; width:calc(100% - 40%);}
 .dje01 h2{line-height: 34px; color:#303030; font-weight:normal; font-size:24px}
 .dje01 ul li{float:left;display:block;border-bottom:1px solid #959595;width: calc((100% - 16%)/2);margin-right: 16%;padding: 25px 0 17px;}
 .dje01 ul li:nth-child(2n) {
    margin-right: 0% ;
}
 .dje01 ul li a{font-size:16px;line-height:1;}
 .dje01 ul li a span{ display:block; font-size:16px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; margin-top:10px}
.dge03 .img{ display:block; width:38%; float:right;}
.dge03 .img img{ width:100%; vertical-align:bottom;}


.menu  .best{
    width:150px;
    height:40px;
    text-align:center;
    border:1px solid #f39800!important;
    color:#f39800!important;
    font-size: 16px;
    line-height: 40px;
    margin: 3% auto;
    display: block;
    }




a.menu_hover{color:#f39800}
/*.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
*/






.cone a{ display:block; width:110px; height:30px; border-radius:5px; text-align:center; font-weight:normal; color:#fff; font-size:18px; background:#000; line-height:30px}



.cd-top {
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  
  /* image replacement properties */
  overflow: hidden;
  /* text-indent: 100%; */
  /* white-space: nowrap; */
  background: #514a40;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 0 0 10px rgba(0,0,0,.35);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  font-size: 18px;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {

  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px; 
  }
  
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 66px;
    width: 66px;
    right: 50px;
    bottom: 78px;
    border-radius: 50%;
  }
}

@media only screen and (max-width: 980px) {  .cd-top {font-size:14px;}
.cd-top img{ width:18px}}



.banner{ width:100%}
.banner .img{ width:100%; position:relative}
.banner .img a{ display:block}
.banner .img img{ width:100%; vertical-align:bottom;} 
.banner .best{ height:100%; display: flex; justify-content: center;  align-items: center; position:absolute; top:0; left:50%;     transform: translate(-50%, 0);   flex-direction: column; color:#fff; z-index:2}
.banner .best h2{ font-size:60px;    text-shadow: 0 2px 5px rgba(0,0,0,.65); font-weight:normal;}
.banner .best span{ font-size:30px;    text-shadow: 0 2px 5px rgba(0,0,0,.65); font-weight:normal;}
.banner .best a{ width:160px; line-height:40px; text-align:center; font-size:18px; color:#fff; background:#F39800; margin-top:4%;}
.banner .img:before {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25); z-index:1; display:block; position:absolute;
}
.banner .swiper-button-next, .banner .swiper-button-prev{ width:36px; height:36px; background:rgba(0,0,0,.6); color:#fff; }
.banner .swiper-button-prev:after, .banner  .swiper-button-next:after{font-size:16px !important;}
.banner  .swiper-pagination01 span{ width:15px; height:15px; background:none; border:1px solid #fff; opacity:1}
.banner  .swiper-pagination01 .swiper-pagination-bullet-active{ background:#fff !important }



.cent01-bg{ background:#f7f7f7;}
.cent01{ padding:1% 0; text-align:center;}
.cent01 span{font-size:16px;color:#303030;padding: 4px 18px 4px 0;align-items: center;display: inline-flex;}
.cent01 span:not(:last-child):after {display: inline-block;content: '';width: 15px;height: 15px;border-right: 2px solid #f39800;}

.title{color:#303030;}
.title h2{ font-size:30px;  font-weight:normal;}
.title span{font-size:16px; display:block; line-height:1.6; color:#303030; margin-top:5px}
.title a{ color:#303030;text-decoration:underline;}
.title a:hover{  color:#f39800}
.title sub{ font-size:18px; display:block; color:#303030}





.cent02{ margin-top:2%;}
.cent02>span{ font-size:16px; display:block; line-height:1.6; color:#303030; margin-top:5px}
.cent0201{ border:1px solid #ab9271;  border-radius:30px; padding:.9375rem; background:#f7f7f7; margin-top:9px;}
.cent0201 h2{ font-size:20px; line-height:42px; color:#a68a66; font-weight:normal;padding-bottom: 10px;   font-weight: 500;}
.cent0201 ul li{ font-size:16px; color:#303030; position:relative;  padding-left:20px}
.cent0201 ul li a{ color:#303030;text-decoration:underline;}
.cent0201 ul li a:hover{  color:#f39800}
.cent0201 ul li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background: #514940;
    border-radius: 50%;
}


.cent03{ margin-top:2%;}
.cent03 ul li{ float:left; display:block; width:calc((100% - 3%)/4); background:#fff;  box-shadow: 0px 0px 15px #ccc; margin-right:1%; margin-top:3%;transition: all 0.5s} 
.cent03 ul li:nth-child(4n) {margin-right: 0% ;}
.cent03 ul li:nth-child(4n-3){ clear:left;}
.cent03 ul li a{ display:block}
.cent03 ul li .img{ width:100%; overflow:hidden;}
.cent03 ul li .img img{ width:100%; vertical-align:bottom;cursor:pointer; }
.cent03 ul li:hover{ transform: scale(1.05);}
.great01{ padding:5%; text-align:center}
.great01 h2{ font-size:20px; font-weight:normal; color:#303030; display:block;}
.great01 span{font-size:16px; font-weight:normal; color:#303030; display:block; margin:4% 0;}
.great01 a{ width:150px;
    height:36px;
    text-align:center;
    border:1px solid #f39800!important;
    color:#f39800!important;
    font-size: 16px;
    line-height: 36px;
    display: block; margin:5% auto 0;}
.great01 em{ font-style:normal; color:#959595; line-height:30px; display:block; font-size:16px;}
.more{ text-align:center;margin:2% auto 0;}
.more a{ background:#F39800; padding:0 2%; height:40px; text-align:center;color:#fff;font-size: 16px;line-height: 40px; display: block;  display:inline-block;}
.more a:hover{ color:#fff;}

.tene{ margin-top:3%; margin-bottom: 50px;}


.cent04-bg{ margin-top:4%; padding:3% 0; background:#f7f7f7}
.cent04 .title{ text-align:center;}
.cent04 .title span{ text-align:left;}
.cent04 ul li{ float:left; display:block; width:calc((100% - 9%)/4); margin-right:3%; margin-top:3%; border-radius:10px; overflow:hidden;}
.cent04 ul li:nth-child(4n) {  margin-right: 0% ;}
.cent04 ul li a{ display:block; position:relative;}
.cent04 ul li a .img{ width:100%}
.cent04 ul li a .img img{ width:100%; vertical-align:bottom;}
.cent04 ul li span{ position:absolute; top:0; left:0; width:100%; height:100%;display: flex; justify-content: center;  align-items: center;     text-shadow: 0 2px 5px rgba(0,0,0,.65);    background-color: rgba(0, 0, 0, .2);     font-size: 24px;
    line-height: 1.2;
    font-weight: 700; color:#fff;}

.cent05{ margin-top:3%;}
.cent05 .title{ text-align:center;}
.cent05 .title h2{ font-size:25px;}

.cent0501{ position:relative; padding:2%;}
.cent0501 .img-bg{ background:#f4f4f4; box-sizing:border-box; border-radius:8px; position:relative; padding:20px;}
.cent0501 .img01{ position:absolute; top:20px; right:20px; width:20px; height:20px;}
.cent0501 .img01 img{ width:100%; height:100%;}
.stsce{ display: flex;   align-items: center;}
.stsce .img{ display: flex; justify-content: center;  align-items: center; width:40px; height:40px; overflow:hidden; border-radius:50%;}
.stsce .img img{ width:100%; height:100%;}
.sally{ margin-left:15px;}
.sally h2{ font-size:14px; display:block;}
.sally span{    color: #000000; opacity: 0.5; font-size: 11.2px;}
.ama{overflow-y:scroll; height:100px; display:block;}
.ama span{ display:block; font-size:15px; color:#666;}
.ama::-webkit-scrollbar{width:10px;background-color:#e1e5ea}
.ama::-webkit-scrollbar-thumb{background-color:#c3cad4;border-radius:10px;border:2px solid #e1e5ea;}
.ama::-webkit-scrollbar-thumb:hover{background-color:#aab1bc;}
.ama::-webkit-scrollbar-thumb:active{border:0;border-radius:0;background-color:#999999}
.ama::-webkit-scrollbar-thumb:window-inactive{background-color:#999999}
.pig{ margin:10px auto;}
.pig img{ width:17px;}
.cent0501 .swiper-button-next:after, .cent0501 .swiper-button-prev:after{ font-size:19px; font-weight:bold; color:#f4f4f4}
.cent0501 .swiper-button-prev{left: 0px;right: auto;}
.cent0501 .swiper-button-next { right: 0px;left: auto;}

.cent06-bg{ margin-top:3%; padding:3% 0; background:#f7f7f7}
.cent06-bg .title h2{ text-align:center;}
.cent06-bg ul li{ float:left; display:block;}
.cent0601 ul li{ width:calc((100% - 30px)/3); margin-right:15px;  margin-top:15px}
.cent0601 ul li:nth-child(3n) {margin-right: 0% ;}
.cent0601 ul li:nth-child(3n-2){ clear:left;}
.cent06-bg ul li{ background:#fff;}
.cent06-bg ul li a{ display:block;}
.cent06-bg ul li a .img{ width:100%; vertical-align:bottom;}
.cent06-bg ul li a .img img{ width:100%; vertical-align:bottom;}
.cent06-bg ul li h2{ font-size:20px; padding:20px 10px; display:block; font-weight:normal}
.cent06-bg ul li:hover h2{ color:#f39800}

.cent0602 ul li{ width:calc((100% - 45px)/4); margin-right:15px; margin-top:15px}
.cent0602 ul li:nth-child(4n) {margin-right: 0% ;}
.cent0602 ul li:nth-child(4n-3){ clear:left;}

.cent07{ margin-top:3%; background:#f7f7f7; padding:2% 5%; text-align:center; box-sizing:border-box; margin-bottom:2%}
.cent07 h1{ font-size:36px; color:#303030; display:block;}
.cent07 span{  font-size:16px; color:#303030; display:block; font-weight:bold; margin:1.5% auto;}
.cent07>a{ background:#F39800; padding:0 2%; height:40px; text-align:center;color:#fff;font-size: 16px;line-height: 40px; display: block;  display:inline-block; width:300px;}
.cent07>a:hover{ color:#fff;}
.cent07 ul li{ float:left; display:block;width:calc(100%/5); text-align:center; margin-top:3%}
.cent07 ul li a{ display:block}
.cent07 ul li a .img{ width:140px; height:140px; border-radius:50%; border:2px solid #af9778; overflow:hidden; border-radius:50%; margin:0 auto;}
.cent07 ul li a .img img{ width:100%; height:100%;}
.cent07 ul li h2{ font-size:20px; display:block; color:#ab9271; font-weight:normal; margin-top:6%}
.cent07 ul li span{ font-size:16px; color:#303030}

.our{ margin-top:4%;}
.our .title h2{ font-size:20px;}
.our img{ max-width:100%; margin-top:3%}

.footer-bg{ background:#303031;color:#fff}
.footer-bg a{color:#fff}
.footer{ padding-top:2.5%; padding-bottom:1%}
.footer01{ display: flex; justify-content: space-between;  align-items: flex-start;}
.footer01 dl{ display: flex; justify-content: space-between;  align-items: flex-start; flex:1}
.footer01 dl dd{    width: 33.33333333%;}
.footer01 dl dd h2{ font-size:18px; font-weight:700; }
.footer01 dl dd ul{    margin-top:20px;}
.footer01 dl dd ul li{}
.footer01 dl dd ul li a{ font-size:13.8px; padding:6px 0; display:block;}
.footer01 .baej ul{ column-count: 2;
    -webkit-column-count: 2;}


.footer01-r{ width:25%; text-align:center;}
.footer01-r img{ display:block; text-align:center; margin:0 auto; max-width:100%}
.footer01-r h2{ font-size:20px; color:#f19510; display:block; margin-bottom:20px}
.footer01-r span{ font-size:16px; display:block; margin-bottom:10px;}
.footer01-r a{ font-size:16px; display:block;}
.footer01-r a:hover{ color:#f19510}

.pre{ border-top:1px solid #fff; margin-top:2%; display: flex; align-items: center;
justify-content: space-between; padding:2% 0}
.pre .img{ height:70px; display: flex; justify-content: center;  align-items: center; }
.pre .img img{ max-width:100%; max-height:100%;}


.dfoe{ display: flex; justify-content: center;  align-items: center;}
.dfoe a{ width:30px; height:30px;  display: flex; justify-content: center;  align-items: center; border-radius:50%; background:#fff; margin:0 1%}
.dfoe a img{ max-width:80%; max-height:100%}
.dfoe a:hover{ background:#f39800}


.footer-bg01{ background:#ddd;}
.footer02{ display: flex; align-items: center;justify-content: space-between; padding-top:2%; padding-bottom:1%;}
.footer02 span{ font-size:16px; color:#303030;}
.footer02 span a{text-decoration:underline; color:#303030;}
.footer02 .footer02-r{}

.footer02-r{ font-size:16px; color:#303030}
.footer02-r a{ font-size:16px; color:#303030;text-decoration:underline; margin:0 4px}
.footer02-r a:hover{ color:#f39800}


.top{ display:none}
.sp_header{ display:none}
.sjj_nav{ display:none}

.weizhi{height:40px; line-height:40px;  position:absolute; top:0; left:50%;     transform: translate(-50%, 0);    width: 100%;    text-shadow: 1px 1px 2px rgba(0,0,0,.8); font-size:16px; color:#fff;}
.weizhi a{color:#fff;}
.cent08-l{ position:absolute; top:0; left:50%;     transform: translate(-50%, 0); height:100%; display: flex; justify-content: center;  align-items: center;     flex-direction: column; color:#fff;}
.cent08-l h2{ font-size:60px;    text-shadow: 0 2px 5px rgba(0,0,0,.65);}
.cent08-l span{ font-size:30px;     text-shadow: 0 2px 5px rgba(0,0,0,.65);}
.cent08{ position:relative; width:100%}
.cent08 .img{ width:100%;}
.cent08 .img img{ width:100%; vertical-align:bottom;}
.cent08 .img01{ display:block; position:absolute; bottom:10px;  display: flex; justify-content: center;  align-items: center; width:100%; font-size:15px; font-weight:bold; color:#fff;}
.cent08 .img01 img{ width:44px; margin-right:10px}
.cent08:before {content: "";background-color: rgba(0, 0, 0, .25); position:absolute; top:0; left:0; width:100%; height:100%; z-index:0}


.cent09-bg{ width:100%; background:#fff;    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.14); position:relative; z-index:99}
.cent09{ display: flex;  align-items: center;justify-content: space-between; height:78px;}
.cent09 ul{display: flex;  align-items: center;}
.cent09 ul li{ margin:0 10px; position:relative; line-height:78px}
.cent09 ul li a{ padding:0 10px; color:#303030; font-size:16px;}
.cent09 ul li:hover a{ color:#f39800;}
.cent09 ul li:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 3px;
    z-index: 9;
    width: 0;
    height: 3px;
    background-color: #f39800;
    opacity: 0;
    filter: alpha(opacity = 0);
    transition: all ease-in-out 500ms;
}
.cent09 ul li:hover:before {
    left: 0;
    width: 100%;
    opacity: 1;}
.cent09 ul li.on a{ color:#f39800;}
.cent09 ul li.on:before {
    left: 0;
    width: 100%;
    opacity: 1;}
.more01{ background:#F39800; padding:0 4%; height:40px; text-align:center;color:#fff;font-size: 16px;line-height: 40px; display: block;  display:inline-block;}
.more01:hover{ color:#fff;}
.cent09-bg.on{ position:fixed; top:0}




.vb_tour{margin-top:-78px; padding-top:78px}

.cent10{}
.cent10 .erji{ display:none }
.cent10 .erji p{ font-size:16px; display:block; color:#303030}
.cent10 .erji p a{ color:#303030;text-decoration:underline;}
.cent10 .title h2{ text-align:center;}
.cent10 ul li{    border-bottom: 1px solid #b1b1b1;}
.cent10 ul li span{ display:block; position:relative; padding:15px 60px 15px 0; font-size:20px; color:#303030}
.cent10 ul li span:after {
    content: '+';
    display: block;
    position: absolute;
    right: 30px;
    top: 15px;
    font-size: 20px;
    transition: all 0.5s ease-in-out;
}
.cent10 ul li span.cee:after {
    content: '';
    top: 26px;
    width: 12px;
    border-top: 2px solid #514940;
}

.cent10 .more a{ background:#303030; padding:0 5%;}


.cent11{margin-top:3%;background:#f7f7f7;padding: 2% 2%;text-align:center;box-sizing:border-box;margin-bottom:2%}
.cent11-l{float:left;display:block;width: 48%;}
.cent11-l h1{font-size: 30px;color:#303030;display:block; font-weight:normal;}
.cent11-l h1 b{    display: block;
    margin-bottom: 5px;}
.cent11-l span{color:#303030;display:block;margin:4.5% auto;font-size: 18px;font-weight: 700;font-style: italic;}
.cent11-l>a{ background:#F39800; padding:0 2%; height:40px; text-align:center;color:#fff;font-size: 16px;line-height: 40px; display: block;  display:inline-block; width:300px;}
.cent11-l>a:hover{ color:#fff;}
.cent11-r{float:right;display:block;width: 51%;} 
.cent11-r ul li{ float:left; display:block;width:calc(100%/3); text-align:center; margin-top:3%}
.cent11-r ul li a{ display:block}
.cent11-r ul li a .img{ width:140px; height:140px; border-radius:50%; border:2px solid #af9778; overflow:hidden; border-radius:50%; margin:0 auto;}
.cent11-r ul li a .img img{ width:100%; height:100%;}
.cent11-r ul li h2{font-size:20px;display:block;color:#ab9271;font-weight:normal;margin-top: 10%;}
.cent11-r ul li span{ font-size:16px; color:#303030}



.cent12{ margin-top:2%; margin-bottom:3%;}
.cent12 .title h2{ text-align:center; font-size:25px;}
.cent12 ul li{ float:left; display:block; width:calc((100% - 8%)/5); margin-right:2%; margin-top:2%; text-align:center;}
.cent12 ul li:nth-child(5n) { margin-right: 0% ;}
.cent12 ul li .img{ width:114px; display:block; margin:0 auto 4%;}
.cent12 ul li .img img{ width:100%;}
.cent12 ul li h2{ font-size:16px; font-weight:normal; line-height:1.6; color:#303030; display:block}
.cent12 ul li span{ font-size:16px; font-weight:normal; line-height:1.6; color:#303030; display:block}


.cent13{ margin-top:2%; margin-bottom:3%} 
.cent13 .title h2{ text-align:center;}
.cent1302{ margin-top:2%;}
.cent1302 h2{ font-size:25px; font-weight:normal; color:#303030}
.cent1302 ul{     display: flex;
    display: -webkit-flex;   flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 28px;}
.cent1302 ul li{    width: calc(50% - 80px);     position: relative;
    display: inline-block;
    padding: 15px 0 8px;
    border-bottom: 1px solid #d2d2d2;
    text-decoration: none;}
.cent1302 ul li:before {
    content: '';
    position: absolute;
    left: -28px;
    top: 24px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #303030;
}

.cent1302 ul li:nth-of-type(2n) {
    margin-left: 13%;
}

.cent1302 ul li a{ font-size:16px}

.gaodu{ margin-top:0; margin-bottom:3%}
.cent04.gaodu ul li{    width: calc((100% - 6%) / 3);}
.cent04.gaodu ul li:nth-child(4n) {  margin-right: 3% ;}
.cent04.gaodu ul li:nth-child(3n) {  margin-right: 0% ;}

.gaodu02{margin-top:0; margin-bottom:3%}

.cent14{ margin-bottom:3%}
.cent14 .title h2{ text-align:center; font-size:25px;}
.cent14-tp{ display: flex;   align-items: flex-start;justify-content: space-between; margin-top:20px}
.cent14-r{width: calc(100% - 32% - 23px);}
.cent14-l{width: 32.2%;position:relative;}
.cent14-l a{ display:block;}
.cent14-l a .img{ padding-top:100%;}
.cent14-l span{    left: 0px;  bottom: 0;  width:100%; line-height: 1.3; color: #fff; text-decoration: none;  background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));     font-weight: 700; position:absolute; font-size:18px; padding:15px; box-sizing:border-box;}
.cent14-r ul{display: flex;   align-items: flex-start;justify-content: space-between; flex-wrap: wrap;}
.cent14-r ul li{ width: calc((100% - 20px) / 2); margin-top:20px; position:relative;}
.cent14-r ul li a{ display:block;}
.cent14-r ul li a .img{padding-top: 47.5%;}
.cent14-r ul li span{    left: 0px;  bottom: 0;  width:100%; line-height: 1.3; color: #fff; text-decoration: none;  background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));     font-weight: 700; position:absolute; font-size:18px; padding:15px; box-sizing:border-box;}
.cent14-r ul li:nth-child(1) {   margin-top: 0% ;}
.cent14-r ul li:nth-child(2) {   margin-top: 0% ;}

.cent15{ margin-bottom:3%}
.cent15 .title h2{ text-align:center;}
.cent15 ul li{ width:calc((100% - 30px)/3); margin-right:15px;  margin-top:15px; background:#f7f7f7;    float: left;
    display: block; }
.cent15 ul li a{ display:block; border:1px solid #d2d2d2;}
.cent15 ul li a .img{ width:100%; vertical-align:bottom;}
.cent15 ul li a .img img{ width:100%; vertical-align:bottom;}
.cent15 ul li h2{ font-size:20px; padding:20px 10px; display:block; font-weight:normal;    color: #303030;}
/*.cent15 ul li:hover h2{ color:#f39800}*/
.cent15 ul li:nth-child(3n) {margin-right: 0% ;}
.cent15 ul li:nth-child(3n-2){ clear:left;}


.cent16{ margin-bottom:3%}
.cent16 .title h2{ text-align:center; font-size:25px}
.cent16 ul li{ float:left; display:block; width:calc((100% - 60px)/4); margin-right:20px; margin-top:3%;}
.cent16 ul li:nth-child(4n) {  margin-right: 0% ;}
.cent16 ul li:nth-child(4n-3){ clear:left;}
.cent16 ul li a{ display:block; position:relative;}
.cent16 ul li a .img{ width:100%; border-radius:10px; overflow:hidden;}
.cent16 ul li a .img img{ width:100%; vertical-align:bottom;}
.cent16 ul li span{ color:#303030; font-size:20px; display:block; margin-top:10px}

.gaodu.cent03 .title h2{ text-align:center; font-size:25px}

.gaodu03.cent15 ul li{ background:none}


.cent18{ margin-bottom:3%}
.cent18 .title h2{ text-align:center; font-size:25px}
.cent18-bg{border:1px solid #d2d2d2;display: flex;align-items: center;justify-content: space-between;margin-top: 2%;}
.cent1801{  display:block; width:50%;}
.cent1801 video{ width:100%; vertical-align:bottom;}
.cent1802{ width:50%; box-sizing:border-box; padding:0 3%; color:#303030}
.cent1802 h2{ font-size:20px; display:block;     font-weight: 500;}
.cent1802 span{display:block;font-size: 16px;line-height:1.5;font-weight:normal;margin-top: 4%;}

.gaodu04.cent03 ul li{    box-shadow:none;     width: calc((100% - 3% - 8px) / 4); border:1px solid #d2d2d2}
.gaodu04.cent03 ul li:hover{transform:none}


.cent19-bg{ background:#f7f7f7; margin-top:3%; padding:3% 0}
.cent19 .title h2{ text-align:center; font-size:25px}
.cent19 ul li{ float:left; display:block; width:calc((100% - 2%)/2); margin-right:2%; margin-top:2%;}
.cent19 ul li:nth-child(2n) { margin-right: 0% ;}
.cent19 ul li a{ display:block; position:relative; overflow:hidden; border-radius:10px;}
.cent19 ul li a .img{ width:100%}
.cent19 ul li a .img img{ width:100%; vertical-align:bottom;}
.cent19 ul li span{    left: 0px;  bottom: 0;  width:100%; line-height: 1.3; color: #fff; text-decoration: none;  background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));     font-weight: 700; position:absolute; font-size:18px; padding:15px; box-sizing:border-box;}


.cent20-bg{    box-shadow: 0 0 15px 0 rgba(0,0,0,.14);
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.14);
    transition: all .3s ease-in-out; margin-bottom:3%; margin-top:3%}
.cent20{ display: flex;   align-items: center;justify-content: space-between; padding:1% 0}
.cent20 .more{ margin:0}
.cent20 .more a{ padding:0 20px; font-size:20px;}
.cent20-l{ width:150px; height:150px; border:4px solid #F39800; border-radius:50%; overflow:hidden;}
.cent20-l img{ width:100%; height:100%;}
.cent20-r01{ text-align:center ;  color:#303030}
.cent20-r01 h2{ font-size:36px; font-weight:normal; font-weight:normal;}
.cent20-r01 span{font-size:16px; display:block; font-weight:normal; margin:2% 0 0}


.inside_con{ padding:10px 0; min-height:300px;}

.cent21{ margin-top:1%; margin-bottom:3%;}
.cent21-l{ float:left; display:block; width:68%;}

.cent22{color:#303030;}
.cent22 h1{  display:block; font-size:36px;}
.cent22 em{ font-style:normal; font-size:16px; color:#959595; display:block;}
.cent22>p{ font-size:16px; display:block; margin-top:4%;}

.cent21 .tite01{ margin-top:4%;}
.tite01{ color:#303030;}
.tite01 h1{ font-size:24px;}


.cent21-r{ position:sticky;top: 40px; right: 0; width:28%; float:right; margin-top:6%;     box-shadow: 0 0 15px 0 rgba(0,0,0,.14);
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.14); border-radius:10px; overflow:hidden; padding-bottom:2%} 
.cent21-r h2{ line-height:40px; color:#fff; font-size:18px; background:#f39800; text-align:center;}
.cent21-r ul{padding: 20px 10px 0 10px;}
.cent21-r ul li{ margin-bottom: 3%;}
.cent21-r ul li span{display: flex;align-items: center;font-size:14px;color:#303030;font-weight: bold;margin-bottom: 2%;}
.cent21-r ul li span em{ display:block; font-style:normal; color:red; font-size:14px; width:10px}
.cent21-r ul li .text{outline:none;border:1px solid #ab9271;padding:16px 8px 16px 8px; width:100%; box-sizing:border-box; height:110px; border-radius:10px;}
.cent21-r ul li .text::-webkit-input-placeholder{ color:#ccc;}
.cent21-r ul li .input_text{outline:none;border:1px solid #ab9271;padding:8px; width:100%; box-sizing:border-box; border-radius:10px; line-height:24px; color:#000}
.cent21-r ul li .input_text::-webkit-input-placeholder{ color:#ccc;}
.cent21-r .more{ margin-top:4%}
.cent21-r .more a{ padding:0 5%}
.cent21-r em{ font-style:normal; font-size:14px; color:#959595; display:block; text-align:center; margin-top:10px;}


.our-bg{ background:#f7f7f7; padding-bottom:2%}
.cent23{background:#f7f7f7; box-sizing:border-box; padding:2% 4%; margin:3% auto}
.cent23 .title h2{ text-align:center; font-size:25px; font-weight:bold;}
.cent23 ul{
    margin-top: 2%;
}
.cent23 ul li{margin-bottom: 10px;float:left;display:block;width:calc((100% - 4%)/3);margin-right:2%}
.cent23 ul li span{display: flex;align-items: center;font-size:14px;color:#303030;font-weight: bold;margin-bottom: 10px;}
.cent23 ul li span em{ display:block; font-style:normal; color:red; font-size:14px; width:10px} 
.cent23 ul li .text{outline:none;border:1px solid #ab9271;padding:16px 8px 16px 8px;width:100%;box-sizing:border-box;height: 80px;border-radius:10px;}
.cent23 ul li .text::-webkit-input-placeholder{ color:#ccc;}
.cent23 ul li .input_text{outline:none;border:1px solid #ab9271;padding:8px; width:100%; box-sizing:border-box; border-radius:10px; line-height:24px; color:#000}
.cent23 ul li .input_text::-webkit-input-placeholder{ color:#ccc;}
.cent23 ul li:nth-child(4) { margin-right: 0% ;}
.cent23 ul li.wt{ width:100%; margin-right:0}


.gaodu05.cent12 .title h2{ text-align:left}
 
 

 .cent24-bg{ width:100%; background:#fff;    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.14); position:relative; z-index:99}
.cent24{ display: flex;  align-items: center;justify-content: space-between; height:78px;}
.cent24 ul{display: flex;  align-items: center;}
.cent24 ul li{ margin:0 10px; position:relative; line-height:78px}
.cent24 ul li a{ padding:0 10px; color:#303030; font-size:16px;}
.cent24 ul li:hover a{ color:#f39800;}
.cent24 ul li:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 3px;
    z-index: 9;
    width: 0;
    height: 3px;
    background-color: #f39800;
    opacity: 0;
    filter: alpha(opacity = 0);
    transition: all ease-in-out 500ms;
}
.cent24 ul li:hover:before {
    left: 0;
    width: 100%;
    opacity: 1;}
.cent24 ul li.on a{ color:#f39800;}
.cent24 ul li.on:before {
    left: 0;
    width: 100%;
    opacity: 1;}
 .cent24-bg.on{ position:fixed; top:0}

 
 .cent25{ margin-top:1%}
 .cent25-l{ float:left; display:block; width:48%; color:#303030}
  .cent25-l span{ display:block; font-size:16px; line-height:1.5; margin-top:2%}
 .cent25-r{ float:right;  display:block; width:50%;}
.cent1801 video{ width:100%; vertical-align:bottom;}


.cent26-bg{ margin-top:2%; margin-bottom:4%;     background: #f7f7f7;}
.cent26{ padding:2% 0;}
.cent26 ul li{ background:#fff; border-radius:20px; overflow:hidden; display: flex;  align-items: center;justify-content: space-between; margin-top:2%;}
.cent26 ul li .img{ width:50%;}
.cent26 ul li .img img{ width:100%; vertical-align:bottom;}
.cent26-r{ width:50%; box-sizing:border-box; color:#303030; padding:0 4%; text-align:center}
.cent26-r h2{ display:block; font-size:48px;}
.cent26-r em{ font-style:normal; font-size:20px; display:block; padding:10px 0 20px;}
.cent26-r span{  display:block; text-align:left; font-size:16px; line-height:1.5;}
.cent26 ul li:nth-child(2n) { flex-direction: row-reverse;}



.cent27{ margin-top:1%;}
.cent27 .title h2{ font-size:25px}
.cent27 ul{    padding: 30px 0;
    color: #a68a66;
    border: 1px solid #ab9271; border-radius:20px; background:#f7f7f7; display: flex; justify-content: center;  align-items: center; margin-top:2%}
.cent27 ul li:not(:last-child) { border-right: 1px solid #ab9271;}
.cent27 ul li .mun_top{ display: flex; justify-content: center;  align-items: center; font-size:30px;}
.cent27 ul li .mun_top h2{font-size:30px;}
.cent27 ul li p{ font-size:20px;}
.cent27 ul li{ width:33.33%; text-align:center;} 



.cent28{ margin:5% auto;}
.cent28 ul li{ margin-top:3%; display: flex;   align-items: center;
justify-content: space-between;    box-shadow: 0 0 15px 0 rgba(0,0,0,.14);
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.14); border-radius:10px; overflow:hidden;}
.cent28 ul li .img{ width:285px; height:310px;  display: flex; justify-content: center;  align-items: center;     background-color: #f7f7f7;}
.cent28 ul li .img img{ max-width:100%; max-height:100%;}
.cent28-r{ width:calc(100% - 300px); box-sizing:border-box;  padding:0 5%}
.cent28-r h2{ font-size:20px; color:#a68a66; font-weight:500;}
.cent28-r span{ display:block; font-size:16px; color:#303030; line-height:1.5;}

.cent29{ margin-bottom:3%}
.cent29 .title{ text-align:center;}
.cent29 .title span{ text-align:left;}
.cent29 ul li{ float:left; display:block; width:calc((100% - 60px)/4); margin-right:20px; margin-top:25px; position:relative;}
.cent29 ul li:nth-child(4n) {  margin-right: 0% ;}
.cent29 ul li a{ display:block; position:relative;}
.cent29 ul li a .img{ width:100%}
.cent29 ul li a .img img{ width:100%; vertical-align:bottom;}
.cent29 ul li span{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color:#fff;
    background: rgba(0,0,0,.3);
    }
.cent29 ul li:nth-child(4n-3){ clear:left;}
.cent29 ul li:hover span{ background:none}


.cent30{ margin-top:3%;}
.cent30 ul li{ border-bottom:1px solid #959595; padding:2% 0}
.cent30 ul li .ody{}
.cent30 ul li .ody h3{ font-size:20px; color:#a68a66; font-weight:500;}
.cent30 ul li .ody em{ font-style:normal; display:block; margin:3px 0 13px;    color: #303030; font-size:16px;}
.cent3001{display: flex;align-items: flex-start;justify-content: space-between;}
.cent3001 .img{width: 45%;border-radius:10px;overflow:hidden}
.cent3001 .img img{ width:100%; vertical-align:bottom;}
.cent3001 span{width: 52%;box-sizing:border-box;/* padding:0 5%; */display:block;font-size:16px;color:#303030;line-height:1.6;}
.cent3001 span:before, .cent3001 span:after {
    background-image: url(../images/ui-sprite.svg);
       background-repeat: no-repeat;    content: '';
    display: inline-block;
    width: 18px;
    height: 13px;}
.cent3001 span:before {
    margin-right: 10px;
    background-position: -101px -73px;
}	

.cent3001 span:after {
    margin-left: 5px;
    background-position: -110px -73px;
}  

.cent30 ul li:last-child{border-bottom:0px;} 
	   
	
.cent31{ margin:0% auto;}	
.cent31 ul li{ margin:3% auto; position:relative;}	   
.cent31 ul li .img{ width:50%; float:left;}
.cent31 ul li .img img{ width:100%; vertical-align:bottom;}	   
.cent31-r{ position:absolute; top:50%; box-sizing:border-box; padding:3%; background:#a68a66; right:0;  transform: translate(0,-50%); width:55%;    box-shadow: 0 0 15px 0 rgba(0,0,0,.14); -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.14); color:#fff;}	   
.cent31-r h2{ font-size:22px; display:block;}
.cent31-r h2 em{ font-style:normal; font-size:30px;    border: 2px solid #fff;  border-left: none; border-right: none;     width: 30px; display:inline-block; text-align:center;}
.cent31-r span{ font-size:16px; line-height:1.5; display:block; margin-top:4%;}	   
.cent31 ul li:nth-child(2n) .cent31-r{ left:0%; background:#f7f7f7; color:#303030; right:inherit;}
.cent31 ul li:nth-child(2n) .img{ float:right;}
.cent31 ul li:nth-child(2n) .cent31-r h2{ color:#a68a66}
.cent31 ul li:nth-child(2n) .cent31-r h2 em{    border: 2px solid #a68a66;border-left: none; border-right: none;}

.gaodu06 .cent0501{ width:57%; margin:0 auto; }
.gaodu06 .stsce{justify-content: center; }
.gaodu06  .sally{ margin-left:0}
.pig{ text-align:center;}
.gaodu06 .cent0501 .img-bg{ box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.05); background:none;
}
.gaodu06 .ti-rating-text{ text-align:center; font-size:14px;}
 .gaodu06 .ti-rating-text strong{ color:#000;}
 
.cent32-bg{ background:#f7f7f7; margin-top:2%; padding:3% 0}
.cent3201{ position:relative; padding:0 3%; box-sizing:border-box; margin-top:2%;}
.cent3201 .mySwiper03{ }
.cent3201 .mySwiper03 a{ display:block; background:#fff;   
    box-shadow: 0 0 15px 0 rgba(0,0,0,.14);
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.14);
    transition: all .3s ease-in-out; border-radius:10px; overflow:hidden; text-align:center; width:100%; padding-bottom:2.5rem;    padding-top: 1.875rem;}
.cent3201 .mySwiper03 a .img{ width:140px; height:140px; border-radius:50%; border:2px solid #af9778; overflow:hidden; border-radius:50%; margin:0 auto;}
.cent3201 .mySwiper03 a .img img{ width:100%; height:100%;}
.cent3201 .mySwiper03 h2{ font-size:20px; display:block; color:#ab9271; font-weight:normal; margin-top:6%}
.cent3201 .mySwiper03 .img-bg span{ font-size:16px; color:#303030}
.cent3201 .swiper-button-next, .cent3201 .swiper-button-prev { background:#a68a66; width:50px; height:50px; border-radius:50%}
.cent3201 .swiper-button-next:after, .cent3201 .swiper-button-prev:after{ color:#fff !important; font-size:15px !important}


.sije{ text-align:center; margin-top:4%}
.sije a{ font-size:20px; color:#303030}

.gaodu07 .cent30-r{ width:52%}
.gaodu07 .cent3001 span{ width:100%}
.gaodu07.cent30 ul li{ border-bottom:0}
.gaodu07 .cent30-r h2{ font-size:20px;    color: #a68a66;s font-weight: 500; display:block;}


.cent33 .weizhi{ position:relative; color:#333;    text-shadow:none;}
.cent33 .weizhi a{color:#333} 
.cent33 .weizhi a:hover{ color:#f39800}







.cent34{ margin-top:1%; margin-bottom:2%;}
.cent34-l{ float:left; display:block; width:70%}

.cent34-r{ float:right; display:block; width:28%; background:#f7f7f7; border-radius:20px; box-sizing:border-box; padding:2.5%; text-align:center; color:#303030}
.cent34-r ul li{    padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #D2D2D2;}
.cent34-r ul li .img{ width:45px; display:block; margin:0 auto;}
.cent34-r ul li .img img{ width:100%; vertical-align:bottom;}
.cent34-r ul li>p{ padding:0; font-size:16px; line-height:1.6; margin-top:10px}
.cent34-r ul li>a{ display:block; line-height:32px; color:#303030; font-size:20px}
.cent34-r ul li>a:hover{ color:#f39800}
.cent34-r ul li>span{ display:block; font-size:16px; margin-top:2%}
.cent34-r ul li dl dd{position:relative;padding-left:20px;text-align: left;margin-bottom: 4%;}
.cent34-r ul li dl{ margin-top:5%}
.cent34-r ul li dl dd em{ display:block; font-style:normal; font-size:16px;}
.cent34-r ul li dl dd p{ font-size:16px; line-height:1.6;}
.cent34-r ul li dl dd:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #303030;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.cent34-r ul li:last-child{border-bottom: 0px}

.yor{ border:1px solid #ab9271; overflow:hidden; border-radius:20px; margin-top:3%}
.yor01{}
.yor01>h2{ text-align:center; background:#ab9271; font-size:25px; color:#fff; line-height:60px;}
.yor01 ul{ padding:4% 9% 0 9%; color:#303030;}
.yor01 ul li{ margin-bottom:4%;}
.yor01 ul li>span{ font-size:16px; display:block; margin-bottom:10px}
.yor01 ul li>.text{outline:none; width:100%; border:1px solid #ab9271; border-radius:5px; padding:16px 8px 16px 8px; box-sizing:border-box; height:80px;font-size:16px;}
.yor01 ul li>.text::-webkit-input-placeholder{ color:#666;}
.yor01 ul li>.select{outline:none;width: 46%;border:1px solid #ab9271;border-radius:5px;padding:8px 8px 8px 8px;box-sizing:border-box;font-size:16px;}
.yor01 ul li>.select::-webkit-input-placeholder{ color:#333;}

.shulian{ display: flex;  align-items: center;justify-content: space-between;}
.shu01{display: flex;align-items: center;width: 46%;border: 1px solid #ab9271;border-radius: 5px;justify-content: space-between;overflow: hidden;}
.shu01 em{font-style:normal;font-size:16px;display: block;margin-left: 10px;}

.Spinner{display:block;overflow:hidden;width: 136px;/* margin:0 auto 15px auto; */}
.Spinner .Amount{width:36px;height: 44px;padding:4px 5px;line-height:17px;/* border-width:1px 0; *//* border-style:solid; *//* border-color:#d9d9d9; */float:left;text-align:center;color:#565656;outline:0;box-sizing: border-box;}
.Spinner a{display:inline-block;width: 50px;height: 44px;/* border:1px solid #d9d9d9; */background-color: #ececec;float:left;cursor:pointer;outline:0;display: flex;justify-content: center;align-items: center;}
.Spinner a i{font-style:normal;background:url(../images/buynbtn.png) no-repeat;display:block;width:9px;height:9px;margin:8px;text-indent:999999%;overflow:hidden;}
.Spinner .Decrease i{background-position:-9px -9px;}
.Spinner .Increase i{background-position:-9px -0px;}
.Spinner .DisDe i{background-position:-0px -9px;}
.Spinner .DisIn i{background-position:-0px -0px;}

.budete{ display: flex;  align-items: center;justify-content: space-between;}
.budete01{
    display: flex;
    align-items: center;
    width: 46%;
    border: 1px solid #ab9271;
    border-radius: 5px;
    justify-content: space-between;
    overflow: hidden;
}
.budete01 .select01{  
    width: 80px;
    padding: 8px 8px 8px 8px; box-sizing:border-box; height:43px; border:none; border-right:1px solid #ccc; font-size:18px; line-height:43px}
.budete01 .input_text01{outline:none; width:calc(100% - 85px); border:0;}
.budete02{width: 46%;}
.budete02 em{display:block;font-size: 14px;font-style:normal; margin-bottom:2%}
.budete02 .cdi{ display: flex;  align-items: center; font-size:15px;}
.budete02 .cdi input{ width:22px; height:22px; margin-right:10px}
.budete02 .cdi label{ margin-right:20px}


.yor01 ul li .hot{ display: flex;  align-items: center;justify-content: space-between;}
.yor01 ul li .hot a{ border:1px solid #ab9271; padding:10px 0; border-radius:5px; font-size:16px; color:#303030; text-align:center; width:23%}
.yor01 ul li .hot a:hover{    background: #959595;
    color: #fff;}


.yor02{ padding-bottom:4%}
.yor02>h2{ text-align:center; background:#ab9271; font-size:25px; color:#fff; line-height:60px;}
.yor02 ul{ padding:4% 9% 0 9%; color:#303030;}
.yor02 ul li{ margin-bottom:4%; float:left; display:block; width:calc((100% - 4%)/2); margin-right:4%}
.yor02 ul li.hou{ width:100%; margin-right:0;}
.yor02 ul li.hou .text{outline:none; width:100%; border:1px solid #ab9271; border-radius:5px; padding:16px 8px 16px 8px; box-sizing:border-box; height:80px;font-size:16px;}
.yor02 ul li.hou .text::-webkit-input-placeholder{ color:#666;}
.yor02 ul li>span{ font-size:16px; display:block; margin-bottom:10px}
.yor02 ul li>span>em{ font-style:normal;}
.yor02 ul li:nth-child(2n-1) { margin-right: 0% ;}
.yor02 ul li .select{outline:none;width: 100%;border:1px solid #ab9271;border-radius:5px;padding:8px 8px 8px 8px;box-sizing:border-box;font-size:16px;}
.yor02 ul li .select::-webkit-input-placeholder{ color:#333;}
.yor02 ul li .input_text{outline:none;width: 100%;border:1px solid #ab9271;border-radius:5px;padding:8px 8px 8px 8px;box-sizing:border-box;font-size:16px;}
.yor02 ul li .input_text::-webkit-input-placeholder{ color:#666;}
.yor02 ul li .anni{ display: flex;  align-items: center;justify-content: space-between;}
.yor02 ul li .anni a{  width:48%; line-height:43px; font-size:18px; color:#303030; border:1px solid #ab9271; border-radius:5px; text-align:center; }
.yor02 ul li .anni a:hover{    background: #959595;color: #fff;}
.yor02 ul li>em{ font-size:16px; font-style:normal; color:#959595; display:block; margin-top:10px}
.yor02>i{ text-align:center; font-size:16px; color:#959595; line-height:24px; display:block; font-style:normal; margin-top:10px}


.search{border:1px solid #d2d2d2;width: 135px;height: 30px;margin-left: 10px;display: flex;align-items: center;justify-content: space-between;}
.search .input_text{outline:none; width:calc(100% - 30px); text-indent: 10px; font-size:14px;}
.search .input_text::-webkit-input-placeholder{ color:#ccc;}
.search a{ width:30px; height:30px;  display: flex; justify-content: center;  align-items: center;}
.search a i{ color:#303030; font-size:18px;}
.search a:hover i{ color:#f39800}


@media only screen and (max-width: 980px) {
	.wapper{ width:90%;}
.header-bg{ display:none;}
	.cent01{ padding:3% 0;}
	.cent01 span{ font-size:12px;}
	.banner .best h2{ font-size:24px;}
	.banner .best span{ font-size:15px;}
	
	.banner .img img{ height:60vh;   object-fit: cover;}
	
	.title h2{ font-size:24px;}
	.cent02>span{ margin-top:3%;}
	
	.cent03{ margin-top:10%;}
	.cent03 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
	
	.more a{ width:100%; box-sizing:border-box; margin-top:5%;}
	
	.cent04-bg{ margin-top:5%; padding:5% 0;}
	.cent04 ul li{ width:calc((100% - 5%)/2); margin-right:5%; margin-top:5%; }
	.cent04 ul li:nth-child(2n) {  margin-right: 0% ;}
	.tene{ margin-top:5%; }
	
	.cent05{ margin-top:5%;}
	
	.cent06-bg{ margin-top:5%; padding:5% 0;}
	.cent0601 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
	.cent0602 ul li{ width:calc((100% - 5%)/2); margin-right:5%; margin-top:5%}
	.cent0602 ul li:nth-child(2n) {margin-right: 0% ;}
	
	
	.cent07{ width:100%;}
	.cent07{ margin-top:5%}
	.cent07 h1{ font-size:22px;}
	.cent07 span{ margin-top:4%}
	.cent07 ul li{ display:block;width:calc(100%/2);  margin-top:5%}
	.cent07 ul li a .img{ width:110px; height:110px;}
	
	.our{ margin-top:4%;}
	.footer{ padding-top:5%;}
	.footer01{ display:block; text-align:center;}
	.footer01 dl{ display:block}
	.footer01 dl dd{ width:100%; margin-bottom:5%;}
	
	.footer01-r{ width:100%;  text-align:center;}
	.pre{ display:none;}
	.dfoe{ padding-top:5%; padding-bottom:5%;}
	.footer-bg01{ padding:2% 0}
	.footer02{ flex-direction: column;}
	.footer02-r{ text-align:center;}
	
	
	.top{ display:block; height:50px}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;  display:block;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#F39800;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#F39800}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	.cent09-bg{overflow-y:scroll;}
	.cent09{ width:1200px;}
	.cent09 ul{ flex: 1;}
	.cent09 ul li a{ }
	.more01{ padding:0 2%}
	.cent09 ul li{ padding:0 5px}
	.cent09 ul li{ margin:0;}
	
	.cent09-bg.on{ position:relative;}
	
	.cent08 .img img{height:60vh;   object-fit: cover;}
	.cent08-l h2{ font-size:36px;}
	.cent08-l span{ text-align:center; font-size:18px;}
	.cent08 .img01{ width:80%; left:50%;    transform: translate(-50%, 0);}


	.cent10{ margin-top:5%;}

	.cent11-l{  float:none; display:block; width:100%}
	
	.cent11-r{ float:none; display:block; width:100%}
	.cent11-r ul li{float:none; display:block; width:100%}
	.cent11-r ul li a{ display: flex; justify-content: center;  align-items: center;}
	.cent11-r ul li a .img{ width:120px; height:120px}
	
	.cent11-l h1{ font-size:22px;}


	.cent12{ margin:5% auto;}	
	.cent12 ul li{ float:none; display: flex;   align-items: center; width:100%; margin-right:0}
	.cent12-r{ text-align:left; margin-left:10px}
	.cent12 ul li .img{ width:90px; margin:0}
	.cent12 ul li .img img{ width:100%; height:90px;}
	
	
	.cent13{ margin-top:5%;}
	.cent1302{ margin-top:5%;}
	.cent1302 ul{ display:block; width:100%;  box-sizing:border-box;}
	.cent1302 ul li{ width:100%;}
	.cent1302 ul li:nth-of-type(2n){ margin-left:0}
	
	.cent04.gaodu ul li{ float:none; display:block; width:100%; margin-right:0}
	.gaodu{ margin-bottom:5%;}
	.vb_article{margin-top: -50px;  padding-top: 50px;}
	
	.cent14-tp{flex-wrap: wrap; }
	.cent14-r{ width:100%; margin-top:20px}
	.cent14-l{ width:100%;}
	.cent14-r ul li:nth-child(2){ margin-top:20px}
	.cent14-r ul li{ width:100%; margin-right:0; margin-top:20px;}
	
	
	
	.cent15 ul li{ float:none; display:block; width:100%;}
	.cent16 ul li{float:none; display:block; width:100%;}
	
	.cent18-bg{flex-wrap: wrap; }
	.cent18{ margin-bottom:5%}
	.cent1802{ width:100%; padding:5%; box-sizing:inherit;}
	.cent1801{ width:100%;}
	
	
	.cent21-l{ float:none; display:block; width:100%;}
	.cent21-r{ float:none; display:block; width:100%; position:relative; top:inherit;}
	
	.cent21{ margin-top:5%;}
	.cent22 h1{ font-size:28px;}
	
	.gaodu04.cent03 ul li{ width:100%; vertical-align:bottom; margin-right:0}
	
		.cent19-bg{ padding:5% 0; margin-top:5%;}
	.cent19 ul li{ float:none; display:block; width:100%; margin-right:0;}
	
	.cent20{flex-wrap: wrap; padding:5% 0}
	.cent20-l{ margin:0 auto;}
	.cent20-r01 h2{ font-size:16px; display:block;}
	.cent20 .more{ margin:5% auto;}
	
	.cent24-bg{overflow-y:scroll;}
	.cent24{ width:1200px;}
	.cent24 ul{ flex: 1;}
	.cent24 ul li a{ }
	.cent24 ul li{ padding:0 5px}
	.cent24 ul li{ margin:0;}
	
	.cent25{ margin-top:5%}
	.cent25-l{ float:none; width:100%;}
	.cent25-r{ float:none; width:100%;}
	
	.cent26 ul li{flex-wrap: wrap; }
	.cent26 ul li .img{width:100%;}
	.cent26-r{width:100%; padding:5%;}
	
	.cent26-r h2{ font-size:25px}
	
	.cent23 ul li{ float:none; display:block; width:100%;}

	.cent28 ul li .img{ width:30%; height:auto;}
	.cent28-r{ float:right; width:69%;}
	.cent28-r span{    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;}
   
   .cent27{ margin-top:5%;}
   .cent27 ul{ display:block;}
   .cent27 ul li{ width:100%;}
   .cent27 ul li:not(:last-child){ border-right:0;}
   
   .cent30{ margin-top:5%;}
   .cent30 ul li .cent3001{flex-wrap: wrap; }
   .cent3001 .img{ width:100%;}
   .cent30 ul li{ padding:5% 0}
   .cent3001 span{ width:100%; margin-top:5%}
   
   .cent31 ul li .img{ float:none; width:100%;}
   .cent31-r{ position:relative; top:inherit; right:inherit; width:100%; margin-top:5%;     transform: none;}
   .cent31 ul li:nth-child(2n) .img{ float:none;}
	
	.gaodu07 .cent30-r{ float:none; width:100%; margin-top:5%}
	.gaodu06 .cent0501{ width:100%}
	
	.gaodu06 .ti-rating-text{ margin-top:5%;}
	
	.cent34-l{ float:none; display:block; width:100%}
	.cent34-r{ float:none; display:block; width:100%; margin-top:5%;padding:5%;}
	
	.yor01 ul{ padding:5% 5% 0 5%;}
	.yor02 ul{ padding:5% 5% 0 5%;}
	.yor02 ul li{ float:none; display:block; width:100%;}
	
	.shu01{ width:100%; margin-bottom:4%}
	.shulian{flex-wrap: wrap; }
	.budete{flex-wrap: wrap; }
	.budete01{width:100%;  margin-bottom:4%}
	.budete02{width:100%;}
	.yor01 ul li .hot{flex-wrap: wrap;}
	.yor01 ul li .hot a{ width:48%; margin-bottom:4%}
	}