@charset "utf-8";
/* CSS Document */
body{position: relative;}
b,strong{font-weight: normal;}
#menu{background: #009d0b;}
#menu ul li{border-bottom: 1px solid rgba(255,255,255,.05);background: rgba(0,0,0,.1);}
#menu ul li a{color: #fff;padding:12px 20px;font-size: 14px;display: inline-block;width:70%;}
#menu ul li a:hover{background:none;}
#menu ul li i{line-height:22px;font-size: 18px;display: none;width: 30%;text-align: right;padding:0 20px 0 0;transition: .3s;color: #fff;}
#menu ul li.cur i{display: inline-block;}
#menu ul li.on {    background: rgba(255,255,255,.1)}
#menu ul li.on a{color: #fff;}
#menu ul li.on i{color: #fff;}
#menu .menu-section-list{margin:30px 0;}
#menu dl{background: #12570e;display: none;transition: .3s;}
#menu dl dt{border-bottom: 1px solid rgba(0,0,0,.1);}
#menu dl dt a{color: #fff;padding:8px 24px;}
#menu dl dt i{padding:0 5px 0 0;}
#main{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);overflow-x: hidden;}
.panel{padding-top:0;text-align: justify;}
.panel-header{width:100%;font-size: 16px;font-weight: bold;text-align: center;line-height: 50px;height: 50px;padding: 0 45px 0 60px;transition: .4s;z-index: 999;margin:0;box-shadow: 0 2px 5px rgba(0,0,0,.05);overflow: hidden;}
.menu-button{display: block;width: 40px;height: 30px;position: absolute;top: 10px;left: 5px;}
.menu-button .line:nth-of-type(1) {margin-top: 0;}
.menu-button .line:nth-of-type(2) {margin-bottom: 0;}
.menu-button .line{position: relative;display: block;width: 26px;height: 3px;margin: 8px 0;background:rgba(1,157,13,1);-webkit-transition: .1s;transition: .1s;}
.slideout-open #main .menu-button .line:nth-of-type(1){-webkit-transform: translateY(4.5px) rotate(-45deg);-ms-transform: translateY(4.5px) rotate(-45deg);transform: translateY(4.5px) rotate(-45deg);}
.slideout-open #main .menu-button .line:nth-of-type(2){-webkit-transform: translateY(-6.5px) rotate(45deg);-ms-transform: translateY(-6.5px) rotate(45deg);transform: translateY(-6.5px) rotate(45deg);}
.logo a{font-size:18px;color: #fff;}
.home{display: block;width: 24px;height: 40px;position: absolute;top:4px;right: 14px;}
.home i{font-size: 22px;color:rgba(255,255,255,.8);}
.p_banner{position: relative;}
.p_banner .swiper-pagination-bullet{background: #009d0b;}
/*
*主体内容
*/
.i-box{border-top: 7px solid #f6f6f6;margin: 20px 0 0 0;}
.i-product{border-bottom: 1px #12570e solid;}
/* .i-box-hd{background: linear-gradient(to bottom, #f9f9f9, #dfdfdf);padding: 3% 5%;border-bottom:  1px #12570e solid;} */
.i-box-hd .tit{padding-left:  16px;line-height: 1.2;}
.i-box-hd p{color: #B7B7B7;text-transform: capitalize;line-height:1;}
.items-img_scroll{text-align: center;position: relative;overflow: hidden;margin:20px 0 0 0;padding: 0 5%;}
.items-img_scroll .swiper-pagination{height:5px;}
.items-img_scroll .swiper-pagination .swiper-pagination-bullet-active{background: #444;}
.items-img_scroll li .img{background: #eee;}
.items-img_scroll li .img img{max-width: 100%;margin:auto;}
.items-img_scroll li .tit{height:60px;line-height:60px;font-size: 16px;padding:0 10px;}
.items-img{padding:20px 5% 0 0;}
.items-img li{float: left;width:50%;}
.items-img .item-img{padding:0 0 0 5%;}
.items-img li .tit{height:36px;line-height:36px;margin:0 0 10px 0;padding:0 10px;font-size: 13px;transition:all .3s ease-out 0s;}
.items-img li:hover .tit{background: ##12570e;color: #fff;}
/*

/*标题*/
.i-box-hd .tit{
    font-size: 24px;
    color: #009d0b;
    text-align:  center;
    font-weight:  bold;
}
.i-box-hd p{
    color: #B7B7B7;
    font-size: 14px;
    text-transform: capitalize;
    line-height:1;
    text-align:  center;
}
.i-box {
    padding: 7% 5%;
    border-top: 7px solid #f6f6f6;
    margin: 10px 0 0 0;
}

/*优势*/

.advantage{ background:#131419 url(../image/adbg.jpg) no-repeat top center;background-size:cover; padding:40px 0}


 .advantage .in-tit{color:#fff;font-size:24px;text-align:center;}
  .advantage .in-tit strong{font-weight:bold;}
  .advantage .in-tit strong em{color:#fc0}
    .advantage .in-tit span{
        font-size:18px;
    }
.advantage .tit2 strong em{ color:#f00; font-style:normal;}

.advantage .tit2 strong{ text-align:center; font:bold 40px/40px "微软雅黑"; display:block; color:#fff;}

.advantage .tit2 span{ display:block; text-align:center; font-size:30px; font-weight:bold; color:#fff;}

.advantage h3{ font-size:20px; color:#fff; line-height:60px;text-align:center}

.advantage h3 span{ color:#d00;}

.advantage h3 em{ font-style:normal; color:#fc0;}

.advantage .img-box{
    width:80%;
    margin:2% auto; 
}
.advantage p{ font-size:16px; color:#fff; line-height:1.38;padding:0 5%}



/*公司优势
*/
.i-youshi-bd{margin:20px 0 0 0;padding: 0 5%;}
.i-youshi-bd ul{padding:10px 0 0 0;}
.i-youshi-bd li{display: inline-block;width: 30%;padding:20px 3%;text-align: center;margin:0 2% 0 0;background: #f6f6f6;}
.i-youshi-bd li:nth-child(3){margin:0;}
.i-youshi-bd li i{font-size: 18px;width:40px;height:40px;border-radius: 50%;background: #d00000;color: #fff;line-height:40px;}
.i-youshi-bd li:first-child i{font-size: 16px;}
.i-youshi-bd li p{padding:10px 0 0 0;font-size: 14px;}
/*
*新闻列表
*/
.items-text_desc li{padding:15px;margin:15px 0 0 0;background: #f7f7f7;}
.items-text_desc li .tit a{font-size: 16px;color: #444;}
.items-text_desc li .tit a:hover{color: #444;}
.items-text_desc li .time{color: #999;font-size: 12px;margin:0 0 8px 0;}
.items-text_desc li .time i{padding:0 5px 0 0;}
.items-text_desc li .desc{font-size: 14px;height:50px;overflow: hidden;line-height:25px;}
.i-about-bd{margin: 20px 0 20px 0;padding: 0 5%;}
.i-about-bd .tit{font-size: 18px;color: #333;}
.i-about-bd .con{font-size: 14px;line-height:1.8;margin-top: 10px;color: #777;}
.i-about-bd .con a{color: #444;}


.i-contact {
    background: #f7f7f7;
    margin: 20px 5% 0;
    padding: 5%;
    border-bottom: 1px solid #e5e5e5;}


.i-contact-bd{font-size: 14px;padding:15px 0 0 0;line-height:1.8;padding: 2% 5%;}
.i-contact-bd a{color: #444;}
.footer{background: #f7f7f7;padding:3% 5%;margin:0 5% 70px;font-size: 14px;}
.um-contact{width:80%;position: fixed;bottom: 30px;background: #12570e;box-shadow: 0 2px 4px rgba(0,0,0,.3);height:40px;left:10%;z-index: 9999;border-radius: 30px;}
.um-contact a{display: inline-block;width:50%;line-height:40px;text-align: center;color: #fff;font-size: 14px;}
.um-contact a i{padding:0 6px 0 0;font-size: 16px;vertical-align: middle;}
/*
* 分类
*/
.pro_menu{margin:0 5% ;text-align: center;overflow: hidden;}
.pro_menu li{display: inline-block;margin:10px 10px 0 0;}
.pro_menu li:last-child{margin:10px 0 20px 0;}
.pro_menu li a{display: block;background: #eee;padding:5px 10px;}
.pro_menu li .active{display: block;background: #009d0b;padding:5px 10px;color:#fff}
.pro_menu_more{text-align: center;display: none;text-decoration: underline;cursor: pointer;color: #999;margin:10px 0 20px;}
/*
* 单页模型
*/
.um-tit {padding:20px 0 30px;border-bottom: 1px solid #eee;}
.um-tit h4{font-size: 18px;color: #333;line-height:1.6;}
.um-tit p{font-size: 12px;color: #999;text-transform: capitalize;line-height:1;}
.page-index{font-size: 14px;}
.page-index .con{padding:10px 0 20px;font-size:14px ;line-height:1.8;}
.page-index .con a{color: #444;}
/*
*   产品详情
*/
.img-show-hd{background: #eee;position: relative;overflow-x: hidden;}
.img-show-hd .swiper-pagination-bullet{opacity:.3;}
.img-show-hd .swiper-pagination-bullet-active{background: #444;opacity:.7;}
.img-show-hd img{width:100%;margin:0 auto;}
.img-show-bd{padding:10px 0 15px;border-bottom: 1px solid #eee;}
.img-show-bd .tit{font-size: 16px;color: #444;font-weight: 700;}
.img-show-bd p{color: #999;}
.img-show-bd p i{padding:0 5px 0 0;font-size: 10px;}
/*
* 内页内容通用
*/
.page_info{padding:20px 0;font-size: 14px;line-height:1.8;}
.page_info p{margin:0 0 10px 0;}
.page_info a{color: #444 !important;font-size: 14px !important;}
.page_info img{margin:10px 0;margin:0 auto;}
/*
* 文章列表
*/
.article-list{padding:10px 3%;background: #eee;}
.article-list li{background: #fff;margin:0 0 10px 0;}
.article-list li:last-child{margin:0;}
.article-list li .img{width:26%;}
.article-list li .img img{padding:10px;}
.article-list li .con{width:96%;margin: 3%}
.article-list li .con h4{font-size: 14px;color: #333;padding:10px 10px 2px 0;}
.article-list li .con p{font-size: 12px;color: #777;height:44px;overflow: hidden;padding:0 10px 0 0;}
/*
* 文章详情
*/
.article-show{margin:30px 5% 0;}
.article-show_hd .tit{font-size:18px;color: #333;}
.article-show_hd .time{padding:0 0 10px 0;border-bottom: 1px solid #eee;color: #999;}
.article-show_hd .time i{padding:0 6px 0 0;}
.article-show_hd .time a{color: #999;}
/*
*留言页面
*/
.guestbook-page{padding:20px 5%;}
.guestbook-list li{padding:0 0 20px 0;}
.guestbook-list li .tit{font-size: 16px;color: #333;}
.guestbook-list li .time{color:#999;}
.guestbook-list li .con{padding:5px 0;}
.guestbook-list li .reply{background: #f5f5f5;padding:5px 10px;}
.post_box tr{height:34px;}
.post_box tr:nth-child(5){height:100px;}
.post_box td{display: inline-block;}
.post_box td.tit{margin:0 3% 0 0;width:15%;}
.post_box td.con{width:76%;}
.post_box td.con input,.post_box td.con textarea,.post_box td.con select{border: 1px solid #ccc;line-height:20px;}
.post_box td.con textarea{max-width: 100%;max-height: 100px;}
.post_box .btn{width:80px;height:30px;line-height:30px;border: none;margin:0 5px 0 20px;background: #444;color: #fff;}
.post_box .btn-default{background: #ddd;color: #666;margin:0 5px 0 0;}
.feedback-page .post_box tr:nth-child(5){height:32px;}
.feedback-page .post_box tr:nth-child(6){height:110px;}
/* 为了手机站显示正常 */
.main_body{  padding:10px 0 20px;font-size:14px ;line-height:1.8;width: 94%!important;margin: auto 3%!important;}
.main_body img{max-width: 100%!important}
.flnone{float: none!important;width: 100%!important;margin: 0!important;}
.frnone{float: none!important;width: 100%!important;margin: 0!important;}
.hide{display: none!important;}
/* 这里决定内页图片高度自适应 */
.page-index img{max-width: 100%!important;height: auto!important;}
.con .date{color: #999;display: block;}
.i-nav{padding:  5% 3%;}
.i-nav ul li {float: left;text-align:  center;padding: 0 4%;width: 25%;    border-right: 1px solid #f1f1f1;}
.items-text_desc {padding: 0 4%;}
.i-nav ul li a img {margin: 0 auto;}
.p_banner .swiper-pagination{color: #fff}
/* 底部 */
.footer strong{color:#E56600;font-size:14px;white-space:normal;background-color:#FFF;}
.footer a{color: #666;}




.sj-kf{
    width: 100%;
    position:fixed;
    bottom: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    background: #fafafa;
    border-top: 1px solid #ccc;
    z-index:999;
  }
  .sj-kf li img{
    width: 40%;
    margin-top: 5px;
    margin-left: 5px;
    float: left;
    /* margin-right: 20px; */
  }
  .sj-kf li{
    float: left;
    width: 25%;
  }
  .sj-kf li a{
    display:block;
  }
  .sj-kf li p{
    font-size: 16px;
    float: left;
    padding-left: 10px;
    color: #666;
  }
  .wx-img-box{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255, 255, 255, .8);
    display: none;
    z-index: 1;
  }
  .wx-img-box img{
    display: block;
    width:400px;
    position:absolute;
    top:10%;
    left:calc(50% - 200px)

  }


.weixin-btn{
    width:180px;
    height:40px;
    line-height:40px;
    position:absolute;
    bottom:20%;
    display:block;
    background:#1e9fff;
    color:#fff!important;
    font-size:16px;
    text-align:center;
    left:calc(50% - 90px);
    border-radius:5px;

}