/* CSS Document */

.list { margin-top:30px; }
.list ul li { border-bottom: 1px solid #e7e3e2; padding: 30px 0; }
.list ul li .img { float: left; width: 250px; overflow: hidden; margin-right: 48px;height:200px }
.list ul li .img img { display: block; width: 100%; }
.list ul li .web { overflow: hidden; padding-top:24px; }
.list ul li .web span { display: block; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; float: left; margin-right: 16px; }
.list ul li .web .wd_w { }
.list ul li .web .wd_w span { background: #8cb25e; }
.list ul li .web .wd_w h4 { overflow: hidden; line-height: 22px; font-size: 20px; font-weight: normal; }
.list ul li .web .wd_w h4 a { color: #333; }
.list ul li .web .wd_d { margin-top: 20px; }
.list ul li .web .wd_d span { background: #fe9322; margin-top:5px; }
.list ul li .web .wd_d .text { overflow:hidden; }
.list ul li .web .wd_d p { line-height: 32px; overflow: hidden;  height:64px; overflow:hidden;}
.list ul li .web .wd_d p a { color: #666; }
.list ul li .web .wd_d .news_xq { margin-top:20px; }
.list ul li .web .wd_d .news_xq a { color:#999; display:inline-block; padding-right:16px; background:url(../images/icon8.png) no-repeat right center; }
.list ul li .web .wd_d .news_xq em { float:right; font-style:normal; color:#999; }

@media only screen and (max-width: 1600px) { .banner .item .text{ font-size:22px;}

}
@media only screen and (max-width: 1400px) {
    .menu ul li{width:80px;}
    .menu{width:100%;}
}
@media only screen and (max-width: 1200px) {
    .banner .item .text{ font-size:20px;} 
    .banner img{width:120%; margin-left:-10%; max-width:initial;} 
    .page_tit{ margin-bottom:30px;}
    .header .wrap{ padding:0 200px;}
    .logo{width:200px;}
    .menu ul li{width:70px;}
    .tel{ padding-right:0}
    .page{padding-top:40px;}
    .explosive{ padding-bottom:140px;}
    .explosive_owl .owl_cur{ bottom:-40px;}
}
@media only screen and (max-width: 1024px) {
    .banner .item .text{ font-size:18px;}
    .banner img{width:150%;margin-left:-25%;}
    .menu ul li{ margin:0 2px;}

}
@media only screen and (max-width: 1000px) {
    .index_owl { margin-top:60px; }
    .tel{ right:60px;}
    .header .wrap{ padding:0}
    .menu{ position:fixed; top:0; left:-100%;width:100%; height:100%;background:#fff;}
    .menu ul li{  float:none;display:block;border-bottom:1px solid #ddd;padding:0}
    .menu ul li a{ line-height:45px; font-size:18px;}
    .menu ul{ padding-top:60px;}
    .header .logo{ position:relative;z-index:1001;line-height:60px;}
    .menu_wrap{ position:absolute; top:10px; width:40px; height:40px; background:url(../images/menu.png) no-repeat center center #8cb25e; background-size:25px auto; right:15px;z-index:1002}
    .header{ height:60px;}
    .h_menu .menu_wrap{ background:url(../images/menu-1.png) no-repeat center center #8cb25e; background-size:25px auto; }
    .h_menu .menu{ left:0;}
    .header.on,.header{position:fixed; top:0; left:0; width:100%; line-height:60px;}
    .index_about .web{ padding:0px;}
    .warehouse .left{width:200px;}
    .menu ul li{ width:auto; margin:0 20px;text-align:left;}
    .menu ul li a:before{ height:2px;}
    .explosive_list .web .text{ padding:20px 15px;}
    .index_about{padding:20px;}
    .index_news .left{width:100%;float:none;}
    .foot_xx .left .nav{ margin-top:20px;}
    .foot_xx .right{ float:none; margin-top:20px;}
    .foot_xx .left{ float:none;}
    .page_about .web .list{padding:30px 0}
    .footer{ margin-top:20px;}
    .foot_xx{padding:20px 0}
    .advert{width:250px; margin-right:20px;}
    .list ul li .web{padding-top:10px;}
    .list ul li .web .wd_d{ margin-top:15px;}
    .list ul li .web .wd_d .news_xq{ margin-top:10px;}
    .foot_xx .left .nav ul li{margin-right:40px;}
    .page_contact .web .text{ float:none;margin-bottom:20px;}
    .page_contact .web{ margin-top:20px;}
    .page_contact .web .text h4{margin-bottom:10px;}
    .ft_bq{ line-height:26px;padding:10px}
    .page_banner .web h2{font-size:30px;}
    .page_course .list ul li span{width:75px;}
    .page_course .list ul li .web{ padding-left:50px;}
.advert{width:100%; float:none; margin-bottom:20px;}
.advert ul:after{ content:'';display:block;clear:both;}
.advert li{width:33.333%; float:left;margin:0}
.advert ul li{  margin:0}
.advert ul { margin:-5px;}
.advert li a{ display:block;  margin:5px;}
}

@media only screen and (max-width: 750px){
    .full{display:none;}
    .list ul li .img{ margin-right:20px;}
    .list ul li .web .wd_d{ margin-top:5px;line-height:20px;}
    .list ul li .web .wd_d>p{ line-height:26px;height:104px;}
    .pagesize{ margin-top:20px;}
    .page_honor .list ul li{width:50%;}
    .owl-theme .owl-dots .owl-dot span{width:10px; height:10px;margin:0 5px;}
    .warehouse .right .list ul li{width:48%}
    .index_about .list ul li{width:50%;margin-bottom:10px;}
    .index_about .list{ padding:20px 0}
    .warehouse .left{width:100%; float:none;margin-bottom:20px;}
    .warehouse .left .tit{  line-height:30px;padding-right:20px; background:url(../images/next.png) no-repeat right center;}
    .warehouse .left .list{ overflow:hidden;display:none;}
    .warehouse .left.on .list{ display:block;}
    .page_banner{padding:100px 0;margin-top:60px;}
    .header .logo{width:auto;text-align:left;margin-left:15px;}
    .tel{ padding-left:20px;}
    .tel span{ padding:0 8px;}
    .warehouse .left .list ul li{ margin-top:20px;}
    .pagesize a{width:26px; line-height:26px; height:26px; margin:2px;}
    .foot_xx .left .nav ul li{ line-height:26px; margin-right:10px;}
    .foot_xx .right .ewm{ margin-right:10px;}
    .page_banner .web h2{ font-size:26px;}
    .page_contact .web .tab ul li{ width:100%; float:none; margin:15px 0;}
    .page_contact .web .tab ul{ margin:0 auto;}
.advert ul li .web p{ padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.details_web .text p{ margin-top:10px;}
.details_web .text{ padding:10px;}
.details_web .tit{ line-height:60px;}
.list ul li .img{width:150px;}
.list ul li .web .wd_w h4{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list ul li .web .wd_d p{ height:auto;}
.list ul li .web .wd_d>p{ height:52px;}
.list ul li .web .wd_d .news_xq{ margin-top:0}
.list ul li .web{ padding-top:0}
.list ul li{ padding:20px 0}
.explosive_list .web .text{ padding:15px;}
.explosive_owl .owl_cur span{width:40px;height:40px;}
.page.page2{ margin-top:40px;}
.index_about .list ul li p{ margin-top:10px; line-height:22px;}
.index_about .web{ margin-top:20px;}
.index_news .left .web p{ margin-top:10px;}
.index_news .right{ margin-top:20px;}
.index_news .right .list ul li .web .wd_d{ margin-top:10px;}
.join_tab{ overflow-x:auto;}
.join_tab table th,.join_tab table td{ white-space:nowrap;padding:0 10px;}
.page_banner .web{width:auto;}
.foot_xx .right{width:auto;}
.list ul li .web .text>p{ height:52px;line-height:26px;margin-bottom:5px;}
.page_store .list ul li{width:97%;}
}
@media only screen and (max-width: 380px){
    .tel{display:none;}

}