@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; height: 50px;}
.logo .tp{ height:32px;}
.logo .val{ display: none;}
.chooseLan{margin: 10px 40px 0 0px;}
.inav{ display: block;}
.searchWrap{ margin-left: auto; position: static;}
.searchWrap .searchBtn.iconfont{ width: auto; height: 50px; line-height: 50px;}
.searchbox{ width: 100%; box-sizing: border-box; border: none; padding: 15px 20px;}
.searchbox .search{ width: 100%; height: 40px; }
.messBtn{ font-size: 12px; margin:0 40px 0 15px;}
.searchbox .tj{ width: 40px; height: 40px;}
.actSearchBtn{ background-color: transparent !important; border-bottom: none !important; color: #3CC127 !important;}

.hmForm{ width: 100%;}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
.floatPart{ display: none;}
.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_about .col01{ width: 100%; padding-right: 0; margin-right: 0;}
.h_about .col01 .mandiv{ display: none;}
.h_about .col02{ min-width:100%; margin-top: 30px;}
.h_about .col02 .mandiv{ display: block;}

.hwhyIntro{ width: 100%; padding: 30px;border: 3px solid #3CC127;}
.hwhyList{ width:100%; margin-top: 30px;}
.h_pro .wrap{ margin: 20px 0px 0;}
.profile .intro{ width: 100%;}
.profile .tparea{ width: 100%; margin-top: 20px;}

.sortItem{ width: 33.33%;   text-align: center; position: relative;}
.sortItem:nth-child(1){ width: 33.33%; }

}
/** 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;}
.banner .swiper-pagination{ bottom:0.1rem !important;}
.banner .swiper-pagination-bullet{width:0.15rem;height:0.15rem; margin:0 0.05rem !important;}

.gotop{  right: .1rem; bottom: .5rem; width: 0.5rem; padding: .1rem 0;}
.gotop .iconfont{ font-size: .26rem;}
.gotop .name{ font-size: .16rem;display: none;}

.wel{ display: none;}
.h_tit{ padding: 0.3rem 0;}
.h_tit .tit{ font-size: 0.44rem;}
.h_tit .subtit{ font-size: 0.24rem;  margin-top: 0.15rem;}
.h_about{ padding: .6rem 0;}
.h_about .col01{ border: none;}
.h_about .col02{margin-top: 0.3rem;}
.h_about .mandiv{ margin-top: .5rem;}
.h_about .mandiv .sbtn{ font-size: 0.24rem;}
.h_about .intro .wz{ font-size: .24rem;}


.h_why{ padding: .55rem 0 .6rem;}
.hwhyIntro{padding: .3rem;}
.h_tit2 .tit{ font-size: .4rem; }
.hwhyIntro .desc{ font-size: 0.24rem; }
.hwhyIntro .wrap::after{  height: calc(100% - 0.4rem); left: .25rem; top: .2rem;}
.hwhyIntroItem{padding:0.15rem 0 0.15rem 0.8rem; margin-bottom: 0.2rem; }
.hwhyIntroItem .num{ top: 0.2rem;  width: 0.5rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.36rem;}
.hwhyIntroItem .des{ padding: 0.15rem 0;} 
.hwhyIntroItem .des .tit{ font-size: 0.32rem;}
.hwhyIntroItem .des .nr{  font-size: 0.24rem; margin-top: 0.15rem;}
.hwhyList{ margin-top: 0.3rem;}
.hwhyIntroItem2{margin-bottom: 0.2rem; }
.hwhyIntroItem2:nth-child(1) .tparea .tp{ height: 4.15rem;}
.hwhyIntroItem2:nth-child(2) .tparea .tp{ height: 2.9rem;}
.hwhyIntroItem2:nth-child(n+3) .tparea .tp{ height: 1.85rem;}
.hwhyIntroItem2:nth-child(n+3){  width: 47%;}

.h_pro{ padding: 0.28rem 0 0.28rem;}
.h_pro .wrap{ margin: 0rem 0px 0;}
.hpItem a{ padding: 0.2rem 0;}
.hpItem .tparea{ width: 100%; float: none !important; border-radius: 0.12rem 0.12rem 0 0; -webkit-border-radius: 0.12rem 0.12rem 0 0; -moz-border-radius: 0.12rem 0.12rem 0 0; -ms-border-radius: 0.12rem 0.12rem 0 0; -o-border-radius: 0.12rem 0.12rem 0 0; }
.hpItem .intro{ padding: 0.2rem 0.3rem; margin-top: 0rem; border-top: 4px solid #3CC127; width: 100%; position: static; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

.hpItem .intro .tit{ font-size: 0.36rem; }
.hpItem .intro .nr{ font-size: 0.26rem; margin-top: .25rem;}
.hpItem .intro .mandiv{ margin-top: .35rem;}
.hpItem .intro .mandiv .morea{  font-size: 0.32rem;}
.hpItem .intro .mandiv .arr{ margin-left: 0.28rem; width: 0.44rem; height: 0.44rem;  font-size: 0.28rem; }

.h_mess{ padding: 0.6rem 0 1rem;}
.h_mess .h_tit{ display: block; width: 100%;}
.h_mess .h_tit .tit{margin-right:0.6rem; }
.hmForm .row.col2 .formItem{ width: 46%; margin:  0 8% 0.18rem 0; }
.formItem{ margin-bottom:0.18rem;}
.formItem{ margin-bottom: 0.18rem;}
.formItem .attrmc{ font-size: 0.26rem; padding:0.22rem 0; } 
.formItem .text{ height: 0.6rem; line-height: 0.6rem; padding: 0 0.2rem; font-size: 0.24rem;}
.formConfirm{ padding-top: 0.5rem;}
.formConfirm .sbtn{ font-size: 0.26rem; min-width: 10em; }

.h_latest{ padding: .6rem 0 .2rem;}
.h_latest .col01{ width: 100%; margin-right:0px; }
.h_latest .mandiv{ margin-top: .5rem;}
.h_latest .mandiv .sbtn{ font-size: 0.32rem;}
.h_latest .col02{ margin-top: 0rem; min-width: 100%;}
.hlatestItem a{ padding: 0.24rem 0;  }
.hlatestItem .tparea{ width:100%; margin-right:0px; }
.hlatestItem .tparea .tp{ width: 100%; height: auto;}
.hlatestItem .des{ margin-top: 0.2rem; min-width: 100%;}
.hlatestItem .des .tit{ font-size: 0.26rem;}
.hlatestItem .des .nr{ margin-top: 0.28rem; font-size: 0.24rem;}
.hlatestItem .time{ margin-left: 0rem; padding-left: 0rem; display: flex; margin-top: 0.2rem; border-left: none;}
.hlatestItem .time .p1{ font-size: 0.28rem;}
.hlatestItem .time .p2{ font-size: 0.24rem; }
.hlatestItem .time .p2 .num{font-size: 0.28rem; }

.footer{  border-top: 0.1rem solid #FE2323;}
.f_t{ padding: 0.3rem 0;}
.f_m{ padding: 0.3rem 0;}
.f_m .wp{ flex-wrap: wrap;}
.f_b{ padding: 0.18rem 0; font-size: 0.26rem}
.f_t .title{ font-size: 0.3rem; width: 100%; margin-right: 0px;}
.fsearch{  min-width: 100%; margin-top: 0.2rem;}
.fsearch .text{  height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem; padding: 0 0.2rem; }
.fsearch .sbtn{ height: 0.6rem; line-height: 0.6rem; width: 176px; font-size: 0.28rem;}
.fm_tit{ font-size: 0.3rem;margin-bottom: 0.28rem;}
.fmItem{ width: 100%;}
.fmItem:nth-child(1){ width: 100%;}
.fmItem:nth-child(2){ width: 100%;}
.fmItem:nth-child(3){ width: 100%;}
.fnav{ border-right: none;}
.fcon{ border-right: none;}
.fcon .wp{ flex-wrap: wrap;}
.fnav .wrap a{ display: inline-block; margin-right: 0.2rem; margin-bottom: 0.08rem;  font-size: 0.26rem;}
.fnav .wrap a .iconfont{ margin-right: 0.1rem; font-size: 0.26rem;}
.fcon{ padding: 0.2rem 0%; margin-right: 0%; }
.fcon .list{ padding:0.04rem 0 0.04rem 0.28rem; }
.fcon .list .icon{  top: 0.1rem; height: 0.16rem;}
.fcon .tit{ margin-top: 0.2rem; padding-top: 0.2rem; margin-bottom: 0.06rem;}
.fnewItem{ margin-bottom: 0.4rem;}
.fnewItem .tparea{ width: 0.7rem; margin-right: 0.2rem; }
.fnewItem .tparea .tp{ width: 100%; height: 0.7rem;}
.fnewItem .des .tit{ font-size: 0.26rem;}
.fnewItem .des .time{ margin-top: 0.24rem; margin-top: 0.1rem; }

.ban_loca .location{ bottom: 0.1rem; }
.location .inner{ padding: 0.1rem 0.3rem; }
.location a{ font-size:0.26rem; }
.location a::before{font-size:0.24rem;  margin-right: 0.08rem;}
.location i{ margin:0 0.08rem; }
.profile{ padding: .8rem 0 .4rem;}
.profile .intro .wz{ font-size: 0.26rem;}
.profile .tparea{ margin-top: 0.2rem; }
.i_tit{ padding: 0.2rem 0;}
.i_tit .tit{ font-size: 0.26rem; }
.i_tit .subtit{ font-size: 0.44rem;  margin-top: 0.2rem; }
.benefits{ padding-bottom: 0.8rem;}
.benefits .bg{ height: 5.05rem;}
.i_tit2{ font-size: .55rem; }   
.benefits .i_tit2{ padding: 1.8rem 0 1.2rem;}
.benefitsItem{ width: 48.5%; margin: 0 3% 3% 0; padding: 0.2rem 0.25rem; }
.benefitsItem:nth-child(2n){ margin-right: 0;}
.benefitsItem .tp{ width: 1.2rem; }
.benefitsItem .des{ margin-top: 0.2rem;}
.benefitsItem .des .tit{ font-size: 0.28rem;}
.benefitsItem .des .nr{ font-size: 0.26rem;margin-top: 0.26rem;}


.sort{ margin-top: .6rem;}
.sortItem{ min-width: 50%; width: auto;  }
.sortItem:nth-child(1){ width: 50%; }
.sortItem>a{ font-size: 0.28rem;padding: 0.7em 1em; text-align: left; }
.sortItem>a .iconfont{ margin-left: 0.08rem; font-size: 0.28rem;}
.sortLay a{font-size: 0.24rem;}
.pro{ padding:.3rem 0 .6rem;}
.pro .wrap{  padding-bottom: 0.28rem;}
.proItem{ width:48.5%; margin:0 3% 3% 0 ;}
.proItem:nth-child(2n){ margin-right: 0;}
.proItem a{ padding: .3rem .2rem 0.28rem;}
.proItem .tparea{ margin: 0 0.06rem;}
.proItem .des{ padding: 0.2rem 0px 0; }
.proItem .des .tit{ font-size: 0.26rem;}
.proItem .des .nr{ font-size: 0.22rem;  margin-top: 0.1rem;}
.proItem .des .mandiv{ margin-top: 0.14rem;}
.proItem .des .mandiv .sbtn{ font-size: 0.22rem;}

.solu{ padding: .3rem .45rem; margin: .35rem 0 .9rem;}
.soluIntro .title{ padding: .2rem 0; font-size: .4rem; }
.soluIntro .desc .wz{ font-size: 0.26rem;}
.soluIntro .wrap{ margin-top: .3rem;}
.soluItem{ width: 100%; margin-bottom: 2%;}

.i_tit3{ padding: 0.3rem 0;}
.i_tit3 .tit{ font-size: .4rem;}
.soluAdvan{ padding-bottom: 0.15rem;}
.soluAdvan .wrap{ margin: 0.28rem -0.28rem 0; }
.soluAdvanItem{ width:48.5%; margin: 0 3% 3% 0; padding: 0 0.28rem;}
.soluAdvanItem:nth-child(2n){ margin-right: 0; border: none;}
.soluAdvanItem .tp{ width: 1.35rem; }
.soluAdvanItem .des{  margin-top: 0.2rem;}
.soluAdvanItem .des .tit{ font-size: 0.28rem;}
.soluAdvanItem .des .nr{ font-size: 0.26rem; margin-top: 0.26rem;}

.contact{ padding: .5rem 0 .6rem; display: block;}
.cont{ width: 100%;}
.conMess{ width:100%;padding:0.25rem 0.3rem ;}
.cadd{ margin-top: -0.2rem;}
.cadd .list{ padding: 0.2rem 0;}
.cadd .icon{ margin-right: 0.14rem; height: 0.5rem;}
.cadd .des .p1{ font-size: 0.32rem;  }
.cadd .des .p2{ font-size: 0.26rem;}
.map{ margin-top: 0.25rem;height: 3.6rem;}
.mess_tit{ font-size: 0.4rem; margin-bottom: 0.2rem;}
.formItem2{ margin-bottom:0.3rem;  border-left: 4px solid #3CC127;}
.formItem2 .attrmc{ font-size: 0.26rem; padding:0px 0.2rem; width: 1.5rem; line-height: 0.5rem;}
.formItem2 .text{  height:0.6rem; line-height:0.6rem;  font-size: 0.24rem;}
.formItem2 .textarea{  height:2rem; padding: 0.1rem 0.2rem 0.1rem 0;  font-size: 0.24rem;}
.conMess .formConfirm{ padding-top: 0.14rem;}



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

/*******************************************************************/
/*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: 150%; max-width: 150%; margin-left: -25%;}
.banIntro .lmmc{ font-size: 30px; visibility:hidden;}


.n_l{ width: 100%; margin-right: 0%;}
.n_r{ min-width: 100%; margin-top: 20px;}
}
/** 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.2rem;margin:0 0.04rem; }
.turnpage .point .iconfont{ font-size:0.26rem;}

.n_main{ padding: 0.4rem 0;}
.n_l{padding: 0.2rem 0.3rem;}
.n_r{ margin-top: 0.3rem; padding:0.3rem 0.2rem; }
.nsearch .text{ height:0.5rem; line-height:0.5rem; font-size: 0.24rem; padding: 0 0.2rem; }
.nsearch .sbtn{ height:0.5rem; line-height:0.5rem; width:0.6rem;  font-size: 0.28rem;}
.lm{ margin-top: 0.24rem;}
.lm a{ margin-bottom: 0.15rem; font-size: 0.32rem;}
.recommend{ margin-top: 0.34rem;}
.recommend .title{ font-size: 0.28rem; }
.recommend .wrap{ padding: 0.08rem 0.2rem;}
.recItem a{  padding: 0.24rem 0;}
.recItem .tparea{ width: 1.2rem; padding: 0.08rem;margin-right: 0.28rem;}
.recItem .tparea .tp{ height: 1.2rem;}
.recItem .des{padding: 0.1rem 0;}
.news{ padding-bottom: 0.5rem;}
.news .title{ font-size: 0.4rem;  padding: 0px 0 0.34rem;}
.news .wrap{ padding-bottom: 0.28rem;}
.newsItem{ margin-bottom: 0.2rem;}
.newsItem a{  padding: 0.3rem 0;}
.newsItem .tparea{ width: 100%; padding: 0.2rem;margin-right: 0px;}
.newsItem .tparea .tp{ width: 100%; height: auto;}
.newsItem .des{ padding: 0.1rem 0; min-width: 100%; width: 100%;}
.newsItem .des .tit{  font-size: 0.26rem; }
.newsItem .des .time{ font-size: 0.24rem; margin-top: 0.28rem;}
.newsItem .des .time::before{ margin-right: 0.1rem; font-size: 0.26rem;}
.newsItem .des .nr{ font-size: 0.24rem; margin-top: 0.2rem;}
.newsItem .des .mandiv{ margin-top: 0.4rem;}
.newsItem .des .mandiv .sbtn{ font-size: 0.28rem;}

.newdel{ padding: 0px 0.3rem 0px;}
.artHeader{ padding: 0.15rem 0 0.28rem; }
.artHeader .tit{ font-size: 0.32rem; }
.artHeader .info{ margin-top: 0.28rem; }
.artHeader .info .list{ font-size: 0.24rem; margin-right: 0.28rem;}
.artHeader .info .list::before{ margin-right: 0.08rem;}
.artBody{ padding: 0.4rem 0;  }
.artBody .wz{ font-size: 0.24rem;   }
.artBody .tp{  margin: 0.4rem auto;}
.artFooter{ padding: 0.28rem 0;   }
.pnItem{ margin-bottom: 0.06rem; }
.pnItem a{ font-size: 0.24rem; padding: 0.2rem;}

.p_main{ padding:.3rem 0 36px;}
.p_l{ width: 100%; margin-right: 0%; }
.p_r{  min-width: 100%; }

.pdelIntro{ width: 100%; margin-top: 0.3rem;}
.pdtSlideWrap2{ width: 100%;}
.gallery-top2 {height:3.9rem;}
.gallery-top2 img{ height:390px;}
.gallery-thumbs2Wrap{ margin:0.2rem 0px 0; }
.gallery-thumbs2 {height: 1.16rem;}
.gallery-thumbs2 .swiper-slide .tp{  height: 1.16rem; padding: .04rem;}
.pdelIntro .tit{ font-size: 0.3rem; padding-bottom: 0.2rem;}
.pdelIntro .nr{ margin-top: 0.28rem;}
.pdelIntro .nr .list{ font-size: 0.28rem; padding: .04rem 0;}
.pdelIntro .nr .list .mc{ padding-left: 0.28rem;}
.pdelIntro .nr .list .mc::before{ width: 0.12rem; height: 0.12rem; top: 0.1rem; }
.pdelIntro .mandiv{ margin-top: .5rem;}
.pdelIntro .mandiv .sbtn:nth-child(1){margin-right: 0.28rem}
.pdelIntro .mandiv .sbtn{ font-size: 0.28rem; }
.pdb{ margin-top: .35rem;}
.dTit .list{ font-size: 0.28rem; margin-right: 0.12rem; }
.dContent{ padding: 0.14rem 0.2rem;}
.dBox{ margin-bottom: 0.2rem;}
.d_tit{ padding: 0.2rem 0;}
.d_tit .mc{ font-size: 0.3rem; padding-bottom: 0.2rem;}
.dPart{ margin-bottom: 0.2rem;}
.dPart .nr .wz{ font-size: 0.26rem;}
.lTit{ padding: 0.3rem 0;}
.lTit .tit{ font-size: 0.4rem; }
.lTit .subtit{ font-size: 0.28rem; margin-top: 0.14rem;}
.leaveMess .wrap{ padding-bottom: 0.4rem;}
.leaveMess .formItem2{ margin-bottom: 0.28rem;}
.leaveMess .formItem2 .attrmc{ width: 1.8rem; }
.leaveMess .col2 .formItem2{ width: 100%;}

.psTitle{ padding: 0.14rem;}
.psTitle .p1{ font-size: 0.22rem;}
.psTitle .opa{ margin-top: 0.14rem;}
.psTitle .opa .sbtn{ font-size: 0.28rem;}
.psSort{ padding: 0.14rem;}
.psItem{ margin-bottom: 0.14rem;}
.psItem>a{ cursor: pointer; font-size: 0.24rem; padding: 0.14rem; ;}
.psItem>a .arr{  right: 0.4rem; height: 0.4rem; line-height: 0.4rem; right: 0.14rem; margin-top: -0.2rem;  }
.psItem .psLay a{font-size: 0.24rem; padding: 0.14rem 0.28rem; margin-bottom: 0.14rem;}

.feedback{ position: fixed; right: 0px; bottom: 0px; width: 100%;}
.feedback .tit{ border-radius: .12rem .12rem 0 0; font-size: .18rem; -webkit-border-radius: .12rem .12rem 0 0; -moz-border-radius: .12rem 12px 0 0; -ms-border-radius: .12rem .12rem 0 0; -o-border-radius: .12rem .12rem 0 0; padding: 0.8em 1em; }
.feedback .wrap{ margin-top: .02rem; padding: .2rem .2rem;}
.feedback .text,.feedback .textarea{ border-radius: .15rem; -webkit-border-radius: .15rem; -moz-border-radius: .15rem; -ms-border-radius: .15rem; -o-border-radius: .15rem; margin-bottom: .12rem; }
.feedback .text{  height: .6rem; line-height: .6rem; font-size:.2rem; padding: 0 .2rem;}
.feedback .textarea{ height: .6rem;font-size:.2rem; padding: 0 .2rem;}
.feedback .formConfirm{ padding-top: .15rem;}
.feedback .formConfirm .sbtn{ font-size: .2rem; }
.feedback .formConfirm .sbtn:nth-child(1){ margin-bottom: .1rem;}

}
/*******************************************************************/