@charset "utf-8";

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

.topbg{ max-width:92%; height:48px; line-height:48px; margin:0 auto; display:flex; justify-content:space-between; }
.widthbox{ max-width:100%; margin:0 auto; padding:0px; }
.myslider{ max-width:92%; margin:0px auto; width: calc(100% - 100px); }
.right { clear:both; max-width:92%; margin:0 auto; padding:0 0%; background:#FFF; }
.posbox { max-width:92%; clear:both; overflow:hidden; margin:0 auto; }
.menu3 { clear:both; margin:20px auto 20px auto; max-width:92%; }
.footerbox .widthbox{ max-width:94%; margin:0 auto; padding:0px; }

header .dianhua{ display:none; }

.anlibox .widthbox{ max-width:94%; margin:0 auto; }
.lianxibox .widthbox{ max-width:94%; margin:0 auto; }


/*内页*/
.mainarea{ margin:0 0%;}
}

@media screen and (max-width:1100px)
{
.head{ display:none; }

/*Banner大图调用 开始*/
.bannerwrap .banner .mask { vertical-align:middle; position:absolute; width:100%; height:20px; right:0; bottom:7%; text-align:center; }
/*Banner大图调用 结束*/

}

@media screen and (max-width:1200px)
{
.bannerwrap .banner .mask { padding:0 0 0 0px; }

.widthflex{ display:block; justify-content:space-between; }

/*首页简介*/
.aboutbox{ background:url(../images/aboutboxbg.png) no-repeat right center; }
.aboutbox .widthflex{ position:static; justify-content:flex-end; }

.ibiaoti{ background:url(../images/biaotibg.png) no-repeat; width:246px; text-align:center; padding:36px 0 0 0; margin: auto; }
.ibiaoti a{ display:block; font-size:30px; font-weight:bold; font-family:"宋体"; line-height:20px;  }
.ibiaoti span{ display:block; font-size:24px; font-weight:bold; font-family:"宋体"; color:#7e7e7d;  }

.about_l{ width:100%;  position:static; }
.about_r{ width:100%; margin:0 auto; text-align:center;  }
/*首页简介*/


/*产品中心*/
.tab{  display:block;  }
/*切换的分类*/
.tab_list{ width:100%; background:#efeeea url(../images/tab_list.jpg) no-repeat; background-size:cover; display:flex; justify-content:flex-end; padding:0 0 70px 0; }

.tab_list .tab_list_title{ display:none;   }
.tab_list .tab_list_title a{ font-size:48px; color:#ce281e; font-weight:bold; font-family:"宋体"; padding:0 0 10% 5%;  }

.tab_list_box{ position:relative; width:100%; margin:0 5% 0 5%; }
.tab_list .tab_list_content{ display:flex; margin:25px 0 10% 0; }

.tab_list h3{ font-size:30px; font-weight:bold; color:#da0614; margin:70px 0 0 0; }
.tab_list h4{ font-size:24px; color:#000000; background:url(../images/biaoti_line.gif) no-repeat left bottom; padding:15px 0 37px 0; }

.tab_list ul { width:40%; overflow: visible;  }
.tab_list ul li{ border:1px solid #9e8c73; padding:1px; margin:0 0 10px 0; }
.tab_list ul li:last-child{ padding:1px; margin:0 0 0px 0; }
.tab_list ul li a{ display:block; font-size:18px; color:#666666; background:rgba(158,140,115,0.2); line-height:22px; padding:10px 10px; transition: all linear 0.3s; }
/*current是选中分类的样式*/
.tab_list .current a{ background:rgba(158,140,115,1.0); color:#ffffff; }

/*切换的文字*/
.tab_con{ width:100%;border:1px solid #9e8c73; padding:1px; display:flex; margin:0 0 0 3%; }
.tab_con .item_zi{ display: none; padding:5% 5%; background:rgba(158,140,115,1.0); }
.tab_con .item_zi:first-child{display:block; }
.tab_con .item_zi p{ color:#fff; font-size:14px; line-height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:7; }

/*切换的图片*/
.tab_img{ width:100%; }
.tab_img .item{ display: none;}
.tab_img .item:first-child{display: block}
.tab_img img{ width:100%; }
/*产品中心*/

/*尾*/
.footerbox{ background:url(../images/footerbox.jpg); background-size:cover; padding:0% 0 6% 0; }

.footerone{ border-bottom:1px solid #c2c2c2; padding:10px 0 40px 0; margin:0 0 40px 0; }

.linkbox{ display:flex; width:400px; margin:40px auto 30px auto; }

.logo_bt{ width:270px; margin:0 auto; }
.footerbottom{ width:100%; margin:40px 0 0 0; text-align:center; }
 
.erweima{ width:132px; background:url(../images/erweima.png) no-repeat top center; text-align:center; padding:15px 0 0 0; margin:20px auto; }

.lianxi{ width:320px; line-height:28px; margin:0 auto; }

}


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

/*内页*/
.menu3 h3,.menu1 a{ width:24%;}
/*产品view页*/
.proviewle{ margin:0 auto;float:none;width:100%;}
.proviewri{float:none; width:100%;margin-left:0;}

/*留言内页*/
.lx_lianxi dl dd{ font-size:18px; }

}


@media screen and (max-width:790px)
{
/*留言内页*/
.lx_erweima{  padding:10% 0 7% 0; }
.lx_erweima li{  padding:10px; margin:0 5px;  }
.lx_erweima li p{ font-size:14px;  }
}

@media screen and (max-width:640px)
{
/*新闻资讯*/
.hotfenlei .hkbox1{ display:inline-block; width:140px; line-height:44px; font-size:24px; color:#333333; text-align:center; text-decoration:none; margin:0 10px 0 10px;  padding:0 0 0px 0; cursor:pointer; border-bottom:2px solid #333333; }
.hotfenlei .hkbox1a{ display:inline-block; width:140px; line-height:44px; font-size:24px; color:#ffffff; text-align:center; text-decoration:none; margin:0 10px 0 10px;  padding:0 0 0px 0; cursor:pointer; background:url(../images/hkbox1a.png) no-repeat bottom center; background-size:100% 100%; border-bottom:2px solid #ffffff; }
.xinwenbox ul{ display:block; justify-content:space-between; flex-wrap:wrap; margin:30px auto 0 auto; width:94%; }
.xinwenbox ul li{ width:100%;  }
/*新闻资讯 end*/


/*诚聘英才*/
.zhaopinbox{ height:340px; padding:30px 0 0 0; background:url(../images/zhaopin.jpg) no-repeat center top; background-size:cover; position:relative; margin:50px 0 0 0;  }
.zhaopinbox .indeximg{ position:absolute; right:0px; top:0px; display:none; }
.zhaopin{ width:94%; margin:6% auto 0 auto; }
.zhaopinbox dl{ width:310px; margin:0 0 0 3%; }
/*诚聘英才 end*/


/*job招聘*/
.job_shuoming{ line-height:30px; margin:25px 0 0px 0; }
.job_tel{ text-align:center; margin:0 0 8% 0; }
.job_tel span{ font-weight:bold; font-size:26px; color:#d43126; }
.menus ul li{ margin: 5px;border: 1px solid #d3d3d3;border-radius: 50px; padding:10px 0%; flex:1; cursor: pointer}

.show_table tbody tr td:nth-child(2),.show_table tbody tr td:nth-child(4){ display:none; }


/*内页位置*/
.positioninfobox { clear:both; margin:30px auto 10px auto; width:100%; text-align:center; }
.positioninfo {  line-height:80px; color:#000; font-size:30px; font-weight:bold; background:url(../images/position.png) no-repeat center; background-size:130%; }

/*内页*/
.menu3 h3,.menu1 a{ width:32.3%;}

.info_xinwen dl { width:48%; clear:both; padding:4% 3%; }

/*留言内页*/
.lx_lianxi{ display:flex; text-align:center; justify-content:space-around; padding:4% 0 5% 0; flex-wrap:wrap; }
.lx_lianxi dl{ width:50%; margin:0 0 25px 0; }


}

@media screen and (max-width:575px)
{
/*产品中心*/
.tab_list ul { width:100%; overflow: visible;  }
/*切换的文字*/
.tab_con{  display:none; }
/*产品中心*/

/*尾*/
.footerbox{ background:url(../images/footerbox.jpg); background-size:cover; padding:0% 0 12% 0; }
.linkbox{ display:flex; width:300px; margin:40px auto 30px auto; }
.fmenubox{ flex:1; display:none; justify-content:space-between; }

.fnav2{ display:flex; width:100%; margin:0 auto;  overflow:hidden; background:#d02219; padding:10px 0 ; position: fixed ;bottom:0;z-index:9999}
.fnav2 a{ flex:1; 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%;}
}

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

/*留言内页*/

.lx_erweima{  padding:10% 0 7% 0; flex-wrap:wrap; }
.lx_erweima li{  padding:10px; margin:0 2%; width:40%;  }
.lx_erweima li p{ font-size:14px;  }


/*内页*/
.position{ display:none;}
.menu3 h3,.menu1 a{ width:49%;}

}

/*手机站导航必要样式不能删除*/
@media screen and (min-width:1100px) {
.headerpagewap{display: none}
}