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

.hcfHead{ height:90px; background-position: bottom;}
.hcfHead a.far{ font-size:17px; padding-top:25px;}
.hcfHead a.logo{  display:inline-block; width:200px; vertical-align:11px;}


.hcfBanner .swiper-pagination{ bottom:20px !important;}

.hcfProduct{ padding-top:110px;}
.hcfProduct-tit img{ width:300px;}
.hcfProduct-menu a{ min-width:140px; line-height:32px;}
.hcfProduct-list{ padding-top:2%;}
.hcfProduct-more a{ line-height:36px;}

.hcfNews{ padding-top:110px;}
.hcfNews-pic li .word{ padding:35px;}
.hcfNews-listItem li{ padding:17px 0 17px 30px;}
.hcfNews-listMore{ line-height:36px; margin-top:7px;}

.hcfFooter-contact{ width:60%;}
.hcfFooter-contact .t{ font-size:28px; padding-bottom:20px;}
.hcfFooter-contact .c li{ font-size:14px;}
.hcfFooter-code .micro{ padding:8px 0 0 30px;}
.hcfFooter-code .albb{ padding:15px;}
.hcfFooter-code .albb .icon{ font-size:35px;}
.hcfFooter-code .albb .txt{ padding-left:15px;}

.pproduct-list{ margin-left:-100px;}
.pproduct-list li{ width:calc(33.3% - 100px); margin-left:100px;}



}


@media screen and (max-width:1290px){
}


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


}


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

.w{ width:96%;}
body{ font-size:15px;}

.hcfHead{ height:45px; background-position:inherit;}
.hcfHead a.logo{ width:140px; display:inline-block;}
.hcfHead a.far{ display:none;}
.navBtn{ display:block;}
.caseMmenu{ display:block;}

.content{ position:relative;}
.content .page { width:100%; height:auto;  overflow:hidden; }

.hcfBanner{ padding-top:40px; height:200px;}
.hcfBanner .swiper-pagination{ bottom:10px !important;}
.hcfBanner .swiper-pagination-bullet{ width:10px; height:10px; margin:0 4px !important;}

.hcfAbout li{ width:100% !important; height:170px;}
.hcfAbout li .title{ left:20px; top:20px; margin-left:0; margin-top:0;}
.hcfAbout li .title .cn{ width:85px; float:left;}
.hcfAbout li .title .mo{ background-size:70px auto; width:70px; height:70px; font-size:12px; float:left; margin-top:40px; padding: 35px 0 0 5px; opacity:1;}

.hcfProduct{ padding-top:0;}
.hcfProduct-tit{ padding-top:15px;}
.hcfProduct-tit img{ width:160px;}
.hcfProduct-menu{ display:none;}

.hcfProduct-list{ padding:15px 5px 0 5px;}
.hcfProduct-list li{ width:33.3%; float:left; margin:0; padding:0 5px;}
.hcfProduct-list li .tit{ font-size:15px;}
.hcfProduct-list li .txt{ font-size:14px; line-height:22px; height:44px; margin-top:10px;}
.hcfProduct-more{ padding:15px 0;}
.hcfProduct-more a{ width:120px; line-height:32px;}

.hcfNews{ padding-top:0;}
.hcfNews-pic{ width:calc(100% + 10px); padding-top:0; margin-top:15px; margin-left:-10px;}
.hcfNews-pic li{ width:calc(50% - 10px); margin-left:10px; margin-right:0; padding-bottom:0;}
.hcfNews-pic li .word{ padding:10px;}
.hcfNews-pic li .word .t{ text-align:left; font-size:15px;}
.hcfNews-pic li .word .c{ margin-top:5px;}


.hcfNews-list{ width:100%; padding-top:15px; padding-bottom:15px;}
.hcfNews-listItem li{ padding:10px 0 10px 15px; line-height:24px;}
.hcfNews-listItem li:before{ width:5px; height:5px; margin-top:-3px;}
.hcfNews-listItem li span{ font-size:14px;}
.hcfNews-listMore{ width:120px; line-height:32px; margin-top:10px;}

