﻿@charset "utf-8";
/*width:1200+*/
@media only screen and (min-width: 1200px){

	}
@media only screen and (max-width: 1439px){
.hp_tit span{   padding: 4px 20px; font-size: 14px; }
}
@media only screen and (max-width: 1365px){
.wp{ width:1200px; max-width: 96%;}
.loarea{ min-width:96%;}
.navul li>a{ padding:0 25px;}
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:96%;}
.siteUrl{ display: none;}
.nav{ display:none;}
.menubtn{ display:block;} 
.loarea{ height:50px;}
.logo{ width:140px; padding-top:9px; }
.logo .tp{ height:32px;}
.logo .val{ display: none;}
.tel{ display:none;}
.mtel{ display:block;}
.haul .tparea{ width: 100px;}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {

.banimg{ width:150%; max-width: 150%; margin-left: -25%;}
.banDes .tit{ font-size: 30px;}
.banDes .nr{ font-size: 15px; margin-top: 20px; }

.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}
.haTab{ display: block;}
.ha_tit,.ha_con{ width: 100%;}

.hstatusul li{ display: block; margin-bottom: 20px;}
.hstatusul .tparea{ width: 100%;}
.hstatusul .des{ padding:  10px 0px; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1;}

.h_ab .tparea{ width:100%;}
.h_ab .des{ width: 94%;  padding:  20px 3% ; position: static; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.hnItem:nth-child(-n+2){ margin-right: 0%;}
.hnItem{ width: 100%; float: none;}

.f_t{ display: block;padding:30px 0;}
.flogo,.flink,.fsitemap,.frilink,.fattention{ width: 100%; float: none; display: none;text-align: center; }
.flogo{ }
.flogo,.fsitemap,.fattention{ display: block; padding: 10px 0; }
.fsitemap .nr a{ width: auto; padding: 6px 10px; margin: 0;}
.fItem .nr{ margin-top: 10px;}

.newulT li a{ display: block;}
.newulT .tparea{ width: 100%;}
.newulT .des{ padding:  20px 34px;}

.n_l,.n_r{ width: 100%;}
.n_l{ margin-top: 20px; 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;}

.banDes .tit{ font-size: 0.34rem;}
.banDes .nr{ font-size: 0.2rem; margin-top: 0.2rem; }
.banner .swiper-pagination{ bottom:0.1rem !important; }
.banner .swiper-pagination-bullet{width:0.4rem; margin:0 0.05rem !important;padding-bottom: 0.1rem; font-size: 0.2rem;}

.sbtn{ font-size: 0.242rem;}

.h_tit{ padding: 0.4rem 0; -o-background-size: 200% 1px; background-size: 200% 1px;}
.h_tit .tit{ font-size: 0.36rem;}
.h_tit .tip{ font-size: 0.2rem;}
.h_pro{ padding-bottom: 0.4rem;}
.h_pro .mandiv{ margin-top: 0.4rem;}
.h_pro .mandiv .sbtn{ padding: 0.1rem 0.6rem; font-size: 0.24rem;}
.hp_tit{ padding: 0.2rem 0;}
.hp_tit span{margin: 0 0.05rem 0.1rem; font-size: 0.2rem; padding: 0.05rem 0.2rem;  }

.hpwrapA,.hpwrapB{ width: 100%; overflow: hidden;}
.hpwrapB{ width: 100%;}
.hpwrapAul{ margin-right: -0.7%;}
.hpwrapAul li a{ height: 2.5rem;}
.hpwrapB .hpItem a{ height: 5rem;}
.hpItem a .shade{ height: 3.2rem; }
.hpItem a .shade .tit{ padding:0.2rem 0.6rem 0.2rem 0.15rem; } 
.hpItem a .shade .tit .arr{right: 0.2rem;  width:0.5rem; height: 0.1rem;}
.hpwrapCul li{ width: 49.2%;}
.hpwrapCul li a{ height: 2.5rem;}

.h_tit2{ padding: 0.4rem 0;}
.h_tit2 .tit{font-size: 0.36rem;}
.h_tit2 .tip{  font-size: 0.22rem; margin-top: 0.1rem; }

.haul li{  padding: 0.25rem 0; height:auto; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.haul .tparea{ width: 1.5rem; height: 1rem;}
.haul .tparea .icon{ width: 0.6rem; height: 0.6rem;  padding-top: 0.2rem;}
.haul .des{  padding: 0 0.3rem;}
.haul .des .tit{ font-size: 0.26rem;}
.haul .des .nr{margin-top: 0.1rem; font-size: 0.22rem ;  height:auto; }
.habox{ height: 5rem;}
.h_status{ padding: 0.3rem 0;}
.hstatusul li{ margin-bottom: 0.2rem;}
.hstatusul .des{ padding:  0.2rem 0;}
.hstatusul .des .tit{ font-size: 0.3rem; padding-bottom: 0.15rem;}
.hstatusul .des .nr{ margin-top: 0.2rem; max-height: 1.32rem; }
.hstatusul .des .mandiv{ margin-top: 0.2rem;}
.hstatusul .des .mandiv .sbtn{ padding: 0.05rem 0.3rem; font-size: 0.22rem;}

.h_ab{ padding: 0.3rem 0 0.6rem;}
.h_ab .des{padding:  0.3rem 3% ;  }
.h_ab .des .tit{ font-size: 30px; padding-bottom: 0.2rem;}
.h_ab .des .tit::after{  height: 2px; }
.h_ab .des .nr{ margin-top: 0.2rem;max-height:1.68rem ; }
.h_ab .des .mandiv{ margin-top: 0.2rem;}
.h_ab .des .mandiv .sbtn{ padding: 0.1rem 0.8rem; font-size: 0.22rem;}

.h_case{ padding: 0.4rem 0 0.8rem;}
.hcTab{ display: block;}
.hc_tit{ width: 100%; margin-right: 0px; font-size: 0; background-color: #EAEAEA;}
.hc_tit span{ font-size: 0.22rem; display: inline-block; padding: 0.1rem 0; width: 33.33%; border:1px solid #fff; border-width: 0 1px 1px 0; -moz-box-sizing: border-box; box-sizing: border-box; }

.hcGallerySlide .swiper-slide{ height: 4.68rem;}
.hcThumbSlide .swiper-slide{ height: 1.17rem; }
.hcThumbSlide .swiper-slide .shade{ font-size: 0.2rem;  }
.hcbox .swiper-button-prev,.hcbox .swiper-button-next{width:0.4rem;  height:0.4rem; line-height: 0.4rem; bottom: 0.32rem;}
.hcbox .swiper-button-prev .iconfont,.hcbox .swiper-button-next .iconfont{ font-size: 0.34rem;}

.h_flow{ padding-bottom: 0.5rem;}
.hflowul { padding-bottom: 0.3rem;}
.hflowul li{ width: 33.33%; margin-bottom: 0.2rem; }
.hflowul li .box{  width: 1.17rem; height: 1.31rem;}
.hflowul li .num{ font-size: 0.24rem; line-height: 0.4rem;}
.hflowul li .nr{ width: 0.9rem; font-size: 0.2rem; margin:0.05rem auto 0; height:0.576rem;}
.h_flow .mandiv{  padding: 0.1rem 0.8rem; font-size: 0.22rem;}
.h_new{ padding: 0.4rem 0;}
.hnItem{ margin-bottom: 0.3rem; }
.hn_tit .tit{ padding: 0.16rem 0.2rem;}
.hn_tit .tit .mc{ font-size: 0.26rem;}
.hn_tit .tit .morea{ font-size: 0.24rem;}
.morea{ font-size: 0.24rem;}
.hnul{ padding-bottom: 0.2rem;}
.hnul li{ padding: 0 0.2rem;}
.hnul li a{ padding: 0.15rem 1.2rem 0.15rem 0.2rem;}
.hnul li a .time{  top: 0.15rem;}
.hnul li a::after{ width: 0.08rem; height: 0.08rem; top: 0.3rem; left: 0.03rem;  }

.flogo,.fsitemap,.fattention{  padding: 0.15rem 0; }
.f_t{  padding:0.3rem 0;}

.flogo .tp{ max-width: 30%;}
.f_tit{ font-size: 0.28rem;}
.fItem .nr{ margin-top: 0.1rem;}
.fsitemap a{  padding: 0.05rem 0.15rem; font-size: 0.24rem;}
.fattention .code{ width: 1.5rem;}
.f_b{ padding: 0.15rem 0;}




}
/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1439px){
	.honSlideWrap{ padding-bottom: 60px;}
	.honSlideWrap .swiper-button-prev,.honSlideWrap .swiper-button-next{bottom: 0; top: auto ; margin-top: 0;}
	.honSlideWrap .swiper-button-prev{ left:50%; margin-left: -50px; }
	.honSlideWrap .swiper-button-next{ right:50%; margin-right: -50px; } 
	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	.pSlide{ width: 48%;}
	.pIntro{ width: 48%; }
}
/** 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 .tit{ font-size: 35px;}
.banIntro .subtit{ font-size: 20px;}

.showroomul li a{ display: block;}
.showroomul .des{ width: 100%; margin: 30px 0 0 !important; }
.showroomul li:nth-child(odd){ text-align: left;}
.cont{ display: block;}
.cont .tparea{  width: 100%; }
.cont .des{ padding: 40px;}

.mess .wp{ display: block; }
.mess .tparea{  width: 100%; display: none; }
.messForm{ width: 100%; padding: 40px 0; }

.advanul{ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.advanul li{ width: 50%; }

.pSlide,.pIntro{ width: 100%;}
.pIntro{  margin-top: 20px; }

.floatpart{ display: none;}






}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){
.turnpage a,.turnpage span,.turnpage .selNum{ display: none;}
.turnpage .point{ display:inline-block; padding:0.1rem 0.3rem;margin:0 0.1rem; font-size: 0.24rem; }

.banIntro .tit{ font-size: 0.4rem;}
.banIntro .subtit{ font-size: 0.25rem;}

.location .wp{padding: 0.15rem 0; font-size: 0.22rem;}
.location .home{ font-size: 0.22rem;}
.location .home::before{ margin-right: 0.1rem; font-size: 0.24rem;}
.location i{ margin:0 0.08rem;color:#666; }

.new{padding-bottom:0.5rem;}
.newul{ padding-bottom:0.4rem;}
.newul li{ padding:0.35rem 0; display: block;}
.newul li .tp{ width:100%; margin-right: 0px;}
.newul li .des{ padding-top: 0.1rem;}
.newul li .des h4{ font-size:0.28rem;margin-bottom:0.2rem;}
.newul li .des p.nr{ font-size:0.24rem;  max-height:1.45rem;}
.newul li .des .mandiv{ margin-top:0.3rem;}

.lm{margin-top: 0px; padding-bottom: 0px;}
.lm .wp{ width: 100%;border-bottom:1px solid rgba(0,0,0,.4); }
.lm a{  font-size: 0.24rem; padding: 0.2rem 0.12rem; margin: 0 0.2rem; color: #333;}
.lm a:hover::after,.act_lm::after{  background-color: #333;}

.new2{padding-bottom:0.5rem; }
.newul2{ padding-bottom:0.2rem;margin-top: 0.4rem;}
.newul2 li{ width: 100%; margin:0 0% 0.4rem 0; }
.newul2 li a{ padding:0.2rem 0.25rem;}
.newul2 .tit{ font-size: 0.26rem;  padding-right: 1.8rem;}
.newul2 .tit .time{ font-size: 0.24rem; }
.newul2 .nr{ font-size: 0.24rem; margin-top: 0.15rem; height: 0.96rem;  padding-right: 1.8rem;}
.newul2 .nr .morea2{ font-size: 0.24rem;}

.newulT{ margin-top: 0.5rem;}
.newulT .des{ padding:  0.2rem 0.3rem;}
.newulT .des .time{ font-size: 0.22rem}
.newulT .des .tit{ font-size: 0.3rem; margin-top: 5px;}
.newulT .des .nr{ margin-top:0.25rem; max-height:2.65rem ; }
.newulT .des .mandiv{ margin-top: 0.25rem;}
.newulT .des .mandiv .morea2{ font-size: 0.24rem;}

.n_main{ padding: 0.2rem 0;}
.in_sh{ padding:0px 0px 0.4rem;}
.in_sh .in_tit{ padding:0.1rem 0 0.3rem;}
.in_sh .in_tit h4{ font-size:0.36rem; }
.in_sh .in_tit .pub_del{ font-size:0.24rem; margin-top:0.15rem;}
.in_sh .in_tit .pub_del span{ margin-right: 0.3rem;}
.in_sh .sh_con{ padding:0.3rem 0px 0.2rem;}
.back_pnpage{ padding: 0.2rem 0; display: block; }
.back_pnpage .back{ width: 2.6rem;  font-size: 0.2rem; padding: 0.1rem 0; margin: 0 auto; display: block; }
.pnpage{ width: 100%;  padding:0.2rem 0; font-size: 0.22rem; }
.pnpage p .mc{ margin-right: 0.05rem;}

.pro{ padding-bottom: 0.5rem;}
.i_tit2{ font-size: 0.36rem; padding: 0.3rem 0;}
.pSearch{ width: 100%;} 
.pSearch .iconfont{ width: 0.6rem; height: 0.6rem; font-size: 0.26rem;  line-height: 0.6rem; }
.pSearch .text{  padding:  0 0.2rem 0 0.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.22rem;}

.sort{ margin:0.1rem 0 0 0px; }
.sort .list{ padding-left: 1.5rem; padding-top: 0.2rem;;}
.sort .list .mc{ width:1.4rem; font-size: 0.26rem; left: 0; top: 0.2rem; }
.sort .list1 .nr a{font-size: 0.22rem; padding: 0.05rem 0.2rem; min-width: 0;  margin:0 0.4rem 0.2rem 0; }
.sort .list2 .nr a{font-size: 0.20rem; padding: 0.02rem 0.2rem; margin:0 0.2rem 0.2rem 0;}

.proul{ padding-bottom: 0.2rem; margin: 0.2rem -2% 0 0;}
.proul li{ width: 48%; }
.proul .tparea{  padding: 0.1rem 0.1rem 0.16rem;}
.proul .des .tit{ font-size: 0.24rem; padding:  0.1rem 0.2rem;}

.showroom{ padding: 0.3rem 0;}
.showroomul li{padding: 0.3rem 0;}
.showroomul .des{ margin: 0.3rem 0 0 !important;}
.showroomul .des .tit{ font-size: 0.35rem;}
.showroomul .des .nr{ margin-top: 0.3rem; max-height: 2.4rem; }
.showroomul .des .num{ margin-top: 0.2rem;}
.showroomul .des .num span{  width: 0.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.34rem; }

.cont{ margin-top: 0.4rem;}
.cont .des{ padding:0.3rem 0.3rem;}
.cont .des .tit{ font-size: 0.3rem; }
.cont .des .add{ margin-top: 0.2rem; font-size: 0.24rem; padding-bottom: 0.2rem;}
.cont .des .nr{ padding: 0.15rem 2rem 0.15rem 0; }
.cont .des .nr .tp{ width: 1.8rem; height: 1.8rem;  bottom: 0.15rem;}
.cont .des .tel2{margin-top: 0.5rem; padding-left: 0.4rem; }
.cont .des .tel2 .iconfont{  font-size: 0.34rem; }
.cont .des .tel2 .p1{ font-size: 0.3rem;}
.cont .des .tel2 .p2{ font-size: 0.24rem;}

.messForm{ padding: 0.5rem 0;}
.messForm .tit{ font-size: 0.32rem; padding: 0.2rem 0; }
.messForm .item{margin-bottom: 0.3rem;}
.messForm .text{ padding-left: 0.2rem;  height: 0.6rem; line-height: 0.6rem; font-size: 0.24rem; }
.messForm .textarea{ padding:0.1rem 0.2rem; height: 1.5rem;  font-size: 0.24rem;  }
.messForm .tj .sbtn{ padding: 0.1rem 0px; font-size: 0.24rem;  }

.i_tit3{ padding: 0.3rem 0;}
.i_tit3 .zh{ font-size: 0.36rem;}
.i_tit3 .en{ font-size: 0.24rem;  margin-left: 0.15rem;}
.profile{ padding: 0.1rem  0 0.5rem;}
.profile .nr .tp{  margin: 0 auto 0.2rem; display: block; }
.profile .nr .tit{ font-size: 0.28rem; padding: 0.15rem 0;}


.advanul{ padding: 0.3rem 0;}
.advanul li{ padding: 0.12rem 0.1rem; -moz-box-sizing: border-box; box-sizing: border-box;}
.advanul .tparea{ width: 0.5rem; height: 0.5rem; line-height: 0.5rem; }
.advanul .des .tit{ font-size: 0.24rem;}
.advanul .des .nr{ font-size: 0.2rem;  margin-top: 0.05rem;}

.buss{ padding: 0.4rem 0;}
.bItem{ width: 100%; float: none;}
.Itemr{ margin-top: 0.3rem;}
.Itemr .list{  padding: 0.06rem 0 0.06rem 0.6rem; margin-bottom: 0.2rem;}
.Itemr .list .num{  width: 0.44rem; height: 0.44rem; line-height: 0.44rem;font-size: 0.3rem;}
.bussItem .des .tit{padding:0.05rem 0.2rem;}

.bSlide{ padding-bottom: 0.8rem !important; margin-top: 0.2rem;}
.bSlide .swiper-button-prev{  margin-left: -0.5rem;}
.bSlide .swiper-button-next{ margin-right: -0.5rem;} 
 .bSlide .swiper-button-prev,.bSlide .swiper-button-next{ width:0.4rem; height:0.4rem; line-height: 0.4rem; }
.bSlide .swiper-button-prev .iconfont,.bSlide .swiper-button-next .iconfont{ font-size: 0.3rem;}

.market{ padding: 0.3rem 0 0.5rem;}
.market .wp{ display: block; }
.market .intro{ width: 100%;}
.marketulwrap{ margin-top: 0.2rem;}
.marketul li{ padding: 0.2rem 0.3rem 0.1rem; }
.marketul li .tp{ height: 0.6rem;}
.marketul li .tit{ font-size: 0.24rem;  margin-top: 0.2rem; font-size: 0.22rem; height: 0.704rem; }
.market .tparea{  width: 100%; margin-top: 0.3rem; text-align: center; }

.honSlideWrap{padding-bottom: 0.8rem !important;}
.honSlideWrap .swiper-button-prev{margin-left: -0.5rem; }
.honSlideWrap .swiper-button-next{ margin-right: -0.5rem; } 
.honSlideWrap .swiper-button-prev,.honSlideWrap .swiper-button-next{ width:0.4rem; height:0.4rem; line-height: 0.4rem; }
.honSlideWrap .swiper-button-prev .iconfont,.honSlideWrap .swiper-button-next .iconfont{ font-size: 0.35rem;}

.i_tit4 .mc{ font-size: 0.3rem;  padding: 0.08rem 0.3rem;}
.tuiPro{ padding: 0 0 0.4rem;}
.tuiPro .proul{ margin-top: 0.4rem;} 


.pdb{ margin-top: 0.6rem;}
.pdb .nr{ padding: 0.4rem 0;}

.pdt{ margin-top: 0.4rem;}
.pIntro{margin-top: .2rem }
.pIntro .tit{ font-size: 0.3rem; padding-bottom: 0.2rem;}
.pIntro .nr{ padding: 0.15rem 0;}
.pIntro .nr .list{  padding: 0.1rem 0; }
.pIntro .conway{ padding: 0.1rem 0 0.3rem;}
.pIntro .conway .sbtn{ font-size: 0.26rem; padding: 0.1rem 0.4rem;}
.pIntro .conway .tel3{ margin-left: 0.2rem;}
.pIntro .conway .tel3 .p1{ font-size: 0.2rem;}
.pIntro .conway .tel3 .p2{ font-size: 0.28rem;}
.pIntro .share{ margin-top: 0.2rem;}
.pIntro .share .mc{ padding: 0.05rem 0px; width: 1rem; margin-bottom: 0.2rem; }
.pIntro .share .bshare-custom .bshare-weixin,
.pIntro .share .bshare-custom .bshare-sinaminiblog,
.pIntro .share .bshare-custom .bshare-qqim{ width: 0.54rem; height: 0.54rem;  margin-right: 0.3rem;  -o-background-size: 100% 100%;  background-size: 100% 100%; }
.pIntro .share .bshare-custom .bshare-weixin::after,
.pIntro .share .bshare-custom .bshare-sinaminiblog::after,
.pIntro .share .bshare-custom .bshare-qqim::after{font-size: 0.2rem; bottom: -0.3rem;}

.pThumbSlide{ margin-top: 0.12rem;}












}
/*******************************************************************/


