body { font-family: 'Microsoft YaHei',"Open Sans", sans-serif;font-size:14px; color:#333;}
input,
select,
textarea { font-family: "Open Sans", sans-serif;font-size:1em; }
.wrap { width: 96%; margin: 0 auto;max-width:1200px; position: relative; }

.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
img,a{ border:0;}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
.flt{ float:left;}
.frt{ float:right;}
.clear{ clear:both;}
.clear:after,.clear:before{content:'';clear:both; display:table;}
/* img{max-width:100%;} */
.img{overflow:hidden;position:relative;}
.img:before{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; content:'';display:block;position:absolute; top:0;left:0;right:0; bottom:0; border:1px solid rgba(255,255,255,0);z-index:100}
.img:hover:before{ top:10px;left:10px;right:10px; bottom:10px; border:1px solid rgba(255,255,255,0.5);}
.img:hover img{ transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);}
.img a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:101; }

h3{white-space:nowrap;overflow:hidden; text-overflow:ellipsis;font-weight:bold;}
*,*:after,*:before{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}

.modal,.fp_modal{ position:fixed; top:0; left:0;width:100%;height :100%;z-index:1000}
.fp_modal{ display:table;}
.modal{transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s; background:rgba(0,0,0,0.7);}
.fp_modal .cell{display:table-cell; vertical-align:middle;}
.modal_cont{ max-width:990px; margin:0 auto;width:90%;background:#fff;position:relative;}
.modal_cont .close{ position:absolute; top:34px; right:20px;width:33px; height:33px; background:url(../images/close.png) no-repeat center center #ccc;border-radius:100%;cursor:pointer;}
.modal_cont .box{padding:45px;}
/*----------header----------*/
.top_t{background-color: #000;color: #fff;font-size: 14px;overflow: hidden;line-height: 22px;padding: 6px 20px;}
.top-t-m{display: none;}
.top_t .top_l{
    float: left;
}
.top_t .top_r{
    float: right;
}
.top_t .top_r a{
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    padding: 0 4px;
}
.top_t .top_r a img{
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    margin-right: 4px;
}
.header {position:fixed;top:0;left:0;width:100%;height: 115px;z-index:999;background:#fff;line-height:79px;box-shadow:0 0 20px rgba(229,229,229,0.8);}
.header.on { position:initial; }
.header .wrap { width: auto; padding: 0 250px; max-width: initial; }
.logo { position:absolute; top:0; left:0;bottom:0; width:225px; text-align:center; }
.logo  img{ vertical-align:middle;}
.menu { text-align:center; }
.menu ul li { display: inline-block;  width:100px; text-align: center; font-size: 14px; margin:0 13px; }
 .menu{width:90%;max-width:950px; margin:0 auto; }
 .menu ul li a{display:block; color:#666; position:relative;}
.menu ul li a:before { content: ''; display: block; position: absolute; width: 0; margin: 0 auto; left: 0; right: 0; bottom: 0; height: 4px; background: #8cb25e }
 .menu ul li.on a:before,.menu ul li a:hover:before{ width:100%;}
.menu ul li.on a, .menu ul li a:hover { color: #8cb25e }
.tel { position: absolute; top: 50%; right: 0; line-height: 24px; margin-top: -12px; padding: 0 26px; background: url(../images/icon1.png) no-repeat left center; }
.tel span { color: #8cb25e; font-size: 16px; padding: 0 12px; border-left: 1px solid #e7e3e2; }
.banner .item{ position:relative;font-family:Arial;} 
.banner .item .text{left:0;width:100%; text-align:center;color:#fff; position:absolute;top:50%; transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);font-size:24px;} 
.banner  .text h2{font-size:2em;margin-bottom:1em;}
.banner .item img{width: 100%;margin: 0 auto;}
.owl-theme .owl-dots .owl-dot span{width:16px; height:16px;  margin:0 15px;opacity:.6;}
.owl-theme .owl-dots{ margin-bottom:30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #8cb25e; opacity: 1; }

.banner .img1{overflow:hidden;}
.index_owl { margin-top:79px; }
/*----------mainer----------*/
.mainer { }
.page{padding-top:80px;}
.page_tit{ text-align:center;margin-bottom:50px;}
.page_tit h3{font-size:26px;font-weight:normal;}
.page_tit h3 span { display:inline-block; padding:0 14px; background:url(../images/icon2.png) repeat-x left center; }
.page_tit h3 span em { font-style:normal; display:inline-block; padding:0 23px; background:#fff; }
.page_tit label { display: block; margin: 0 auto; margin-top: 20px; width: 78px; height: 5px; background: #222 }
.page_tit p { color: #8cb25e; margin-top: 20px; text-transform:uppercase; }

.owl{position:relative;}
.owl_cur{position:absolute; top:50%; margin-top:-20px; height:0; left:2%; right:2%; z-index:10;}
.owl_cur span{cursor:pointer;  display:block;width:46px; height:46px; border-radius:100%; background:url(../images/cur1.png) no-repeat center center; }
.owl_cur span.prev{ float:left;}
.owl_cur span.next{ float:right;background:url(../images/cur2.png) no-repeat center center; }
.owl_cur span.prev:hover { background: url(../images/cur1-1.png) no-repeat center center; }
.owl_cur span.next:hover { background: url(../images/cur2-2.png) no-repeat center center; }

.page.page1, .page.page1 .page_tit h3 span em { background: #f7f5f6; }
.explosive { padding-bottom:190px; }
.explosive_list { }
.explosive_list h4 { font-size:18px; color:#999; font-weight:normal; margin-bottom:20px; }
.explosive_list .img { overflow:hidden; }
.explosive_list .img img { display:block; width:100%; }
.explosive_list .web { }
.explosive_list .web .text { padding: 30px 19px 20px; border-bottom: 1px solid #e7e3e2; }
.explosive_list .web .text h3 { font-size:18px; font-weight:normal; }
.explosive_list .web .text p { color:#999; margin-top:15px; }
.explosive_list .web .more { line-height:50px; padding:0 19px; }
.explosive_list .web .more label { font-size:13px; color:#999; display:inline-block; padding-right:16px; background:url(../images/icon3.png) no-repeat right center; }
.explosive_list:hover .web { background: #8cb25e; }
.explosive_list:hover .web .text { border-color: #9ebc78; }
.explosive_list:hover .web .text h3 { color:#fff; }
.explosive_list:hover .web .text p { color: #cce5ad; }
.explosive_list:hover .web .more label { color: #fff; background: url(../images/icon3-1.png) no-repeat right center; }
.explosive_owl .owl_cur { top:initial; bottom:-60px; margin-top:0; text-align:center; }
.explosive_owl .owl_cur span { display:inline-block; width:52px; height:52px; margin:0 20px; }
.explosive_owl .owl_cur span.prev { background:#fff url(../images/curl.png) no-repeat center center; border-radius:0; float:none; }
.explosive_owl .owl_cur span.next { background: #fff url(../images/curr.png) no-repeat center center; border-radius: 0; float: none; }
.explosive_owl .owl_cur span.prev:hover { background: #8cb25e url(../images/curl-1.png) no-repeat center center; }
.explosive_owl .owl_cur span.next:hover { background: #8cb25e url(../images/curr-1.png) no-repeat center center; }

.warehouse { }
.warehouse .left { float:left; width:272px; }
.warehouse .left .tit { }
.warehouse .left .tit span { font-size:20px; color:#222; display:inline-block; padding-left:40px; background:url(../images/icon4.png) no-repeat left center; }
.warehouse .left .list { position:relative; }
.warehouse .left .list ul li {margin-top: 15px;font-size:16px;padding-left: 40px;position:relative;z-index: 10;}
.warehouse .left .list ul li ul{ background: none;
  transition: none;
    -webkit-transition: none;}
.warehouse .left .list ul li ul li{position: relative;padding: 10px 0 10px 0px;}
 
.warehouse .left .list ul li ul li::after{
  content: '';
  display: block;
  width: 34px;
  height: 1px;
  background: #eff0ee;
  position: absolute;
  left: -34px;
  top: 50%;
  margin-top: -0.5px;
  z-index: 10;
}

.warehouse .left .list ul li a { color: #999; }
.warehouse .left .list ul li a.hover{color: #8cb25e;}
.warehouse .left .list ul li a i { display:block; width:12px; height:12px; background:url(../images/icon5.png) no-repeat center center; position:absolute; left:0; top:2px; z-index:10; }

.warehouse .left .list ul li a i{   z-index: 12; background-color: #fff;}
.warehouse .left .list ul li ul li a i{top: 50%;left: -20px;transform: translate(0%,-50%);}
.warehouse .left .list .line { position:absolute; width: 2px; top: 3px; left: 5px; background: #eff0ee; bottom:3px; z-index:9; }
.warehouse .left .list .more { margin-top:80px; }
.more a { display: inline-block; width: 150px; height: 44px; line-height: 44px; text-align: center; background: #8cb25e; color: #fff; position:relative; z-index: 10; }
.warehouse .left .list ul li.on a, .warehouse .left .list ul li a:hover { color: #8cb25e; }
.warehouse .left .list ul li.on a i, .warehouse .left .list ul li a:hover i { background:url(../images/icon5-1.png) no-repeat center center; }
.warehouse .right { overflow:hidden; }
.warehouse .right .list { margin-top:-17px; }
.warehouse .right .list ul { margin:0 -1%; }
.warehouse .right .list ul li { float:left; width:31.333%; margin:17px 1% 0; }
.warehouse .right .list ul li a { display: block; border: 1px solid #e7e3e2; }
.warehouse .right .list ul li .img {overflow: hidden;background: #f7f5f6;height: 220px;}
.warehouse .right .list ul li .img img {display:block;width:100%;height: 100%;object-fit: cover;}
.warehouse .right .list ul li .web {line-height:56px;position:relative;min-height: 104px;}
.warehouse .right .list ul li .web p {text-align:center;font-size:16px;padding: 30px 20px;line-height: 22px;}
.warehouse .right .list ul li .web p label { position:absolute; right:9px; top:0; font-size:13px; display:block; padding-right:17px; background:url(../images/icon3-1.png) no-repeat right center; color:#fff; opacity:0; }
.warehouse .right .list ul li a:hover { border-color: #8cb25e; }
.warehouse .right .list ul li a:hover .web { background: #8cb25e; }
.warehouse .right .list ul li a:hover .web p { color:#fff; text-align:left; }
.warehouse .right .list ul li a:hover .web p label { opacity:1; }

.special_offer_items .item .img { overflow:hidden; }
.special_offer_items .item .img img { display:block; width:100%; }
.special_offer_owl .owl_cur { left:0; right:0; margin-top:-26px; }
.special_offer_owl .owl_cur span { width: 52px; height: 52px; border-radius:0; }
.special_offer_owl .owl_cur span.prev { background:rgba(0,0,0,0.7) url(../images/curl-1.png) no-repeat center center; }
.special_offer_owl .owl_cur span.next { background: rgba(0,0,0,0.7) url(../images/curr-1.png) no-repeat center center; }
.special_offer_owl .owl_cur span.prev:hover { background: #8cb25e url(../images/curl-1.png) no-repeat center center; }
.special_offer_owl .owl_cur span.next:hover { background: #8cb25e url(../images/curr-1.png) no-repeat center center; }

.page.page2 { padding:50px 0; background:url(../images/bg1.jpg) no-repeat center center; background-size:cover; margin-top:80px; }
.index_about { max-width:1200px; margin:0 auto; border:10px solid #fff; background:rgba(247,245,246,0.95); padding:70px 80px; }
.index_about .page_tit h3 em { background: #f6f4f4; }
.index_about .list { background:#fff; padding:35px 0; }
.index_about .list ul li { float: left; width: 25%; text-align: center; border-left: 1px solid #e7e3e2; margin-left:-1px; }
.index_about .list ul li:first-child { border-left:none; }
.index_about .list ul li h3 { font-size:36px; }
.index_about .list ul li h3 em { font-style:normal; color:#999; font-size:12px; vertical-align:top; margin-left:8px; }
.index_about .list ul li p { color:#999; margin-top:20px; }
.index_about .web { text-align:center; padding:0 145px; margin-top:50px; }
.index_about .web p { line-height:32px; color:#666; }
.index_about .web .more { margin-top:30px; }

.index_news { }
.index_news .left { float:left; width:535px; margin-right:65px; }
.index_news .tit { margin-bottom:20px; }
.index_news .tit h3 { font-size: 16px; font-weight: normal; color: #8cb25e; }
.index_news .left .img { overflow:hidden; height: 368px;}
.index_news .left .img img { display: block; width: 100%; }
.index_news .left .web { margin-top:24px; }
.index_news .left .web h4 { font-weight:normal; font-size:18px; }
.index_news .left .web h4 span { float:right; font-size:14px; color:#999; }
.index_news .left .web p { line-height:26px; color:#999; margin-top:20px; }

.index_news .right { overflow: hidden; }
.index_news .right .list { }
.index_news .right .list ul li { border-top: 1px solid #e7e3e2; padding:30px 0; }
.index_news .right .list ul li .img { float:left; width:156px; height:117px; overflow:hidden; margin-right:20px; }
.index_news .right .list ul li .img img { display:block; width:100%; }
.index_news .right .list ul li .web { overflow:hidden; }
.index_news .right .list ul li .web span { display:block; width:22px; height:22px; line-height:22px; text-align:center; color:#fff; float:left; margin-right:16px; }
.index_news .right .list ul li .web .wd_w { }
.index_news .right .list ul li .web .wd_w span { background: #8cb25e; }
.index_news .right .list ul li .web .wd_w h4 { overflow:hidden; line-height:22px; font-size:18px; font-weight:normal; }
.index_news .right .list ul li .web .wd_w h4 a { color:#333; }
.index_news .right .list ul li .web .wd_d { margin-top:30px; }
.index_news .right .list ul li .web .wd_d span { background: #fe9322; }
.index_news .right .list ul li .web .wd_d p { line-height:26px; overflow:hidden; }
.index_news .right .list ul li .web .wd_d p a { color:#999; }
.index_news .more { border-top: 1px solid #e7e3e2; text-align:center; padding-top:50px; }

.page_banner { padding: 223px 0 143px; background: url(../images/bg2.jpg) no-repeat center center; background-size: cover; }
.page_banner .web { width: 96%; max-width: 616px; margin: 0 auto; background: rgba(247,245,246,0.95); border: 10px solid #fff; text-align: center; padding: 40px 0; }
.page_banner .web h2 { font-size: 36px; font-weight: normal; color: #222; }
.page_banner .web label { display: block; width: 30px; height: 4px; background: #8cb25e; margin: 20px auto; }
.page_banner .web p { font-size: 16px; color: #8cb25e; }

.about_banner{overflow: hidden;width: 100%;height: 562px;}
.about_banner img{display: block;width: 100%;height: 100%;object-fit: cover;}
.about_banner .owl-nav{display: none;}
.about_banner .item{height: 562px;}
.about_banner .item img{display: block;width: 100%;height: 100%;object-fit: cover;}
.img_list .owl-controls .owl-dots{
    margin-bottom: 0;
}

.img_list .owl-nav{
    display: none;
}
.img_list .owl-dots .owl-dot span{margin: 0 8px;background-color: #ccc;}

.crumbs { background: #f7f5f6; }
.crumbs ul li { float:left; width:25%; line-height:50px; text-align:center; }
.crumbs ul li a { display:block; color:#666; }
.crumbs ul li.on a, .crumbs ul li a:hover { background: #8cb25e; color:#fff; }

.page_about { }
.page_about .video_list .vide_box{width: 50%;padding: 20px;box-sizing: border-box;float: left;position: relative;}
.page_about .video_list .vide_box span{display: block;height: 350px;}
.page_about .video_list .vide_box span iframe{width: 100% !important;height: 100% !important;}
/* .page_about .video_list .vide_box .mspan{display: none;} */
.page_about .video_list .vide_box a::before{display: block;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0, .5);}
.page_about .video_list .vide_box a::after{display: block;content: '';width: 48px;height: 48px;position: absolute;top: 50%;left: 50%;margin-top: -24px;margin-left: -24px;background: url(../images/vbtn.png) no-repeat center;cursor: pointer;}
.page_about .video_list .vide_box a{
    display: block;
    width: 100%;
    height: 248px;
    position: relative;
}
.page_about .video_list .vide_box img{display: block;width: 100%;height: 100%;object-fit: cover;}
.page_about .video_list .vide_box p{display: block;text-align: center;font-size: 16px;line-height: 40px;border: 1px #ccc solid;border-top: 0;}
.page_about .video_list {
	overflow: hidden;
    margin-bottom: 30px;
}
.page_about .img_list {padding-bottom: 50px;}
.page_about .img_list .img1 {/* height: 200px; */width: 100%;box-sizing: border-box;}
.page_about .img_list .img1 p{
    line-height: 26px;
    border: 1px #ccc solid;
    border-top: 0;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    box-sizing: border-box;
}
.page_about .img_list .img1 img {display:block;width:100%;height: 200px;}
.page_about .web { }
.page_about .web .list { border-top: 1px solid #e7e3e2; padding:45px 0; }
.page_about .web .list:first-child { border-top:none; }
.page_about .web .list h4 { font-size: 22px; font-weight: normal; color: #000; margin-bottom: 30px; }
.page_about .web .list p { line-height:32px; }

.page_course {  }
.page_course .list { }
.page_course .list ul li { }
.page_course .list ul li span { display:block; float:left; margin-top:20px; width:115px; line-height:32px; font-size:22px; color:#999; position:relative; }
.page_course .list ul li span em { display:block; width:37px; height:15px; background:#fff url(../images/icon6.png) no-repeat center center; position:absolute; right:-34px; top:50%; margin-top:-7px; }
.page_course .list ul li .web { overflow: hidden; padding: 20px 0 60px 93px; border-left: 1px solid #8cb25e; }
.page_course .list ul li .web p { line-height:32px; color:#666; }

.join_tab { }
.join_tab table { width:100%; text-align:center; }
.join_tab table th { line-height: 50px; background: #8cb25e; font-weight:normal; font-size:16px; color:#fff; }
.join_tab table td { border-bottom: 1px dashed #e7e3e2; line-height:66px; color:#666; }
.join_tab table td a { color: #8cb25e; }

.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0,0,0,0.7); }
.fp_modal { display: table; }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 1144px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close {  }
.modal_cont .tit { border-bottom: 1px solid #e5e5e5; padding: 25px 0; margin: 0 20px; }
.modal_cont .tit h3 { font-size:26px; font-weight:normal; color:#222; }
.modal_cont .tit p { color:#999; margin-top:15px; }
.modal_cont .web { padding:40px 0; }
.modal_cont .web .text { padding: 0 20px; height: 380px; overflow-y: auto; }
.modal_cont .web .text h4 { font-size: 16px; font-weight: normal; color: #222; margin-bottom:8px; }
.modal_cont .web .text h4 span { display: inline-block; padding-left: 11px; border-left: 4px solid #8cb25e; }
.modal_cont .web .text p { color: #666; line-height:32px; }
.modal_cont .web .text .list { margin-top:40px; }
.modal_cont .web .text .list:first-child { margin-top:0; }

.page_honor { }
.page_honor .list { }
.page_honor .list ul { margin:-10px; }
.page_honor .list ul li { float:left; width:25%;   }
.page_honor .list ul li a{display:block; margin:10px;}
.page_honor .list ul li .img { overflow: hidden; border: 1px solid #e1e1e1; }
.page_honor .list ul li .img img { display:block; width:100%; }
.page_honor .list ul li p { text-align:center; font-size:18px; margin-top:30px; }

.page_contact { }
.page_contact .map { }
.page_contact .map img { display:block; width:100%; }
.page_contact .web { margin-top:60px; }
.page_contact .web .text {float:left;width: 50%;}
.page_contact .web .text h4 {font-size: 20px;color:#666;margin-bottom: 62px;}
.page_contact .web .text li{
    margin-top: 20px;
}
.page_contact .web .text li .ico{display: inline-block;vertical-align: middle;width: 50px;height: 50px;border-radius: 50%;overflow: hidden;}
.page_contact .web .text li .tex{display: inline-block;vertical-align: middle;margin-left: 0;}
.page_contact .web .text p {line-height: 22px;color:#666;word-break: break-all;}
.page_contact .web .text p span{display: block;font-size: 18px;font-weight: bold;line-height: 24px;}
.page_contact .web .tab {overflow:hidden;background: #F7F5F6;padding: 40px;}
.page_contact .web .tab ul { margin:0 -1%; }
.page_contact .web .tab ul li {float: left;width: 48%;margin: 0 1% 30px;background: #fff;padding: 0 8px;box-sizing: border-box;}
.page_contact .web .tab ul li.formtel {width: 98%;}
.page_contact .web .tab ul li.last {width:98%;padding: 8px;}
.page_contact .web .tab ul li span {color: #999;display: inline-block;}
.page_contact .web .tab ul li .div_inp {/* border-bottom: 1px solid #e4e4e4; */margin-top:1px;}
.page_contact .web .tab ul li .div_inp input {width: 100%;border:none;background: #fff;}
.page_contact .web .tab ul li .div_textarea {/* border-bottom:1px solid #e4e4e4; */}
.page_contact .web .tab ul li .div_textarea textarea { width:100%; border:none; resize:none; height:60px; }
.khjz_box{margin-top: 70px;}
.kh_img{
    overflow: hidden;
}
.kh_img .img{
    width: 20%;
    float: left;
    height: 180px;
}
.kh_img .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btn_tj { margin-top: 10px; }
.btn_tj a {display: inline-block;width: 148px;height: 42px;line-height: 42px;border: 1px solid #8CB25E;color: #fff;background: #8CB25E;text-align:center;}

.page_store { }
.page_store .list { }
.page_store .list ul { margin:0 -1.5%; }
.page_store .list ul li { float:left; width:47%; margin:25px 1.5%; }
.page_store .list ul li .img1 { overflow:hidden; }
.page_store .list ul li .img1 img { display:block; width:100%; }
.page_store .list ul li .web { margin-top:30px; }
.page_store .list ul li .web h4 { padding-left:40px; background:url(../images/icon7.jpg) no-repeat left center; font-weight:normal; font-size:16px; margin-bottom:15px; }
.page_store .list ul li .web h4 a { color:#333; }
.page_store .list ul li .web p { padding-left:40px; line-height:26px; color:#666; }

.warehouse_details { }
.advert { float:left; width:296px; margin-right:50px; }
.advert ul li { margin-top:20px; }
.advert ul li:first-child { margin-top:0; }
.advert ul li a { display: block; border: 1px solid #e7e3e2; }
.advert ul li .img { overflow: hidden; background: #f7f5f6; }
.advert ul li .img img { display: block; width: 100%; }
.advert ul li .web { line-height: 56px; position: relative; }
.advert ul li .web p { text-align: center; font-size: 16px; padding: 0 20px; }
.advert ul li .web p label { position: absolute; right: 9px; top: 0; font-size: 13px; display: block; padding-right: 17px; background: url(../images/icon3-1.png) no-repeat right center; color: #fff; opacity: 0; }
.advert ul li a:hover { border-color: #8cb25e; }
.advert ul li a:hover .web { background: #8cb25e; }
.advert ul li a:hover .web p { color: #fff; text-align: left; }
.advert ul li a:hover .web p label { opacity: 1; }

.details_web {overflow: hidden;border: 1px solid #e7e3e2;padding: 20px;}
.details_web .tit { text-align: center; line-height: 90px; border-bottom: 1px solid #e7e3e2 }
.details_web .tit h3 { font-weight:normal; font-size:22px; color:#222; }
.details_web .text { padding:10px 32px 60px; }
.details_web .text p { line-height:32px; color:#666; margin-top:30px; text-align:justify; }
.details_web .text img { display:block; margin:20px auto 0; max-width:100%; }

.page_news { }
.news_nav { text-align:center; }
.news_nav ul li { display:inline-block; margin:0 20px; }
.news_nav ul li a { display: inline-block; width: 136px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e7e3e2; font-size:16px; color:#999; }
.news_nav ul li.on a,.news_nav ul li a:hover { background:#8cb25e; border-color:#8cb25e; color:#fff; }
.page_news .list { margin-top:30px; }
.page_news .list ul li { border-bottom: 1px solid #e7e3e2; padding: 30px 0; }
.page_news .list ul li .img { float: left; width: 250px; overflow: hidden; margin-right: 48px; }
.page_news .list ul li .img img { display: block; width: 100%; }
.page_news .list ul li .web { overflow: hidden; padding-top:24px; }
.page_news .list ul li .web span { display: block; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; float: left; margin-right: 16px; }
.page_news .list ul li .web .wd_w { }
.page_news .list ul li .web .wd_w span { background: #8cb25e; }
.page_news .list ul li .web .wd_w h4 { overflow: hidden; line-height: 22px; font-size: 18px; font-weight: normal; }
.page_news .list ul li .web .wd_w h4 a { color: #333; }
.page_news .list ul li .web .wd_d { margin-top: 20px; }
.page_news .list ul li .web .wd_d span { background: #fe9322; margin-top:5px; }
.page_news .list ul li .web .wd_d .text { overflow:hidden; }
.page_news .list ul li .web .wd_d p { line-height: 32px; overflow: hidden;  height:64px; overflow:hidden;}
.page_news .list ul li .web .wd_d p a { color: #666; }
.page_news .list ul li .web .wd_d .news_xq { margin-top:20px; }
.page_news .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; }
.page_news .list ul li .web .wd_d .news_xq em { float:right; font-style:normal; color:#999; }

.page_article { }
.page_article .tit { border-bottom: 1px solid #e7e3e2; padding-bottom:12px; }
.page_article .tit h2{text-align: center;padding: 10px  0 0;}
.page_article .tit h3 { text-align:center; font-weight:normal; font-size:22px; color:#222; }
.page_article .tit p {color: #999;margin-top:22px;text-align: center;}
.page_article .tit p span { float: right; color: #e7e3e2; }
.page_article .tit p span a { color:#999; margin:0 14px; }
.page_article .web {padding: 20px;line-height: 24px;}
.page_article .web p { line-height:32px; color:#666; margin-top:30px; text-align:justify; }
.page_article .web img { display:block; margin:30px auto 0; max-width:100%; }

















.full { position: fixed; top: 50%; right: 0; z-index: 1001; }
.full li a { display: block; width: 52px; height: 52px; margin-bottom: 1px; position: relative; background: #8cb25e; z-index: 1; }
.full li a:hover span, .full li a:hover label { background-color: #8cb25e !important; }
.full li:last-child a { border-bottom: 0; }
.full li a span { display: block; width: 52px; height: 52px; position: relative; z-index: 100; background-position: center center; background-repeat: no-repeat; }
.full li:nth-child(2) a, .full li:nth-child(1) a { z-index: 2; }
.full li a label { display: block; width: 100px; white-space: nowrap; padding: 0 20px; position: absolute; line-height: 52px; color: #fff; z-index: -1; background: #8cb25e; bottom: 0; left: 100%; box-sizing: inherit; max-width: 300%; }
.full li a:hover label { left: -120px; }

.full li a .lbl_img { padding: 10px; height: auto; line-height: normal; }
.full li a .lbl_img img{width: 100%;}
.full li a span.span1 { background-image: url(../images/full1.png); }
.full li a span.span2 { background-image: url(../images/full2.png); }
.full li a span.span3 { background-image: url(../images/full3.png); }
.full li a span.span4 { background-image: url(../images/full4.png); }

/*----------footer----------*/
.footer { margin-top: 100px; }
.foot_xx { background: #f7f5f6; padding:40px 0; }
.foot_xx .nav{
    border-bottom: 1px #ccc solid;
    margin-bottom: 40px;
    padding-bottom: 10px;
}
.foot_xx .nav a{
	transition: .3s;
    font-size: 16px;
    display: inline-block;
    padding: 10px 30px;
    border-right: 1px #ccc solid;
}
.foot_xx .nav a:hover{color: #8cb25e;}
.foot_xx .nav a:last-child{border:0}
.foot_xx .left { float:left; }
.foot_xx .left .fewm{margin-top: 24px;}
.foot_xx .left .fewm .ewm {height: 140px;width: 140px;float:left;overflow:hidden;margin-right:25px;}
.foot_xx .left .fewm .ewm img { display:block; width:100%; }
.foot_xx .left .ft_logo { margin-top:24px; }
.foot_xx .left .ft_logo img { }
.foot_xx .left .nav { margin-top:85px; }
.foot_xx .left .nav ul li { float:left; margin-right:60px; }
.foot_xx .left .nav ul li a { color: #666; }
.foot_xx .right {float:right;width:415px;/* padding: 30px; *//* background: #ccc; */}
.foot_xx .right h3{font-size: 18px;}
.foot_xx .right .f-form{
    overflow: hidden;
    background: #ccc;
    padding: 30px 20px;
    box-sizing: border-box;
    margin-top: 20px;
}
.foot_xx .right .f-form li{
    padding-bottom: 10px;
    width: 48%;
    margin: 1%;
    float: left;
}
.foot_xx .right .f-form li.w{width: 98%;}
.foot_xx .right .f-form li input{
    border: none;
    /* border-bottom: 1px #ccc solid; */
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    background: #fff;
}
.foot_xx .right .f-form li textarea{
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    padding: 10px;
    background: #fff;
    border: none;
    /* border-bottom: 1px #ccc solid; */
}
.foot_xx .right .f-form li input#subbtn{
    background: #8cb25e;
    color: #fff;
    margin-bottom: -10px;
    /* margin-top: 20px; */
    width: 150px;
}
.foot_xx .right .ewm { height:150px; width:150px; float:left; overflow:hidden; margin-right:25px; }
.foot_xx .right .ewm img { display:block; width:100%; }
.foot_xx .right .web { overflow:hidden; padding:10px 0; }
.foot_xx .right .web p { line-height:24px; color:#666; }
.foot_xx .right .web p span { font-size:22px; }
.foot_xx .right .web .ft_tel { margin-top:30px; }

.ft_bq { text-align: center; line-height: 60px; }
.ft_bq p { color:#666; }
.ft_bq p a { color:#666; }

.pagesize { text-align: center; margin-top:60px; }
.pagesize a { background: #f7f5f6; color: #666; display: inline-block; height: 34px; vertical-align: middle; line-height: 34px; width: 34px; margin: 5px; }
.pagesize a.prev { background-image: url(../images/prev.png); background-position: center center; background-repeat: no-repeat; }
.pagesize a.next { background-image: url(../images/next.png); background-position: center center; background-repeat: no-repeat; }
.pagesize a:hover,.pagesize a.on{ background:#8cb25e;color:#fff;}
.pagesize a.prev:hover { background-image: url(../images/prev-1.png); background-position: center center; background-repeat: no-repeat; }
.pagesize a.next:hover { background-image: url(../images/next-1.png); background-position: center center; background-repeat: no-repeat; }

#allmap{margin-top: 60px;height: 600px;}
.linkbox{background-color: #eee;margin-bottom: -100px;padding: 14px 0;margin-top: 100px;}
.linkbox span{display: inline-block;vertical-align: middle;font-size: 20px;color: #000;line-height: 30px;}
.linkbox a{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    padding-right: 20px;
    color: #000;
    line-height: 30px;
}
.linkbox a:hover{color: #8CB25E;}
.h-news-l{padding-bottom: 30px;}
.h-news-l .owl-controls .owl-nav{display: none;}
.h-news-l .owl-dots{margin-bottom: 0;}
.h-news-l .owl-dots .owl-dot span{background-color: #ccc;}
.pc-slide{float:left;width:400px;}
.view .swiper-slide .img-center {width:100%;height:300px;line-height:300px;}
.view .swiper-container{width:100%;}
.preview{width:100%;margin-top:10px;position:relative;}
.preview .swiper-container{margin:0 30px;}
.preview .swiper-slide .img-center{height:80px;border:1px solid #ddd;cursor:pointer;position:relative;line-height: 80px;}
.preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .active-nav .img-center{border-color: #1048a0;}
div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}
div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}
.yunu-showcase {margin: 0 0 20px;padding-bottom: 20px;border-bottom: 1px dashed #ddd;}
.yunu-showcase-info {margin-left: 430px;height: 368px;position: relative;}
.yunu-showcase-info h1 {font-size: 20px;margin: 0;border-bottom: 1px dashed #ddd;padding-bottom: 15px;}
.yunu-showcase-info p {margin: 15px 0 0;color: #666;line-height: 1.8;}
.yunu-showcase-info .tel {
    margin-top: 15px;
    padding-top: 15px;
    height: 42px;
    line-height: 21px;
    font-size: 18px;
    background: transparent;
    padding: 0;
    bottom: 0;
    top: auto;
    left: 0;
    }
.yunu-showcase-info .tel a {
    background-color: #8CB25E;
    color: #fff;
    display: inline-block;
    }

.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}
.wimg img {width: 100%;}
.btn {
    display: block;
    width: 90px;
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    background-color: #104492;
    color: #fff;
    margin-top:10px;
}
.btn:hover{
	background-color: #444;
	color: white;
}

.tabpro{
    margin-top: 30px;
}
.tabpro .hd{
    border-bottom: 1px #E7E3E2 solid;
}
.tabpro .hd ul{}
.tabpro .hd ul li{
    display: inline-block;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
    cursor: pointer;
}
.tabpro .hd ul li.on{
    background: #8CB25E;
    border-bottom: 0;
    color: #fff;
}
.tabpro .bd{
    margin-top: 20px;
}
.tabpro .bd ul{
    line-height: 28px;
}
.tabpro .bd ul li img{max-width:100% !important;height:auto !important;}
.nextp{overflow: hidden;padding: 20px;}
.nextp span{float: right;color: #999;}
.nextp span a{color: #999;}
.video_big{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;background: rgba(0,0,0, .6);display: none;}
.clo-vid{position: absolute;right: -14px;top: -14px;}
.video_big .box{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 960px;height: 600px;display: none;}
.video_big .box iframe{width: 100% !important;height: 100% !important;}
.zoomDiv img{width: 600px;height: 500px;}



/*----------custom----------*/
@media only screen and (max-width: 1600px) { .banner .item .text{ font-size:22px;}
.menu ul li{width:80px;}
}
@media only screen and (max-width: 1440px) {
    .menu ul li{width: 70px;margin: 0 7px;}
    .menu{width:100%;}
		.foot_xx .nav a{font-size: 14px;}
}
@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: 100px;}
    .explosive_owl .owl_cur{bottom: -28px;}
		.menu ul li{width:80px;}
}
@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: 1200px) {
	.top_t{display: none;}
		.top-t-m{text-align: left;display: block;padding: 20px 15px 0 15px;}
		.top-t-m p{
	    line-height: 34px;
	    font-size: 16px;
	}
		.top-t-m p a{
	    padding-right: 10px;
	    color: #8cb25e;
	}
		.top-t-m p a img{display:none}
    .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;}
    .page_news .list ul li .web{padding-top:10px;}
    .page_news .list ul li .web .wd_d{ margin-top:15px;}
    .page_news .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;}
.linkbox{margin-bottom: -20px;margin-top: 40px;}
.linkbox span{font-size: 14px;}
.linkbox a{font-size: 12px;margin-right: 20px;}
.news_nav ul li{margin: 0 4px;}
.index_news .left .img{height: 250px;}
.page_article .tit h2{text-align: center;}
.page_article .web {line-height: 22px;}
.foot_xx .nav{font-size: 0;}
.foot_xx .nav a{font-size: 12px;width: 25%;margin: 4px 0;padding: 4px;box-sizing: border-box;}
.foot_xx .nav a:nth-child(5),.foot_xx .nav a:nth-child(6),.foot_xx .nav a:nth-child(7){width: 33.3333333%;}
}

@media only screen and (max-width: 750px){
	.yunu-showcase-info .tel{display: block;position: static;}
	.foot_xx .left .fewm{text-align: center;}
	.foot_xx .left .fewm .ewm{float: none;display: inline-block;margin: 0 4px;}
	.page_contact .web .text{width: 100%;overflow: hidden;}
	.page_contact .web .text li{width: 50%;float: left;}
	.page_contact .web .text li .ico{display: block;margin: 0 auto;}
	.page_contact .web .text li .tex{width: 100%;display: block;}
	.page_contact .web .text p{word-break: break-all;line-height: 22px;text-align: center;}
	.page_contact .web .text p span{/* display: inline; */font-size: 15px;text-align: center;}
	.about_banner img{object-position: 34% 0%;}
	.page_contact .web .tab{padding: 15px;}
	.kh_img .img{height: 80px;width: 33.33333333%;}
	/* .page_about .video_list .vide_box span{display: none;} */
	.page_about .video_list .vide_box span{height: 200px;}
	.video_big .box{width: 100%;height: 400px;}
	
	#allmap{height: 300px;}
    .full{display:none;}
    .page_news .list ul li .img{ margin-right:20px;}
    .page_news .list ul li .web .wd_d{ margin-top:5px;line-height:20px;}
    .page_news .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;}
		.about_banner{margin-top: 60px;height: 386px;}
		.about_banner .item{height: 386px;}
    .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;float: none;display: inline-block;margin: 0 4px;}
    .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{font-size: 12px;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;}
.page_news .list ul li .img{width:150px;}
.page_news .list ul li .web .wd_w h4{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page_news .list ul li .web .wd_d p{ height:auto;}
.page_news .list ul li .web .wd_d>p{ height:52px;}
.page_news .list ul li .web .wd_d .news_xq{ margin-top:0}
.page_news .list ul li .web{ padding-top:0}
.page_news .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;text-align: center;}
.page_news .list ul li .web .text>p{ height:52px;line-height:26px;margin-bottom:5px;}
.page_store .list ul li{width:97%;}
.foot_xx .right .f-form{/* display: none; */}
.page_about .video_list .vide_box{width: 100%;}
.warehouse .right .list ul li .img{height: 120px;}
.warehouse .right .list ul li .web{min-height: 60px;}
.warehouse .right .list ul li .web p{padding: 10px;line-height: 18px;font-size: 12px;}
.pc-slide {float: none;width: auto;}
    .yunu-showcase-info {margin: 20px 0 0;height: auto;}
    .yunu-showcase-info h1 {padding-bottom: 10px;}
    .yunu-showcase-info p {margin-top: 10px;}
.index_news .right .list ul li .img{float: none;width: 100%;height: 200px;}
.index_news .right .list ul li .img img{height: 100%;object-fit: cover;}
.index_news .right .list ul li{padding: 10px 0;}

}
@media only screen and (max-width: 380px){
    .tel{display:none;}

}
.index_news .left .web h4 a{ display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.index_news .left .web h4{ position:relative; padding-right:100px;line-height:30px;}
.index_news .left .web h4 span{ float:none; position:absolute; top:0; right:0;}
.page_contact .web .tab ul li .div_inp{line-height: 40px;display: inline-block;}