@charset "utf-8";

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

.indexB ul.tab li p{font-size:16px;}

.indexB .list ul li .pic .txt{height:50px;}
.indexB .list ul li .pic .txt h5{line-height:50px;font-size:20px;}
.indexB .list ul li .pic .txt h5::after{top:15px;right:50px;}
.indexB .list ul li .pic .txt p{font-size:15px;margin:17px 30px 0;}
.indexB .list ul li .pic .txt span{margin:17px 0 0 30px;}


}


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

.wp{width:100%;padding-right:10px;padding-left:10px;box-sizing:border-box;}

.nav,.header-lang,.header span{display:none;}
.mo-header,.mo-header .header-lang,#footBar,.visible-xs-block{display:block;}

.header{height:auto;border-bottom:1px solid #E1E1E0;padding:20px 0;text-align:center;}
.header .logo{float:none;margin:0;}

.header .share{float:none;margin:20px 0 0;text-align:center;font-size:0;}

#banner img{width:100%;}
#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {height:12px;width:12px;margin:0 2px;}
#banner .swiper-pagination-bullet-active{background:#79AF32;width:12px;}

#footer{padding:30px 0;}
#footer h5{font-size:18px;margin-bottom:15px;text-align:center;}

.foot-list{display:none;}
.foot-contact{float:none;width:100%;}
.foot-contact p{font-size:13px;line-height:25px;}

.foot-form{float:none;width:100%;margin:20px 0 0;}
.foot-form .footform .t1{margin:0 0 10px -2%;}
.foot-form .footform .t1 input{float:left;width:48%;margin:0 0 0 2%;}
.foot-form .footform .t2 textarea{float:none;width:100%;}
.foot-form .footform .t2 .btn-submit{display:block;margin:10px auto 0;font-size:15px;width:90px;height:32px;line-height:32px;border-radius:5px;}

.copyRight{height:auto;padding:15px 0 60px 0;}
.copyRight p{font-size:15px;line-height:22px;text-align:center;}

.copyRight .share{position:static;margin:15px 0 0;text-align:center;}
.copyRight .share a{width:30px;height:30px;line-height:30px;margin:0 2px;}


.main{padding-top:20;padding-bottom:20px;}
.mainRight{width:100%;float:none;margin:20px 0 0 0;}
.mainleft{width:100%;float:none;}

.sidemenu,.left_nav{margin:0;}
.sidemenu h3{font-size:18px;}
.sidemenu h3::after,.left_nav h3::after{display:block;}
.sidemenu ul,.left_nav dl{display:none;}
.left_contact{display:none;}

.sidebanner{height:auto;padding:30px 0;text-align:center;}
.sidebanner h2{font-size:30px;}
.sidebanner p{font-size:18px;margin:20px 0 0 0;}

.path{height:40px;line-height:40px;}
.path p{font-size:13px;}
.path p i{font-size:12px;}

}

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

