/*web*/
.fl{float: left;}
.fr{float: right;}
.mobileweb{display: none;}
table{border-collapse:collapse;border-spacing:0;display:table;width:100%!important;}
table td,table th{padding:10px;border:1px solid #ddd!important;color:#333;vertical-align:middle;word-break:normal!important;width:1%!important;}
/*end web*/

/*分页*/
.met_pager{font-family:'Arial';text-align:center;padding:80px 0;}
.met_pager a,.met_pager span{background:#333;color:#fff;width:30px;height:30px;line-height:30px;margin:3px;display:inline-block;}
.met_pager a:hover,.met_pager a.Ahover{background:#e67e22;}
.met_pager a.firstPage,.met_pager a.lastPage{width:40px;font-weight:bold;}
.met_pager .PreSpan,.met_pager .NextSpan,.met_pager a.PreA,.met_pager a.NextA{width:50px;font-size: 0;}
.met_pager .PreSpan:before,.met_pager a.PreA:before{content:'◀';font-size:14px;}
.met_pager .NextSpan:before,.met_pager a.NextA:before{content:'▶';font-size:14px;}
.met_pager .PageText,.met_pager #metPageT,.met_pager #metPageB{display:none}
/*end 分页*/

/*二维码显示*/
.pro2wm{display:inline-block;position:relative;cursor:pointer;}
.pro2wm:before{opacity:0;content:'';border-top:8px solid transparent;border-right:8px solid #fff;border-bottom:8px solid transparent;position:absolute;top:7px;right:-14px;z-index:1001;transition-duration:1s;}
.pro2wm:after{opacity:0;content:'';width:5px;height:10px;box-shadow:-3px 0 10px rgba(0, 0, 0, .2);position:absolute;top:10px;right:-14px;z-index:1000;transition-duration:1s;}
.pro2wm:hover:before,.pro2wm:hover:after{opacity:1;}
.pro2wm .wxewm{opacity:0;width:0;max-width:none;height:120px;padding:5px 0;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .2);border-radius:5px;position:absolute;left:60px;bottom:-45px;z-index:999;transition-duration:1s;}
.pro2wm:hover .wxewm{opacity:1;width:120px;padding:5px;}
/*end 二维码显示*/

/*about*/
#contact .con2wm{
    text-align: center;
    padding-bottom: 50px;
}
#contact .con2wm img{
    width: 150px;
}
.inzzzs{
    background: #2b3648;
}
.inzzzs .one-third.column .flipWrapper{
    height: 420px;
}
.aboutgsjj{
    padding: 150px 0 100px;
    background: #2b3648;
}
.aboutcfsb{
    padding: 150px 0 100px;
}
.aboutzzzs{
    padding: 150px 0 100px;
}
.aboutzzzs .one-third.column .flipWrapper{
    height: 420px;
}
.aboutzzzs .one-third.column .flipWrapper.aboutgszs{
    height: 220px;
}
/*about*/

/*product*/
.portfolio-box h4 p br{
    display: none;
}
.product{
    background: #000;
    padding: 150px 0 0;
}
.product #work{
    background: 0;
    padding: 0;
}
/*showproduct*/
.showproduct{  padding: 150px 0 0;  overflow: hidden;  }
.showproduct .promore{
    color: #e67e22;
    background: #fff;
    padding: 5px 10px;
    margin-bottom: 20px;
    border-radius: 3px;
}
/*<!--第一部分-->*/
.showproduct .proone{  padding: 20px;  background: #fff;  }
.showproduct .proone .proimgurl{  width: 450px;  margin: auto;  }
.showproduct .proone .proimgurl img{  width: 100%;  }
.showproduct .proone .prodisplayimg{  width: 400px;  margin: 20px auto 0;  position: relative;  }
.showproduct .proone .proonefr{  width: calc(100% - 500px);  }
.showproduct .proone .proonefr .proonetitle{  color: #202020;  font-size: 20px;  line-height: 30px;  }
.showproduct .proone .proonefr .proonename{  color: #202020;  font-size: 20px;  line-height: 30px;  padding: 10px 0 20px;  }
.showproduct .proone .proonefr .proonename p br{  display: none;  }
.showproduct .proone .proonefr .content{  color: #202020;  font-size: 16px;  line-height: 30px;  border-top: 1px solid #ededed;  padding: 20px 0;  }
.showproduct .proone .proonefr .content p br{  display: none;  }
.showproduct .proone .proonefr .prooneshare{  border-top: 1px solid #ededed;  border-bottom: 1px solid #ededed;  padding: 20px 0 15px;  }
.showproduct .proone .proonefr .prooneshare a{  display: inline-block;  color: #fff;  font-size: 15px;  background: #272727;  width: 44px;  line-height: 44px;  text-align: center;  border-radius: 5px;  overflow: hidden;  margin: 0 5px 5px 0;  }
.showproduct .proone .proonefr .prooneshare a.procon{  width: 130px;  background: #e67e22;  }
.showproduct .proone .proonefr .prooneshare a.procon i{  padding-right: 10px;  }
.showproduct .proone .proonefr .prooneshare .pro2wm:before{  border-left: 8px solid #fff;  border-right: 0;  top: 15px;  left: -5px;  right: auto;  }
.showproduct .proone .proonefr .prooneshare .pro2wm:after{  box-shadow: 3px 0 10px rgba(0, 0, 0, .2);  top: 18px;  left: -5px;  right: auto;  }
.showproduct .proone .proonefr .prooneshare .pro2wm .wxewm{  left: auto;  right: 54px;  bottom: -30px;  }
.showproduct .proone .proonefr .prooneshare .pro2wm .wxewm img{  width: 100%;  height: 100%;  }
/*<!--第二部分-->*/
.showproduct .protwo{  padding-bottom: 100px;  }
.showproduct .protwo .page_left{  width: 50%;  background: #e67e22;  }
.showproduct .protwo .page_right{  width: 50%;  background: #121822;  }
.showproduct .protwo a{  display: block;  padding: 30px;  }
.showproduct .protwo a .page1{  color: #fff;  font-size: 18px;  padding-bottom: 20px;  }
/*product*/

/*news*/
.news{
    padding: 150px 0 0;
}
.news #services{
    padding: 0;
}
/*shownews*/
.shownews{
    padding-top: 150px;
    overflow: hidden;
}
.shownews .title{
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.shownews .updatetime{
    color: #ccc;
    text-align: center;
    border-bottom: 1px solid #333;
    padding: 20px 0;
}
.shownews .content{
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    padding: 20px 0;
}
.shownews .detailpage{
    color: #fff;
    padding: 30px 0 50px;
    border-top: 1px solid #333;
}
.shownews .detailpage p{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.shownews .detailpage p a{
    color: #fff;
    position: relative;
    left: 0;
    transition-duration: 1s;
}
.shownews .detailpage p a:hover{
    color: #e67e22;
    text-decoration: underline;
    left: 10px;
}
.shownews .detailpage .more2{
    color: #fff;
    background: #e67e22;
    border-radius: 5px;
    padding: 12px 30px;
}
/*news*/

/*手机版*/
#mobtool{  display: none;  width: 100%;  height: 50px;  background: #e67e22;  border-top: 1px solid rgba(255, 255, 255, .2);  position: fixed;  left: 0;  bottom: 0;  z-index: 100001;  }
#mobtool ul li{  float: left;  width: 20%;  text-align: center;  border-left: 1px solid rgba(255, 255, 255, .2);  box-sizing: border-box;  }
#mobtool ul li:nth-child(1){  border: none;  }
#mobtool ul li a.menubutton{  background: rgba(255, 255, 255, .2);  }
#mobtool ul li a{  display: block;  width: 100%;  height: 50px;  color: #fff;  padding-top: 10px;  }
#mobtool ul li a p{  height: 25px;  line-height: 25px;  overflow: hidden;  font-size: 12px;  text-transform: uppercase;  }
/*手机版*/
@media (max-width: 992px) {
    #mobtool{
        display: block;
    }
    .pcweb{
        display: none;
    }
    .mobileweb{
        display: block;
    }
    ul.slimmenu li .sub-collapser{
        display: block;
        width: 80px;
    }
    .inzzzs .one-third.column .flipWrapper{
        height: 500px;
    }
    #portfolio-filter .promore{
        display: none;
    }
    #work .portfolio-wrap .portfolio-box{
        width: 100% !important;
        position: relative !important;
        transform: unset !important;
    }
    #work .portfolio-wrap .portfolio-box.isotope-hidden{
        display: none;
    }
    #action h6{
        line-height: 30px;
    }
    #contact .con2wm img{
        width: 120px;
    }
    #footer{
        padding-bottom: 60px;
    }
    .aboutgsjj{
        padding: 80px 0 0;
    }
    .aboutcfsb{
        padding: 80px 0 0;
    }
    .aboutzzzs{
        padding: 80px 0 0;
    }
    .aboutzzzs .one-third.column .flipWrapper{
        height: 500px;
    }
    .aboutzzzs .one-third.column .flipWrapper.aboutgszs{
        height: 250px;
    }
    .showproduct{
        padding: 100px 0 0;
    }
    .showproduct .proone .mobprodisplayimg .swiper-pagination-bullet-active{
        background: #e67e22;
    }
    .showproduct .proone .mobprodisplayimg figcaption{
        display: none;
    }
    .showproduct .proone .proimgurl, .showproduct .proone .prodisplayimg{
        display: none;
    }
    .showproduct .proone .proonefr{
        width: 100%;
        padding-top: 20px;
    }
    .showproduct .proone .proonefr .prooneshare .pro2wm:nth-child(4){
        display: none;
    }
    .showproduct .protwo a{
        padding: 20px;
    }
    
    #message.show #center{  width: 90%;  top: 50px;  transform: translate(-50%, 0);  }
    #message #center #feedback{  padding: 20px 0 20px 20px;  margin-bottom: 50px;  }
    #message #center #feedback .pro{  width: calc(100% - 30px);  margin-bottom: 15px;  }
    #message #center #feedback dl{  width: 100%;  padding: 0 30px 15px 0;  }

    .shownews .detailpage .more2{
        display: none;
    }
}