div{ margin:0 auto}
img{ border:0; display:block;  }

*{ font: normal 0.22rem/100% Helvetica, Arial, sans-serif; font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
*{ padding:0; margin:0;font-family:Helvetica; font-family:'黑体';   -webkit-tap-highlight-color: transparent;	font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}
label{ font-family: Helvetica; font-weight:bold}

      .swiper-container {
      width: 100%;
      height: 100%;

    }

 
input{font-family: sans-serif; font-family:Helvetica; text-indent:4px; outline:none;-webkit-appearance: none;border-radius: 0;}
p{font-family:Helvetica;font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
a{ text-decoration:none;}
::-webkit-input-placeholder{ color:#d0b688;font-size:0.22rem;display: flex;align-items: center; justify-content:center;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.notice {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} 

.huanghuan{ width:100%; position:relative; overflow:hidden }
 
-webkit-tap-highlight-color: rgba(0,0,0,0);

.bgsp{width:100%; position: fixed; height:100%; background:#000; left:0%; top:0%; display:none; z-index:9998}
.vclose{ position:absolute; width:0.6rem; height:0.6rem; border:2px solid #666; text-align:center; font-size:0.22rem; line-height:0.6rem; left:47%; bottom:-1rem; color:#666; border-radius:100%}
 select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
 
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none; height:100%;
 outline:none;-webkit-appearance: none;border-radius: 0;
  /*在选择框的最右侧中间显示小箭头图片*/
 

 
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  
}
       .swiper {
      width: 100%;
      height: 100%; overflow:hidden

    }



   .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
		border-radius:8px; overflow:hidden;
        /* 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;
      }
	

     .my10 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: none;

        /* 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;
      }
	
 
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/






.swiper-slide-active{ opacity:1  !important;}
.swiper-pagination-bullet{ margin-right:4px !important;   border-radius:100%; }
.swiper-pagination-bullet{ width:10px !important; height:10px !important; box-sizing:border-box;   opacity:1!important;  }
.swiper-pagination-bullet-active{  opacity:1!important; width:10px!important;}



.video{width:90%; position:absolute; left:5%; background:#fff; top:0%; height:100%;}



	.swiper-pagination-bullet{ margin-right:0.2% !important; transition: width 0.3s ease-in-out;  }
	.swiper-pagination-bullet{ width:10px !important;height:10px !important; background:#fff; opacity:0.5!important;  margin-bottom:5%; }
	.swiper-pagination-bullet-active{  opacity:1!important;width:10px!important;height:10px !important; }
	

  



.page1boxdsc::-webkit-scrollbar {/*滚动条整体样式*/

        width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px;

    }

.page1boxdsc::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 3px; 
 
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #58a896;

    }

.page1boxdsc::-webkit-scrollbar-track {/*滚动条里面轨道*/

     

        border-radius: 1px;

        background: #c8cbca;

}



.more{  width:26%; height:10%; position:absolute; left:38%; bottom:-11%; }
.more a{ position:absolute; width:100%; height:41%; top:0;   left:0;text-align:center; color:#fff; border:solid 1px #fff;font-size:0.22rem;  display: flex;align-items: center; justify-content:center; }

.more2{ width:40%; height:10%; position:absolute; left:30%; bottom:-6%;}
.more2 a{  width:100%; height:34%;text-align:center; color:#000; font-size:0.22rem; border:solid 1px #000; display: flex;align-items: center; justify-content:center; }
.navbox{ width:98%; height:100%; margin:0 auto}
.navc{ width:25%; background:#21928f; float:left;  background:url(../img/btnof.png) no-repeat center; background-size:100% 100%;  height:100%;  color:#8b5a32; font-size:0.18rem;  display: flex;align-items: center; justify-content:center; padding-top:1%; font-family:"宋体"; font-weight:bolder; padding-left:4%; box-sizing:border-box}
.nvcurr{  background:url(../img/btnon.png) no-repeat center; background-size:100% 100%; color:#fff;  }


 .bgsf{ border:2px solid #fff;  width:100%; height:47.5%; padding:4px; box-sizing:border-box; position:absolute; opacity:0.5; z-index:1; left:0%; top:3%;  }
 .bgsf2{ background:rgba(255,255,255,0.5); width:100%; height:100%;  box-sizing:border-box;  }
 .picbox{ width:100%; height:74%;  box-sizing:border-box; position:absolute;  z-index:22; left:0%; top:3.5%;  }
  .picboxli{ position:absolute; left:0; top:0; width:100%; height:100%; display:none}
  .showimg{ width:100%; height:auto; border:2px solid #fff; padding:1.5%; box-sizing:border-box}
  
   .showimg{ width:100%; height:auto; box-sizing:border-box}

.boxsp{ position:absolute; left:0; top:0; width:100%; height:100%;z-index:9; }
.buy2{ position:absolute;    width:20%; height:9%; z-index:999; }
.buy{ position:absolute; left:40%; border:1px solid #F00; bottom:2%; width:20%; height:9%; z-index:999; }
.buy2 a,.buy a{  color:#000; font-size:0.22rem;  display: flex;align-items: center; justify-content:center; color:#F00; width:100%; height:100%;}

.box{ position:absolute; width:94%; left:3%; top:0%; height:100%; }

.pnav{ background:#fff; border-radius:8px 8px 0px 0px; overflow:hidden; width:100%; height:100% }
.pnavli{ width:50%; height:100%; display: flex;align-items: center; justify-content:center; color:#000; float:left; font-size:0.24rem;}
.currsw{ background:#0f637b;border-radius:8px 8px 0px 0px; color:#fff;}

.mubox1{ width:89%; height:100%; display: flex;align-items: center; justify-content:center; }
.muboxli{ height:130%;box-sizing:border-box; width:32.3%; background: url(../img/tbb1.png) no-repeat center; background-size:100% 100%; font-weight:bold;  font-size:0.18rem;display: flex;align-items: center; justify-content:center;color:#000; box-sizing: border-box;
    padding-right: 4%;}
.curr2{  background: url(../img/tbb2.png) no-repeat center;  color:#fff;background-size:100% 100%;}
.muboxli2{ height:130%;box-sizing:border-box; width:46%; background: url(../img/tb1.png) no-repeat center; background-size:100% 100%; font-weight:bold;  font-size:0.18rem;display: flex;align-items: center; justify-content:center;color:#000; box-sizing: border-box;
    padding-right: 4%;}
.curr3{  background: url(../img/tb2.png) no-repeat center;  color:#fff;background-size:100% 100%;}



.pprobox{width:100%; height:97%; background:#43b5cd; background:none; position:relative}
.probox{width:98%; margin:0 auto; margin-top:5%; position:relative; height:90%; }
.proboxq{ width:100%; height:100%; position:absolute; top:0; left:0; display:none}

.myli{ position:absolute; left:0; top:0; width:100%; height:100%; display:none}
.mylipro{ float:left; width:100%; height:18.5%; position:relative; margin-bottom:4%;}
.myliproL{ width:57%; float:left; position:relative; height:100%}
.myliproR{ width:40%; float:right; position:relative; height:100%}
.myliproLb{ width:100%; height:97%; border:2px solid #ccc; box-sizing:border-box}
.myliproLb2{ width:98%; height:94%; border:2px solid #ccc; box-sizing:border-box; position:absolute; z-index:2; top:2%; left:1%;}

.mylipro p{ width:100%; padding-top:2px; padding-bottom:2px; box-sizing:border-box; line-height:0.28rem;font-size:0.22rem;}
 .mylipro2 .myliproL{ float:right}
  .mylipro2 .myliproR{ float:left}
  
  
.imgs{ width:100%;  position:relative; }
.zhez{ position:absolute; width:100%; bottom:-12%}
.buyss{ width:90%; background: #a11919; padding:2px; box-sizing:border-box;  position:absolute; left:5%; bottom:3%; height:20%; display: flex;align-items: center; justify-content:center;}
.buyss a{ position:absolute; top:0; left:0; height:100%; width:100%;  font-size:0.22rem;display: flex;align-items: center; justify-content:center; color:#fff}
.proboxli{ position:absolute; width:100%; left:0; top:0%; height:100%; display:none }
.page5box2mli{  width:49%; position:relative; float:left;  height:100%;  box-sizing:border-box; background:#f8f8f8;}
.page5box2mli:nth-child(2n){ float:right;}

.page5box2mimg{ width:100%; height:57%; overflow:hidden}
.page5box2mtt{ position:absolute; width:92%;  left:4%; top:58%;}
.page5box2mtt p{ width:100%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
  line-clamp: 2;-webkit-box-orient: vertical; text-align:left; padding-top:2px; padding-bottom:1px; font-size:0.22rem;line-height: 0.28rem;}
.page5box2mttr{ position:absolute; width:94%; height:12%; right:0%; bottom:8%; z-index:9999}
.page5jiage2{ width:50%; height:100%; float:left;color:#ff8400; display: flex;align-items: center; justify-content:left; font-size:0.22rem;}
   .page5jiage2 label{ font-size:0.3rem; color:#ff8400; font-family:Helvetica; font-weight:bolder}

.page5box2mttr a{width:45%; height:100%; float:right; color:#fff; display: flex;align-items: center; justify-content:center; font-size:0.18rem; background:#ff7200; border-radius: 30px 0 0px 30px;  margin:0 auto }  
.mys3 .page5box2mttr a,.mys4 .page5box2mttr a,.mys2 .page5box2mttr a{ width:100%; margin:0 auto; border-radius:0px;}
.mse{ float:left; width:49%; position:relative;  height:30%; margin-bottom:2.2%; border-rdius:8px; overflow:hidden; box-sizing:border-box;}

.mse:nth-child(2n){ float:right;}
.mse a{ width:100%; height:100%; background:none}


.youbox{ width:100%; height:100%;}
.youboxli{ width:100%; height:41%; }
.youboxli:nth-child(2){ margin-top:9%;}
.youboxliL{ float:left; width:54%; height:100%; border-radius:8px;box-shadow: 2px 2px 5px #000;}
.youboxliR{ float:right; width:42%; height:100%; position:relative}
.toux{ width:1rem; height:1rem; margin-left:0px;  border-radius:100%; overflow:hidden; border:2px solid #fff; background:#ccc; }
.ptt{ width:100%; margin-top:0.2rem; clear:both;}

.ptt p{ width:100%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;
  line-clamp: 1;-webkit-box-orient: vertical; text-align:left; padding-top:2px; padding-bottom:1px; font-size:0.28rem;line-height: 0.36rem; font-weight:bold;color:#fff;}
.pdsc{ width:100%; margin-top:0.2rem; text-align:justify; font-size:0.2rem;line-height: 0.28rem;color:#fff;}
.youboxliR a{ position:absolute; padding:6px 0.3rem; border-radius:1rem; overflow:hidden; font-size:0.22rem; color:#fff; background:#47ccc9; left:4%; bottom:7%;  }

.tourli{ width:49%; height:23%; float:left; margin-bottom:2%; background:#fff; border-radius:0px; overflow:hidden}

.tourli a{ border-radius:0px;}

.tourli:nth-child(2n){ float:right}
.shou{ position:absolute; right:3%; bottom:9%; width:20%;animation: myp3 linear infinite 1s;}
@-webkit-keyframes myp3{       
		 
						0%{transform:scale(1);}
		 
				50%{transform:scale(0.8);}
		 
				100%{transform:scale(1);}
			}




.palce2{ animation: myp2 linear infinite 1s;}
@-webkit-keyframes myp2{       
		 
				0%{transform:scale(0.8);}
		 
				50%{transform:scale(1);}
		 
				100%{transform:scale(0.8);}
			}
@-webkit-keyframes mypl{       
		 
				0%{transform:scale(1);}
		 
				50%{transform:scale(1.2);}
		 
				100%{transform:scale(1);}
			}



.proboxli .bt2{ width:93%; height:auto;}
.bt2 p{ width:100%; padding-top:1px; padding-bottom:1px; box-sizing:border-box; line-height:0.24rem; font-size:0.12rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;
  line-clamp: 1;-webkit-box-orient: vertical; text-align:left; color:#6067f3; }



.projdlib .jiage,.projdlib .price2{ color:#000;}




.condh{ display:block; animation:changeright transform .5s ease-in-out;;}
@-webkit-keyframes cont{       
		 
				0%{transform:scale(0.5); opacity:1}
		 
				80%{transform:scale(1); opacity:1}
		 100%{transform:scale(1);opacity:0}
				
			}




@-webkit-keyframes changeright{       
		 
				0%{-webkit-transform:rotate(0deg);}
		 
				50%{-webkit-transform:rotate(180deg);}
		 
				100%{-webkit-transform:rotate(360deg);}
			}
			/*自定义动画类----逆时针旋转（使用这个动画的时候才设置动画执行时间）*/
			@-webkit-keyframes changeleft{
		 
				0%{-webkit-transform:rotate(0deg);}
		 
				50%{-webkit-transform:rotate(-180deg);}
		 
				100%{-webkit-transform:rotate(-360deg);}
			}



.shaky{transition: transform 0.6s ease-out;
    transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
   
    animation: turnOut_actSpTips linear infinite 4.8s;
    -webkit-animation: turnOut_actSpTips linear infinite 4.8s;}
@-webkit-keyframes turnOut_actSpTips{0%{transform: rotateY(0deg);}5%{transform: rotateY(-280deg);}10%{transform: rotateY(-540deg);}50%{transform: rotateY(-540deg);}55%{transform: rotateY(-260deg);}60%{transform: rotateY(-0deg);}100%{transform: rotateY(-0deg);}}
@keyframes turnOut_actSpTips{0%{transform: rotateY(0deg);}10%{transform: rotateY(-180deg);}50%{transform: rotateY(-180deg);}60%{transform: rotateY(-360deg);}100%{transform: rotateY(-360deg);}}