@charset "utf-8";

/*width:1200+*/

@media only screen and (max-width: 1366px){



.banIntro .tit{ font-size: 30px; }

.banIntro .subtit{  margin-top: 15px;}

.banIntro .line{ width: 50px; height: 6px;}

.banIntro .mandiv{ margin-top: 30px;}

.banIntro .mandiv .sbtn{font-size: 14px;}

	}

/** max-width:1200 **/

@media only screen and (max-width: 1199px){

.wp{ width:94%;}

.headerHeight{ height: 50px;}

.loarea .wp{ width: 96%;}

.nav{ display:none;}

.menubtn{ display:block;} 

.loarea{ height:50px;}

.logo{ width:180px; height: 50px;}

.logo .tp{ height:32px;}

.chooseLan{margin: 10px 40px 0 0px;}

.inav{ display: block;}

}

/** 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%;}



}

/** 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;}

.mt45{ margin-top: 0.45rem;}

.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;}



.banIntro .tit{ font-size: .36rem;  }

.banIntro .subtit{ margin-top: .2rem; display: none;}

.banIntro .line{ width: .5rem; height: .1rem;  margin-top: .1rem; display: none;}

.banIntro .mandiv{ margin-top: .2rem;}

.banIntro .mandiv .sbtn{font-size: .22rem; }



.banner .swiper-pagination{ bottom:0.1rem !important;}

.banner .swiper-pagination-bullet{width:0.15rem;height:0.15rem; margin:0 0.05rem !important;}





.h_solu{ padding: .5rem 0 .6rem;}

.h_solu .wp{box-shadow: 0 .07rem .3rem 0 rgba(0, 0, 0, .2); padding: .4rem; }

.h_solu .wp .title{ font-size: .36rem; }

.h_solu .wrap{ margin-top: .5rem; }

.hsoluItem{ width: 30%;}

.hsoluItem .count{ font-size: .4rem;}

.hsoluItem .name{ font-size: .24rem; margin-top: .12rem;}



.h_tit{ padding: .6rem 0; }

.h_tit .tit{ font-size: .44rem;}

.h_tit .line{ width: .82rem; height: .08rem; margin: .18rem auto 0;}

.h_buss{ padding-bottom: .3rem;}

.hbussItem{ margin-bottom: .4rem; text-align: center;  box-shadow: 0 .07rem .2rem 0 rgba(0, 0, 0, .1); min-height: 0rem; padding: .3rem; width: 100%; margin: 0 0% 2.6% 0;  }

.hbussItem .tparea{ width: .8rem; height: .8rem;  }

.hbussItem .tparea .tp{ width: .5rem;}

.hbussItem .des{ margin-top: .24rem;}

.hbussItem .des .tit{ font-size: .28rem}

.hbussItem .des .nr{ font-size: .24rem; margin-top: .16rem;}



.h_advan{padding-bottom: .4rem;}

.hadvanItem{ width: 100%; margin:  0 0% 3%;}

.hadvanItem:nth-child(1){ margin-left:0%;}

.hadvanItem:nth-child(2){ margin-right:0%;}

.hadvanItem .des{ padding: .16rem .28rem .28rem;}

.hadvanItem .des .tit{ font-size: .3rem;}

.hadvanItem .des .nr{ margin-top: .16rem; font-size: .26rem; }


.h_price .wp{ flex-wrap: wrap;}
.h_price .intro{ width: 100%; padding: .4rem 0; text-align: center;}
.h_price .intro .tit{ font-size: .4rem;}
.h_price .intro .desc{ margin-top: .16rem; font-size: .24rem;}
.h_price .intro .pSearch{ margin: .3rem auto 0; padding: .15rem .15rem .15rem .3rem;  width: 80%;}
.h_price .intro .pSearch .text{ height: .4rem; line-height: .4rem; }
.h_price .intro .pSearch .tj{ width: .4rem; font-size: .28rem; line-height: .4rem; margin-left: .2rem;}
.h_price .tparea{ width: 100%; text-align: center; }
.h_price .tparea .tp{ width: 60%;}

.h_case{ padding-bottom: .2rem 0;}

.hcasePart a{ padding: .4rem 0;}

.hcasePart .tparea1{ width: 100%;}

.hcasePart .tparea2{ width: 100%; text-align: center; margin-top: 0.3rem;}

.hcasePart .tparea1 .tp{ width: 100%; aspect-ratio: 756/426;}

.hcasePart .tparea2 .tp{ width: auto; max-width: 60%; }



.h_exb{  padding: .1rem 0 .5rem;}

.hexbItem a{ padding: .15rem; height: .5rem; }



.footer{ padding-top: .15rem;}

.footer .h_tit{ padding: .5rem 0;}

.f_t{  padding-bottom: .4rem;}

.faddPart{ margin-bottom: .3rem;}

.faddPart:nth-child(1){ width: 100%;}

.faddPart:nth-child(2){ width: 100%; padding: 0 0%; margin: 0 0% 0.3rem; border: none; }

.fcodePart{ width: 100%;}

.faddPart .tit{ font-size: .28rem;}

.faddPart .nr{ margin-top: .2rem;}

.faddPart .nr .list{  padding:.08rem 0 .08rem .34rem;}

.faddPart .nr .list .iconfont{  top:.06rem; font-size: .26rem;}

.fcodePart .tp{ width: 1.8rem;}

.fcodePart .tit{ font-size: .24rem; margin-top: .08rem;}

.copyright{ padding: .26rem 0;}



}

/*********************************首页结束**********************************/