.indexA{padding:30px 0;}
.indexA::after{content:"ABOUT US";background:none;width:100%;text-align:center;height:30px;position:absolute;top:30px;left:0;font-size:30px;color:#111;}
.indexA .nr{margin:50px 0 0;}
.indexA .nr .bd{float:none;width:100%;height:auto;} 
.indexA .nr .bd ul{width:auto !important;margin:0 0 0 -2%;overflow:hidden;} 
.indexA .nr .bd li{float:left;width:31.3333333% !important;margin:0 0 10px 2%;} 

.indexA .nr .txt{float:none;width:100%;margin:15px 0 0;}
.indexA .nr .txt h3{font-size:30px;margin:0 0 15px 0;text-align:center;}
.indexA .nr .txt p{font-size:16px;line-height:25px;margin:0 0 10px;}
.indexA .nr .txt a{font-size:14px;margin:20px auto 0;background-position:center;width:120px;height:38px;line-height:38px;border-radius:5px;}

.indexA .hd{display:none;}


.indexB{padding:30px 0 0 0;}
.indexB h3{float:none;font-size:30px;background:none;width:auto;text-align:center;height:auto;text-indent:0;}
.indexB h3::after{display:none;}

.indexB ul.tab{float:none;margin:20px 0 0 -2%;}
.indexB ul.tab li{float:left;width:48%;margin:5px 0 0 2%;padding:0;height:34px;line-height:34px;background:#D9D9D9;}
.indexB ul.tab li p::after{display:none;}
.indexB ul.tab li p{font-size:16px;font-weight:400;}

.indexB .list{margin:10px 10px 0;}
.indexB .list ul{margin-left:-1%;}
.indexB .list ul li{width:49%;margin:10px 0 0 1%;}

.indexB .list ul li .pic .txt{top:auto;bottom:0;height:50px;}
.indexB .list ul li .pic .txt h5{line-height:50px;font-size:20px;}
.indexB .list ul li .pic .txt h5::after{display:none;}
.indexB .list ul li:hover .pic .txt{height:50px;}




.indexC{padding:30px 0;}
.indexC::before,.indexC::after{display:none;}

.indexC .v{float:none;width:100%;padding:8px;box-sizing:border-box;}
.indexC .box{float:none;width:100%;margin:20px 0 0 0;}
.indexC .box h3{display:none;}
.indexC .box .t{margin:0;}
.indexC .box .t p{font-size:15px;line-height:24px;}

.indexD{padding:30px 0;}
.indexD .tit{margin:0 0 20px 0;}
.indexD .tit h3{font-size:30px;background:none;width:auto;text-align:center;height:auto;text-indent:0;}
.indexD .tit h3::after{display:none;}

.indexD .list{display:none;}

.indexD .pic{float:none;width:auto;margin:0 0 0 -2%;}
.indexD .pic ul li{display:block;float:left;width:48%;margin:10px 0 0 2%;}
.indexD .pic ul li:nth-child(3){width:98%;display:block;}
.indexD .pic ul li img{width:100%;}
.indexD .pic ul li p{display:block;}

/*---*/

.projectlist ul{margin:0;}
.projectlist ul li{float:none;width:100%;margin:20px 0 0 0;cursor:pointer;border-bottom:1px dashed #E4E4E4;}
.projectlist ul li .pic{text-align:center;}
.projectlist ul li .pic img{width:400px;display:inline-block;}
.projectlist ul li .t{padding:15px 0;}
.projectlist ul li .t h5{font-size:18px;height:auto;}
.projectlist ul li .t a.more{display:none;}
.projectlist ul li:hover img{transform:scale(1);-webkit-transform:scale(1);}


.down ul li{height:60px;padding:0 15px;}
.down ul li h4{height:30px;background:none;padding:0;margin:15px 0 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.down ul li h4 a{font-size:14px;line-height:30px;}

.down ul li a.more{right:15px;top:15px;width:80px;height:30px;line-height:30px;font-size:13px;}

.down ul li:hover{border-left:1px solid #7AB130;padding-left:15px;}



.faq ul li {margin:15px 0 0 0;}
.faq ul li .con{font-size:13px;line-height:18px;}
.faq ul li .con p{margin:5px 0 0 0;}


.newslist ul li {height:auto;margin:15px 0 0 0;}
.newslist ul li .img {width:100%;height:133px;float:none;display:block;text-align:center;}
.newslist ul li .img img{width:200px;height:133px;}
.newslist ul li .intro {float:none;width:100%;margin:10px 0 0 0;}
.newslist ul li .intro h5 a{font-size:18px;}
.newslist ul li .intro p{font-size:15px;}
.newslist ul li .intro a.more{display:none;}

.newsnr h1{font-size:18px;line-height:25px;margin:25px 0 0;}
.newsnr .artInfo{padding:0 0 20px;margin:20px 0 0;}
.newsnr .myart{line-height:24px;font-size:15px;}
.newsnr .myart p{margin:8px 0 0 0;}

.rela_list{border:none;margin-top:25px;}
.rela_list li{height:auto;line-height:30px;border:1px solid #B4B4B4;margin:10px 0 0;}
.rela_list li span{float:none;width:100%;display:block;padding:0 0 0 10px;text-align:left;border-right:none;border-bottom:1px solid #B4B4B4;box-sizing:border-box;}
.rela_list li a{display:block;margin-left:0;padding:0 0 0 10px;box-sizing:border-box;}


.honor ul{margin:10px 0 0 -2%;}
.honor ul li{float:left;width:31.3333%;margin:5px 0 5px 2%;}
.honor ul li a{width:100%;}

.main .rtit{height:auto;padding:30px 0;background:none;border-bottom:1px dashed #E4E4E4;}
.main .rtit h3{font-size:26px;line-height:1;}
.main .rtit h4{font-size:22px;line-height:36px;}
.main .rtit h4 em{font-size:26px;}


.about{line-height:24px;padding:20px 0 30px;font-size:15px;}
.about h3{text-align:center;font-size:26px;line-height:1;color:#323231;font-weight:bold;margin:0 0 50px 0;text-transform:uppercase;}
.about p{margin:0 0 10px 0;}
.about h5{padding:15px 0;font-size:24px;}
.about .txt{margin:0 0 20px 0;}
.about .txt .text-pic-left{float:none;margin:0;}
.about .txt .text-pic-right{float:none;margin:15px 0 0 0;}

.about ul{margin:10px 0 0 -2%;}
.about ul li{width:48%;margin:10px 0 0 2%;}
.about ul.three li{width:48%;}

.productlist ul{margin-left:-2%}
.productlist ul li{width:48%;margin:0 0 15px 2%;}
.productlist ul li .pic h5{height:40px;line-height:40px;font-size:15px;}

.pro_img{float:none;width:430px;margin:0 auto;}
.pro_view_inner{float:none;width:100%;}
.pro_view_inner h1{font-size:30px;padding:30px 0 0 0;text-align:center;}
.pro_view_inner p{font-size:16px;margin:15px 0 0 0;}

.pro_view_inner .pro-contact{margin:20px 0 0 0;text-align:center;}
.pro_view_inner .pro-contact a.pdf{margin:0 0 0 15px;}

.pro-scroll .tit h5{height:40px;line-height:40px;font-size:16px;}

.pro-content img,.about img{width:100%;height:auto;}
.pro-scroll .pro-content p{word-wrap:break-word;}

.related-pro ul{margin:10px 0 0 -2%;}
.related-pro ul li{width:48%;margin:0 0 10px 2%;}
.related-pro ul li p{;line-height:30px;}

.inquirShow .row{margin:0;}
.inquirShow dd{margin:10px 0 0 0;}




.contact{padding:20px 0 0 0;font-size:17px;}
.contact p{margin:15px 0 0;}
.contact p a{color:#7ab130;font-size:17px;}
.contact p a:hover{color:#315F3A;}


.map{margin:30px 0 0 0;}
.map img{width:100%;}


.linetit{text-align:center;margin:40px 0 0;}
.linetit h4{position:relative;}
.linetit h4::before{content:"";display:block;border-top:1px dashed #D1CFCF;width:100%;height:1px;position:absolute;top:50%;z-index:1;}
.linetit h4 span{background:#fff;text-transform:uppercase;font-weight:bold;font-size:20px;color:#333;padding:8px 20px;position:relative;display:inline-block;z-index:1;}

.inquirbox{width:100%;margin:30px auto 0;}


}

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

.indexA{padding:25px 0;}
.indexA::after{top:25px;font-size:26px;}
.indexA .nr{margin:50px 0 0;}
.indexA .nr .bd li{width:48% !important;} 

.indexA .nr .txt h3{font-size:22px;}
.indexA .nr .txt p{font-size:14px;line-height:23px;margin:0 0 10px;}
.indexA .nr .txt a{font-size:12px;margin:15px auto 0;width:110px;height:32px;line-height:32px;}

.indexB{padding:25px 0 0 0;}
.indexB h3{font-size:26px;}

.indexB ul.tab{margin:10px 0 0 -2%;}
.indexB ul.tab li p{font-size:14px;}

.indexB .list ul li .pic .txt{height:42px;}
.indexB .list ul li .pic .txt h5{line-height:42px;font-size:15px;}
.indexB .list ul li:hover .pic .txt{height:42px;}


.indexC{padding:25px 0;}
.indexC .box .t p{font-size:14px;line-height:22px;}

.indexD{padding:25px 0;}
.indexD .tit{margin:0 0 20px 0;}
.indexD .tit h3{font-size:26px;}

.indexD .pic{margin:0;}
.indexD .pic ul li{float:none;width:100%;margin:10px 0 0 0;}
.indexD .pic ul li:nth-child(3){width:100%;}
.indexD .pic ul li p{text-align:center;}



.newsnr h1{font-size:16px;}


.honor ul li{width:48%;}

.productlist ul li{width:48%;}


}


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

.projectlist ul li .pic img{width:100%;}
.projectlist ul li .t h5{font-size:17px;}


.pro_img{width:100%;}
.pro_img .bpic{width:100%;}
.pro_img .spic{width:100%;}

.pro_view_inner h1{font-size:16px;}

.pro_text .tabs li{font-size:12px;font-weight:400;}



}



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

.foot-form{float:none;width:100%;margin:20px 0 0;}
.foot-form .footform .t1{margin:0;}
.foot-form .footform .t1 input{float:none;width:100%;margin:0 0 10px;}
.foot-form .footform .t2 textarea{float:none;width:100%;}
.foot-form .footform .t2 .btn-submit{display:block;margin:10px auto 0;font-size:15px;width:90px;height:32px;line-height:32px;border-radius:5px;}



.honor ul{margin:10px 0 0 0;}
.honor ul li{float:none;width:100%;margin:5px 0 5px 0;}



.productlist ul{margin:0;}
.productlist ul li{float:none;width:100%;margin:15px 0 0 0;}


}


@media screen and (max-width: 900px){
  #back{width: 100%;}
  
  #goTop { margin-bottom: 50px; } 
}