@charset "utf-8";
@media screen and (max-width:1450px)
{
.head { width:96%;}	
.ys_bg ul{ width:98%; margin:0 auto; }
}

@media screen and (max-width:1280px)
{
.company .picimg img { width:100%;}

}
/*<=1023px*/
@media screen and (max-width:1024px)
{
.mainbanner1 {height:400px;}
.company .content { height:305px; overflow:hidden; }
header .headerright{float:right; width:75%; padding:10px 0 0 8%; position:relative; }
header .toptel { display:none}
}


@media screen and (max-width:854px)
{
.headerpage { position:inherit;}
header{ height:90px;}
header .logo{width:70%; margin-top:0px;  text-align:left; padding-left:0%;}
header .logo img { width:200px;}

header .wapnav{display:block; width:15%; margin-top:26px; text-align:right; padding-right:1%;}
header .wapnav img{padding:10px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
header .wapnav img:hover{background-color:#dedede; }

.nav{ display:none}
header .headerright{width:100%;z-index:99999;}
.titlebox1 h2 a { font-size: 18px; }

/*搜索*/
.sousuobg { display:none;}

.prolist { width:94%; margin:0rem  auto; display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
.prolist li { padding:1.5rem 0.5rem;} 
.prolist li  img { margin-bottom:1rem; width:60px;}

.bannermain{ height:250px; }
.positionbg {  top:20%; }

.lxcont .lxz { width:100%;}
.lxcont .lxy { width:100%;}
.lxcont .lxy img { width:100%;}

}

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


/*首页样式*/
.indextitle { text-align:center; margin-bottom:5%;}
.indextitle span { font-size:18px;   }
.indextitle p a { font-size:24px; }
.indextitle1 { text-align:center; margin-bottom:5%;}
.indextitle1 span { font-size:18px;  }
.indextitle1 p a {  font-size:24px;}

.company .more { margin:5% 0;}

.li-1 { margin-bottom:5%;}
.li-2 { margin-bottom:5%;}

.ys_bg .leftcont { padding-left:2%;} 
.ys_bg .leftcont .more {margin:5% 0; }
.ys_bg .rightcont { padding-right:2%;}

.company .aboutcom { padding:0 4%; }

.menu4 li { float: left; width: 48%; font-size:14px;}
.menu4 li a {font-size:14px; line-height:26px;}

.spkd { width:500px; height:420px;}


/*产品导航*/
.menucp{ padding:2% 0; }
.menucp a,.menucp a:link,.menucp a:visited { display:block; width:48%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}
.menu1{ padding:2% 0; }
.menu1 a,.menu1 a:link,.menu1 a:visited { display:block; width:48%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}

.yb_conct { display:none}

.footerbox{ clear:both; margin:3% auto 0 auto; width:100%; padding:50px 0 50px 0; background:url(../images/footerbg.jpg) no-repeat; background-size:cover; overflow:hidden;}
.footerbottom{ background:none; padding:3% 0; }

.fnav2{ display: block;float:right;width:100%; margin:0 auto;  overflow:hidden; background:#fd914f; padding:10px 0 ; position: fixed ;bottom:0;z-index:9999}
.fnav2 a{ float:left; width:30%; overflow:hidden;  color:#FFF; font-size:18px; overflow:hidden ; text-align:center; font-size:16px;}
.fnav2 a img{ width:30%;vertical-align:middle; padding-left:4%; padding-right:5%;}

.ser_wx li:nth-child(1) { width:100%; margin-bottom:1rem;}
.ser_wx li:nth-child(2) { width:100%;}
.case_2 span { font-size:20px; line-height:36px;}
.sm_1 {font-size: 30px; margin-top:2rem;}

}


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


/*首页视频*/
.video_Bg .gksp p {text-align:center; font-size:24px; color:#fff; line-height:42px;}


.product_view div.bigimg img{ width: 100%;  height:auto; }


/*产品分类*/
.menu3 li { width:48%; }
.menu3 h3 a {font-size:16px;}
.next_nav { width:95.5%; color:#fff}
.somes a { color:#fff; padding:0.5rem 0; display:block;}
.menu3 h3 a, .menu3 h3 a:link, .menu3 h3 a:visited { line-height:30px;}


/*新闻内页*/
.info_listxw dl dd { padding:3% 0;}
.info_listxw dl dd a.title{font-size:21px; line-height:24px; display:inline-block; overflow:hidden;}
.info_listxw dl dd .newsdate{ display:none;}
.info_listxw dl dd .jianyao{height:80px; overflow:hidden;}
 

.news_related li{float:none; width:96%; margin-left:0.5%; margin-right:0.5%; line-height:34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

}


@media screen and (max-width:500px)
{
.head{ margin:0% auto; width:98%; }
header{ height:70px;}	
header .logo{ float:left; width:50%; margin:5px 0 0 10px;}
header .logo img { width:160px;}

.mask { height:20px;}

#showbanner img { max-width: 100%;display: block; margin: 0 auto; margin-left:0%;}
.bannerwrap .banner .mask { height:20px; }

.bannermain {height:180px;}
.positionbg {  top:16%; }
.position { font-size:14px;}
.position a { font-size:14px;}

.positioninfo { font-size:24px; line-height:18px; }	
	
.prolist a p { font-size:16px;}
.company .comtitle { padding:6% 6%;  top:35%; left:35%; }
.company .btwzs p { font-size:24px; line-height:40px; margin:3% 0;}
.company .btwzs p span {font-size:36px; line-height:32px;}
.newsbox .xwleft dl dd ul li span{ display: none;}

.company .content { height: auto; overflow:hidden; }

.main_san p{ font-size:24px;  }

.accordion-button {  padding: 10px 25px;}

.prolist_bg {  padding:8% 0;}
.prolist { padding:1.5rem 0;}
.prolist img { width:30%; margin-bottom:5px; transition: 0.5s;}

.ys_bg{ margin-bottom:6%; padding:50px 0;  }
.ys_bg .leftcont h3 {  margin:2% 0;}
.sz_bg{  padding:8% 0;}
.sz_bg li .pic { padding:8% 4%;}
.sz_bg li .pic img { width:80%;}
.sz_bg li .ptitle i { font-size:36px;}
.sz_bg li p { font-size:14px;}

.info_view h1.title{font-size:22px;}

.menu3 li { width:100%; }

.positionbg {top: 20%;}

.menucp a, .menucp a:link, .menucp a:visited { height:38px; overflow:hidden; font-size:14px;}

.spkd { width:380px; height:320px;}


}