﻿@charset "utf-8";
/*width:1200+*/
@media only screen and (min-width: 1200px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:94%;}
.loarea .wp{ width: 96%;}
.nav{ display:none;}
.menubtn{ display:block;} 
.loarea{ height:50px;}
.logo{ width:140px; padding-top:12px; }
.logo .tp{ height:26px;}
.chooseLan{}
.inav{ display: block;}
.searchBtn{ margin: 10px 40px 0 0;}
.searchLay{ top: 85px;}
.hnSlideWrap{ margin: 20px 27px 0; }
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.banimg{ width:150%; max-width: 150%; margin-left: -25%;}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}
.bigimgw100 .tp{ width: 150%; max-width: 150%; margin-left: 25%;}
.h_tit2 .line{ height: 5px}
.f_t {display: block; }
.ftlItem{ width: 100%; text-align: center;}
.ftrItem{ margin: 20px auto 0; float: none;}

.floatpart{ display: none;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
body,input,textarea,select,button{ font-size: 0.22rem;}
body{ background-color:#fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.mt10{ margin-top: 0.10rem;}
.mt15{ margin-top: 0.15rem;}
.mt20{ margin-top: 0.20rem;}
.mt25{ margin-top: 0.25rem;}
.mt30{ margin-top: 0.30rem;}
.mt35{ margin-top: 0.35rem;}
.mt40{ margin-top: 0.40rem;}
.mt50{ margin-top: 0.50rem;}
.mt60{ margin-top: 0.60rem;}
.mt70{ margin-top: 0.70rem;}
.mt80{ margin-top: 0.80rem;}
.mt90{ margin-top: 0.9rem;}
.mt100{ margin-top: 1rem;}
.wel{ display: none;}
.topOpa{ width: 240px; margin: 0 auto; float: none; text-align: center; }
.banner .swiper-pagination{ bottom:0.2rem !important; text-align: center;}
.banner .swiper-pagination-bullet{  width: 0.4rem;font-size: 0.32rem; color:#fff; line-height: 0; height: 0.4rem; line-height: 0.4rem;margin:0 0.1rem !important;  }
.banner .swiper-pagination-bullet::after,.banner .swiper-pagination-bullet::before{ display: none;}
.banner .swiper-pagination-bullet-active{ font-size: 0.4rem !important;  }

.banWrap .sbbar{  bottom: 0.6rem; display: none; }
.sbbar .tp{ height: 0.36rem;}

.searchLay{  padding: 0.3rem 0;}
.search{  width: 94%; float: none; margin-left: 3%; }
.search .text{ padding: 0.15rem 0 0.15rem 0.3rem; font-size: 0.24rem; }
.search .tjBtn{ width: 0.8rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.44rem; line-height: 0.5rem;}
.h_tit{ padding: 0.4rem 0;}
.h_tit .tit{ font-size: 0.36rem;}
.h_tit .line{ height: 0.04rem;  font-size: 0.36rem; margin: 0.15rem auto 0;}
.h_ab{ padding: 0.2rem 0 1rem;}
.hIntro .nr{ font-size: 0.24rem;}
.hIntro .sbtn{ font-size: 0.24rem; padding: 0.08rem 0.4rem;}

.h_tit2{ padding: 0.4rem 0;}
.h_tit2 .tit{ font-size: 0.36rem; margin: 0 0.3rem;}
.h_tit2 .line{ height: 0.05rem;}
.h_pro{ padding: 0.2rem 0 0.5rem;}
.pageSbtn .sbtn{ font-size: 0.26rem; padding: 0.1rem 0.5rem;}
.hp_tit span{ font-size: 0.24rem; padding: 0.1rem .3rem;  margin: 0 0.02rem 0.04rem;}
.hpul{ padding-bottom: 0.04rem;}
.hpul li{ width: 50%;}
.hpul li:nth-child(2n){ border-right-color: transparent;}
.hpul li:nth-child(3n){ border-right: 1px;}
.hpItem a{ padding: 0.1rem; border: 0.04rem solid transparent;}
.hpItem .des{ padding: 0.15rem .3rem 0.09rem;  height:0.9rem ;}
.hpItem .des .tit{ font-size:0.24rem; }
.hpItem .des .opa{ font-size: 0.24rem; margin-top: 0.1rem;}
.hpItem .des .opa .price{ font-size: 0.24rem;}
.hpItem .des .opa .addcartBtn{ font-size:0.22rem; width: 0.3rem; height: 0.3rem; line-height: 0.3rem;}

.h_exp{ margin-top: 0.2rem;}
.h_exp .bg{ width: 100%; height: 4.3rem; opacity: .6;}
.hexp::after{  height: 100%; }
.hexp .intro{ width: 100%; padding: 0.4rem 0;}
.h_tit3 .tit{  font-size: 0.6rem;}
.h_tit3 .tit .span{ font-size: 0.55rem;}
.h_tit3 .subtit{ font-size: 0.36rem; margin-top: 0.1rem;}
.hexp .intro .nr{ height: 75.6px; margin-top: 0.3rem;}
.hexp .intro .mandiv{ margin-top: 0.2rem;}
.hexp .intro .mandiv .sbtn{ font-size: .24rem;}
.hexpul li{ width: 50%; margin:0 0% 0.3rem 0 ;}
.hexpItem .tparea .shade .playerBtn{  font-size: 0.6rem;  }
.hexpItem .des{ padding: 0.15rem 0px; }
.hexpItem .des .tit{ font-size: .24rem;}

.h_new{ padding: 0.2rem 0 0.6rem;}
.hnItem a{padding: 0px 0.16rem 0.16rem;}
.hnItem .des{ padding: 0.16rem 0; }
.hnItem .des .tit{ font-size: 0.24rem; }
.hnItem .des .time{ font-size: 0.2rem; }
.hnItem .des .nr{ font-size: 0.2rem; height:;  margin-top: 0.15rem;}
.hnSlide { padding-bottom: 0.7rem !important;}
.hnSlide .swiper-pagination-bullet{ width:0.4rem; height:2px;  margin:0 .15rem !important; }
.hnSlideWrap{ margin: 0.2rem 0.27rem 0;}
.hnSlideWrap .swiper-button-prev{ left:-0.27rem;}
.hnSlideWrap .swiper-button-next{ right:-0.27rem;} 
.hnSlideWrap .swiper-button-prev,.hnSlideWrap .swiper-button-next{width:0.54rem; height:0.54rem; line-height: 0.54rem; margin-top:-0.25rem;}
.hnSlideWrap .swiper-button-prev .iconfont,.hnSlideWrap .swiper-button-next .iconfont{ font-size: 0.36rem;}

.h_con .des{ max-width: 100%; box-sizing: border-box; position: relative; float: none; top: 0; margin: 0 auto; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.h_con .tparea{ float: none; width: 100%; margin: 20px auto 0;}
.f_t{padding:0.3rem 0x;}
.ftrItem{ width: 4.4rem;}

.flink{  margin-left:-0.3rem;}
.flink a{ margin:0 0.1rem;font-size: 0.24rem;}

.frilink{margin-top: 0.2rem;}
.frilink a{ margin-right: 0.2rem;  }
.femail{ margin-top: 0.2rem;}
.femail .mc{ margin-right: 0.15rem;}
.femail .email{ font-size: 0.24rem;}
.femail .email::before{ margin-right: 0.1rem; font-size: 0.3rem; }

.ftel_fshare{ width:3rem;}
.ftel h4{ font-size:0.22rem;}
.ftel h4::before{ font-size: 0.3rem; margin-right: 0.1rem; }
.ftel p{ font-size:0.36rem; }
.fshare{ margin-top: 0.15rem; font-size: 0;}
.fshare a{  margin-right: 0.2rem; width: 0.6rem ; height: 0.6rem;line-height: 0.6rem; font-size: 0.34rem; }

.fcode{ width:1.2rem;}
.fcode img{ width:1.2rem; height:1.2rem; }
.fcode p{  margin-top:0.05rem;}

.f_b{padding:0.2rem 0;}


}
/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){
	.comHonWrap{ margin: 0 54px;}
	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	
}
/** width:960px **/
@media only screen and (max-width: 1023px){
.i_main{ min-height: 0;}
.i_ban .tp{ width: 150%; max-width: 150%; margin-left: -25%;}
.banIntro .lmmc{ font-size: 30px;}

.profile .wp{ flex-wrap: wrap; flex-direction: column-reverse; }
.profile .tparea{ width: 564px; margin: 40px auto 0; max-width: 90%; padding-bottom: 18px; background-color: #187740; position: relative;}
.profile .tparea .tp{ position: relative; margin: -18px 0 0 -18px;}
.profile .des{ flex: 1; margin-top: 40px;}

.pdt{ display: block; }
.pdtSlideWrap{width: 800px; max-width: 100%; float: none; margin: 0px auto;}
.pdtIntro{ margin-top: 30px; }
.gallery-top {height: auto;width: 100%;float: none;}
.gallery-thumbs {height: 80px;width: 100%;float: none;margin: 15px 0% 0 !important;}
.pdtSlideWrap .swiper-button-prev {left: 0%;}
.pdtSlideWrap .swiper-button-next {left: auto;right: 0%;}
.pdtSlideWrap .swiper-button-prev,.pdtSlideWrap .swiper-button-next {width: 50px;bottom: 0%;top: 44% !important;margin-top: -25px;height: 50px;line-height: 50px;}
.pdtSlideWrap .swiper-button-prev .iconfont,
.pdtSlideWrap .swiper-button-next .iconfont {font-size: 30px;}
.pshare{ position: static; margin-top: 10px;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){
/* 翻页 */
.turnpage a,.turnpage .span{ display: none;}
.turnpage .point{ display:inline-block;font-size:0.3rem; padding:0.1rem 0.3rem;margin:0 0.1rem; }
.resultul li{ width: 50%;}
.resultul li:nth-child(4n){ border-right-color:transparent;}
.resultul li:nth-child(2n){ border-right-color:transparent;}

.location .wp{ padding: 0.15rem 0.2rem;font-size: 0.24rem; }
.location a{ font-size: 0.24rem;}
.location .home::before{ margin-right: 0.1rem; font-size: 0.3rem;}
.location i{ margin:0 0.1rem; }

.i_tit{  padding: 0.3rem 0; font-size: 0.32rem; }
.exp{ padding: 0.3rem 0 0.45rem;}
.expul{ padding-bottom: 0.3rem;}
.expul li{ width:48.5%; margin: 0 3% 0.3rem 0; }
.expul li:nth-child(3n){ margin-right: 3%;}
.expul li:nth-child(2n){ margin-right: 0%;}

.new{ padding: 0.3rem 0 0.45rem;}
.newul{ padding-bottom: 0.3rem;}
.newul li{ width: 50%;  margin: 0 0% 0.3rem 0; }
.newItem .des{ padding: 0.15rem; }
.newItem .des .tit{ font-size: 0.24rem;}
.newItem .des .nr{ font-size: 0.2rem;height: 0.64rem; margin-top: 0.15rem;}
.newItem .des .time_arr{ margin-top: 0.25rem;}
.newItem .des .time_arr .arr{  font-size: 0.32rem; }

.newdel{ padding: 0.3rem 0;}
.artHeader{ padding: 0.3rem 0;;}
.artHeader .tit{ font-size: 0.4rem;}
.artHeader .pub{ margin-top: 0.2rem; }
.artHeader .pub span{ margin: 0 0.15rem;}
.artBody{ padding: 0.4rem 0 0.5rem;;}
.backList_pnpage{ padding: 0.3rem 0; display: block; }
.backList{ padding: 0.06rem 0rem; width: 1.4rem; margin: 0.3rem auto 0; display: block;}
.backList .val{ font-size: 0.22rem;}
.pnpage{ width: 100%;}
.pnpage .list{ padding: 0.06rem 0;  }

.cont .item{ padding: 0.4rem 0;}
.cont .item .list{ padding: 0.3rem 0 0.3rem 1rem; }
.cont .item .list::before{  top: 0.45rem;  font-size: 0.45rem;}
.cont .item .tit{ font-size: 0.4rem;}
.cont .item .nr{ font-size: 0.3rem; margin-top: 0.2rem;}
.cont .item .nr .p2{ margin-top: 0.2rem;}

.hpItem .tparea .shade .addBtn{font-size: 0.5rem; }
.lm{ font-size: 0.3rem; padding: 0.2rem 0;}
.lm .cutline{ margin: 0 0.2rem;}
.lm2{ padding: 0.4rem 0 0.3rem;}
.lm2 a{ font-size: 0.24rem; padding: 0.03rem 0.3rem; margin: 0 0.15rem;}

.prolist{ padding-top: 0;}
.i_tit2{ padding: 0.3rem 0;}
.i_tit2 .tit{ font-size: 0.4rem;}
.i_tit2 .line{ font-size: 0.4rem; margin: 0.15rem 0   0;}
.i_tit_tc .line{  margin:  0.15rem auto  0;}
.profile{ padding: 0.7rem 0;}
.profile .tparea{ padding-bottom: 0.2rem; }
.profile .tparea .tp{ margin: -0.2rem 0 0 -0.2rem;}
.comHonWrap{ margin: 0 0.54rem;}
.comDis{ padding: 0.2rem 0 0.6rem;}
.comDisItem .des{ padding: 0.12rem 0.2rem;  }
.comDisWrap{ margin: 0.2rem 0.6rem 0; }
.comDisWrap .swiper-button-prev{ left:-0.6rem;}
.comDisWrap .swiper-button-next{ right:-0.6rem;} 
 .comDisWrap .swiper-button-prev,.comDisWrap .swiper-button-next{ width:0.5rem; height:0.5rem;line-height: 0.5rem; margin-top:-0.25rem;  }
.comDisWrap .swiper-button-prev .iconfont,.comDisWrap .swiper-button-next .iconfont{ font-size: 0.3rem;}

.comHon{ padding: 0.2rem 0 0.5rem;}
.comHonWrap{ margin: 0.3rem 0.6rem	 0;}
.comHonWrap .swiper-button-prev{ left:-0.56rem;}
.comHonWrap .swiper-button-next{ right:-0.56rem;} 
 .comHonWrap .swiper-button-prev,.comHonWrap .swiper-button-next{width:0.56rem; height:0.56rem; line-height: 0.56rem; margin-top:-0.28rem; }
.comHonWrap .swiper-button-prev .iconfont,.comHonWrap .swiper-button-next .iconfont{ font-size: 0.3rem; }

.pdel{ padding: 0 0 1rem;}
.pdb .item{ padding:0.3rem 0;}
.p_tit{ padding: 0.3rem 0;}
.p_tit .mc{ font-size: 0.36rem; padding: 0 0.3rem; }


.pdtIntro{ margin-top: 0.3rem; }
.gallery-top { height: 5rem;}
.gallery-thumbs {height: 1rem;margin: 0.2rem 0% 0 !important;}
.pdtSlideWrap .swiper-button-prev,.pdtSlideWrap .swiper-button-next {width: 0.5rem;top: 38% !important;margin-top: -0.25rem;height: 0.5rem;line-height: 0.5rem;}
.pdtSlideWrap .swiper-button-prev .iconfont,
.pdtSlideWrap .swiper-button-next .iconfont {font-size: 0.3rem;}
.pshare{ position: static; margin-top: 0.15rem;}

.pshare a{ margin-left: 0.15rem; width:0.4rem ; font-size: 0.2rem; height:0.4rem; line-height: 0.4rem; }
.pdtIntro .tit{ font-size: 0.36rem; }
.pdtIntro .fee{ padding: 0.15rem 0.3rem; margin-top: 0.2rem; }
.pdtIntro .fee .price{ font-size: 0.48rem; }
.pdtIntro .fee .unit{ margin-left:0.4rem;}
.pdtIntro .para{ margin-top: 0.3rem;}
.pdtIntro .para .list{  width: 98%; font-size: 0.24rem; padding: 0.1rem 0;}
.pdtIntro .pOpa{ margin-top: 0.3rem;}
.pdtIntro .pOpa .sbtn{ width: 31%; font-size: 0.24rem;}
.pdtIntro .pOpa .sbtn:nth-last-child(1){ width: 35%;}
.pdtIntro .pOpa .sbtn::before{ font-size: 0.28rem; margin-right: 0.05rem;}
.quantity .num em{width: 0.6rem;height: 0.4rem;line-height: 0.4rem;font-size: 0.22rem;}
.quantity .num .text {width: 2rem;height: 0.4rem;line-height: 0.4rem;font-size: 0.22rem;}
.quantity .totalNum{ margin-left: 0.2rem; font-size: 0.22rem;}
.quantity .mc2{ margin-left: 0.48rem;}
.fillNeedsMain .i_tit{ padding: 0.2rem 0;}
.fillNeedsForm{ width: 90%; margin-top: 0.3rem; }
.fillNeedsForm .item{ margin-bottom: 0.2rem;}
.fillNeedsForm .item .attrmc{ width:1.4rem; font-size: 0.2rem; line-height: 0.6rem; margin-right: 10px;}
.fillNeedsForm .text{ width: 80%; padding-left: 0.2rem;  height: 0.6rem; line-height: 0.6rem; font-size: 0.22rem; }
.required{  margin: 0.08rem 0 0 0.08rem;}
.fillNeedsForm .textarea{  padding:0.15rem 0.2rem;  height: 1.2rem;  font-size: 0.22rem; }
.fillNeedsForm .select{   height: 0.6rem; line-height: 0.6rem; font-size: 0.22rem; }
.fillNeedsForm .msg{ margin-top: 0.15rem;}
.formSubmit{ padding-top: 0.15rem;}
.formSubmit .sbtn{ padding: 0.08rem 44px; font-size: 0.22rem;}
.closePup{  top: -0.5rem;  width: 0.36rem; height: 0.36rem; line-height: 0.36rem; 
    ; font-size: 0.3rem; }

.y_tit{ font-size: 0.26rem; padding: 0.15rem 0.3rem;  }
.youlike{ padding: 0.6rem 0;}
.youlike .resultul{ margin-top: 0.15rem;}
.c_tit{ font-size: 0.246rem; padding: 0.15rem 0.4rem;}
.ordertit .col{ display: none;}
.ordertit .col01{ width: 0.6rem; display: block;}
.orderlist li{ flex-wrap: wrap; align-items: flex-start;}
.orderlist .col{ display: block; box-sizing: border-box;}
.orderlist .col>.mc{ display:inline-block; text-align: center; color: #333;}
.orderlist .col .price, .orderlist .col .total, .orderlist .col .opa{ padding-top: 0;}
.orderlist .num{ margin-top: 0;}
.orderlist .col01{ width:0.6rem; position: absolute; left:0rem; top:0;}
.orderlist .col02{ width:6.4rem; }
.orderlist .tp{ text-align:center; display:block;}
.orderlist .tp img{ border:1px solid #ddd; width:80%; height:auto;}
	.orderlist .col03,.orderlist .col04,.orderlist .col05,.orderlist .col06{padding: .05rem 0.1rem !important; text-align:left; box-sizeing:border-box; float:left; }
	.orderlist .col .price, .orderlist .col .total, .orderlist .col .opa{ text-align: left;}
.orderlist .col03{width:50%;}
.orderlist .col04{ width:50%;}
.orderlist .col05{width:50%;}
.orderlist .col06{ width:50%;}
.orderlist .col07{ width:auto; position:absolute; right:0; top:0;}


.orderlist li{ margin-bottom: 0.2rem; padding:0 0 0.2rem 0.6rem; overflow: hidden; display: block; position:relative;}
.orderlist .col{padding:.15rem 0.1rem; font-size:0.22rem;  }
.orderlist em.mc{ display:inline-block; text-align: center;}
.cartItem .tparea{ width:1.6rem; margin-right: 0.3rem;}
.cartItem .des .tit{ font-size: 0.2rem; }
.cartItem .des .info{ font-size: 0.22rem; margin-top: 0.05rem; }

.orderlist .num{ width: 2rem; margin:0rem auto 0; height: 0.35rem;  line-height:0.35rem; display: inline-block;vertical-align: middle;}
.orderlist .num .text{ width:0.8rem; height:0.3rem; line-height:0.3rem;}
.orderlist .num em{ width: 0.3rem; height: 0.3rem; box-sizing: border-box; line-height: 0.3rem; display: inline-block;}

.slopa{ padding:0.1rem 0.2rem; }
.slopa .delAll{ font-size: 0.24rem;}
.slopa .delAll input{ margin-right: 0.1rem;}
.slopa .delAll .val{ margin-right: 0.2rem; }
.slopa .span{ margin-left: 0.2rem; font-size: 0.24rem;}
.cart .pOpa{ margin: .4rem auto 0; }
.cart .pOpa .sbtn{ width: 32%; font-size: 0.26rem; }
.cart .pOpa .sbtn::before{ font-size: 0.3rem; margin:0 0.1rem;}



}
/*******************************************************************/