.hcfFooter{ padding:20px 0; border-bottom:3px #4f6337 solid;}
.hcfFooter-contact{ width:100%;}
.hcfFooter-contact .t{ font-size:22px; padding-bottom:10px;}
.hcfFooter-contact .c li{ width:100%; line-height:26px; font-size:14px;}
.hcfFooter-contact .c li .iconfont{ font-size:17px; margin-right:5px;}

.hcfFooter-code{ width:100%; padding-top:15px;}
.hcfFooter-code .albb{ width:100%; display:block; text-align:center; padding:10px 0;}
.hcfFooter-code .albb .icon{ float:none; font-size:28px; padding-top:0; vertical-align:top; padding-top:10px; display:inline-block;}
.hcfFooter-code .albb .txt{ float:none; display:inline-block; line-height:22px; text-align:left; padding-left:10px;}

.hcfFooter-code .micro{ width:100%; padding:10px 0 0 0;}
.hcfFooter-code .micro .txt{ padding:20px 0 0 15px; line-height:24px;}


.pbanner{ padding-top:40px;}
.pmain{ padding:20px 0;}
.pmain-posit{ padding:10px 12px; line-height:inherit;}
.pmain-posit .cn{ font-size:18px; width:100%;}
.pmain-posit .add{ font-size:14px; width:100%; margin-top:5px;}

.pabout-info{ width:100%; max-width:inherit; margin-top:15px;}
.pabout-info .figure{ width:100%;}
.pabout-info .word{ width:100%; padding:15px 12px;}
.pabout-info .word .t img{ width:150px;}
.pabout-info .word .c{ margin-top:10px;}

.pabout-culture{ max-width:inherit; margin-top:10px;}
.pabout-culture .word{ width:100%; padding:15px;}
.pabout-culture .figure{ width:100%;}

.pnews-list{ margin-left:0;}
.pnews-list li{ width:100%; margin:20px 0 0 0; padding-bottom:0;}
.pnews-list li:before{ height:3px;}
.pnews-list li .word{ padding:12px;}
.pnews-list li .word .c{ margin-top:10px; height:auto; max-height:48px;}

.ppage{ padding-top:20px; line-height:32px; text-align:left;}
.ppage a, .ppage .nowpage{ padding:0 12px; margin:3px; font-size:14px;}

.pnews-detaMain{ margin-top:0; padding:12px;}
.pnews-detaTitle{ font-size:22px; line-height:32px;}
.pnews-detaAuth{ margin-top:10px; font-size:14px; padding:10px 0;}
.pnews-detaInfo{ padding-top:20px;}
.pnews-detaInfo video{ width:100%;}

.pbase-info{ margin-top:20px; padding:12px;}
.pbase-info .t img{ width:150px;}
.pbase-info .c{ margin-top:15px;}

.pproduct-menu{ display:none;}
.pproduct-list{ margin-left:0;}
.pproduct-list li{ width:100%; margin:20px 0 0 0;}
.pproduct-list li .text{ margin-top:10px; line-height:24px; font-size:14px;  height:auto; max-height:48px;}


.pcontact{ margin-top:20px; padding:12px;}
.pcontact-tit{ font-size:17px; padding-bottom:10px;}
.pcontact-map{ width:100%;}
.pcontact-map .mapbox{ height:auto;}
.pcontact-map .maptxt{ padding-top:10px;}
.pcontact-map .maptxt .li{ width:100%; line-height:32px;}

.pcontact-filed{ width:100%;}
.pcontact-filed li{ padding-bottom:0; padding-top:15px;}
.pcontact-filed li .inpt{ height:36px; line-height:34px; padding-left:10px;}
.pcontact-filed li .area{ height:100px; padding:10px;}
.pcontact-filed li .btn{ margin-top:0; width:100%; height:36px; line-height:36px;}



}




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



}