/*******************************************************************/

/*width:1200+*/

@media only screen and (min-width: 1200px){}

/** max-width:1200 **/

@media only screen and (max-width: 1365px){



	}

/** 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: 160%; max-width: 160%; margin-left: -30%;}

.ibanIntro .lmmc{ font-size: 18px; }

}

/** 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; padding:0.1rem 0.3rem;margin:0 0.1rem; }

.turnpage .point .iconfont{ font-size:0.26rem;}



.i_tit{ font-size: .38rem;  padding: .5rem 0;}

.buss{ margin-top: -0.5rem;}

.bussItem{ padding: .7rem 0;}

.bussItem .tparea{ width: 100%;  }

.bussItem .des{ width: 100%; padding: .3rem 4%;}

.bussItem .des .tit{font-size: .36rem; }

.bussItem .des .line{  margin-top: .24rem; }

.bussItem .des .nr{ font-size: .24rem; margin-top:.15rem;}

.lm .wp{ display: flex; flex-wrap: wrap;}

.lm a{ margin: 0 2% .2rem 0; box-sizing: border-box; width: 23.5%; padding: 0.4em 0.2em; font-size: .26rem;}

.lm a:nth-child(4n){ margin-right: 0;}

.advan .tparea{ width: 100%; }

.advan .intro{ width: 100%; padding: .3rem 0;}

.advan .intro .title{ font-size: .38rem; }

.advan .intro .nr{ margin-top: .3rem;}

.advan .intro .nr .wz{font-size: .24rem; }



.about{ padding-bottom: .6rem;}

.about .wz{ font-size: .26rem; }





.contact{ margin-bottom: .5rem;}

.contact.wp{ padding: .3rem; flex-wrap: wrap;}

.cont_part:nth-child(1){ width: 100%;}

.cont_part:nth-child(2){ width: 100%; margin-top: 0.3rem;}

.con_tit{ font-size: .28rem; margin-bottom: .25rem;}

.contAddress{ flex-wrap: wrap;}

.contAddress .box{ width: 100%; padding: .3rem; margin-bottom: 0.2rem; }

.contAddress .box .tit{ font-size: .3rem;}

.contAddress .box .nr{ margin-top: .15rem;}

.contAddress .box .nr .list{  padding:.08rem 0 .08rem .34rem;}

.contAddress .box .nr .list .iconfont{top:.06rem; font-size: .26rem;}

.map{  height: 3.1rem;  margin-top: .16rem;}

.messForm .item{ margin-bottom: .16rem; }

.messForm .item .attrmc{ font-size: .24rem; padding: .08rem 0; }

.messForm .text{ padding-left: .16rem; height: .6rem; line-height: .6rem; font-size: .22rem; }

.messForm .textarea{padding:.15rem .16rem .1rem ;height: 1.4rem;  font-size: .22rem; }

.messForm .mandiv{ padding-top: .6rem; }

.messForm .mandiv .sbtn{  font-size: .24rem;  }





.quote{ padding-bottom: 1rem;}

.quoteTit { padding: 0 3%; justify-content: space-between;}

.quoteTit .list{font-size: .26rem; width:48%;  }

.quoteContent{ margin: 35px auto 0; }

.quoteBox{   padding: .3rem 0.3rem .4rem;}

.quote_tit{ font-size: .3rem;}

.quoteForm{ margin-top: .5rem;}

.quoteItem{ margin-bottom: .3rem; }

.quoteItem .attrmc{ font-size: .24rem; padding: .08rem .2rem; width: 2rem;  }

.quoteItem .text,.quoteItem .select{ padding-left: .28rem; height: .7rem; line-height: .7rem; font-size: .22rem; }

.quoteForm .formConfirm{ padding-top: .08rem; }

.quoteForm .formConfirm .sbtn{ font-size: .24rem; }

.totalprice{ margin-top: .2rem; padding: .3rem;}

.totalprice .price{ font-size: .3rem; margin-left: .3rem;}

















}

/*******************************************************************/