﻿
.line3{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:3;height:72px;}
.line4{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:4;height:96px;}
.line2{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:2;height:48px;}
.line5{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:5;height:120px;}
.line6{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:6;height:144px;}
.pic{overflow:hidden;}
.pic:hover img,li:hover .pic img,.swiper-slide:hover .pic img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
@font-face {
    font-family: 'agency';
    src: url('font/AgencyFB.eot');
    src: local('font/AgencyFB Regular'),
    local('font/AgencyFB'),
    url('font/AgencyFB.ttf') format('truetype'),
    url('font/AgencyFB.svg')
    format('svg');
}
@font-face {
    font-family: 'bell';
    src: url('font/BellMT-Bold.eot');
    src: local('font/BellMT-Bold'),
    local('font/BellMT-Bold'),
    url('font/BellMT-Bold.ttf') format('truetype'),
    url('font/BellMT-Bold.svg')
    format('svg');
}
@font-face {
    font-family: 'berlin-b';
    src: url('font/Berlin-Sans-FB-Demi-Bold.eot');
    src: local('font/Berlin-Sans-FB-Demi-Bold Regular'),
    local('font/Berlin-Sans-FB-Demi-Bold'),
    url('font/Berlin-Sans-FB-Demi-Bold.ttf') format('truetype'),
    url('font/Berlin-Sans-FB-Demi-Bold.svg')
    format('svg');
}
@font-face {
    font-family: 'berlin';
    src: url('font/berlin sans fb.eot');
    src: local('font/berlin sans fb'),
    local('font/berlin sans fb'),
    url('font/berlin sans fb.ttf') format('truetype'),
    url('font/berlin sans fb.svg')
    format('svg');
}
.agency{font-family:'agency';}
.berlin{font-family:'berlin';}
.berlin{font-family:'bell';}
.phone{display:none;}
.editor,.fontp{font-size:14px;color:#999;line-height:24px;text-align:justify;}
.editor table,.editor img,.editor embed,.editor iframe{margin:12px 0;max-width:100%;}
.editor img{height:auto !important;}
.bdsharebuttonbox a{float:none !important;display:inline-block !important;margin:0 8px !important;padding:0 !important;line-height:inherit;width:22px;height:22px;vertical-align:middle;}
.bdsharebuttonbox{text-align:center;margin-top:60px;}
.pos_re{position:relative;}
.pos_re>a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}


/*.pro-tab a:before{content:"";display:block;left:20px;bottom:0;position:absolute;height:2px;background:#000;width:calc(100% - 20px);}*/
.pro-tab a:hover{color:#ffc001;}
.bfff{background:#fff;}
.f20{font-size:20px;color:#333;}
.product{}
.product li{text-align:center;border:1px solid #e5e5e5;margin:-1px;background:#fff;padding:40px;box-sizing:border-box;width:25%;float:left;}
.ny-tit{text-align:center;padding:0;background:none;}

.product li .wenz p{text-align:center;margin-top:14px;}
.product li .wenz img{visibility:hidden;opacity:0;width:40px;margin-top:14px;}
.product li .wenz h3{margin:16px 0 12px;}
.product li:hover{z-index:2;box-shadow: 0px 3px 18px 0px rgba(211, 211, 211, 0.71);}
.product li:hover>a{border-bottom:6px solid #ffc001;box-sizing:border-box;}
.product li:hover img{visibility:visible;opacity:1;}
.page{text-align:center;margin-top:60px;line-height:48px;}
.page a{vertical-align:middle;display:inline-block;font-size:14px;color:#888;margin:0 8px;}
.page a.page-prev,.page a.page-next{width:48px;height:48px;border-radius:50%;}
.page a.page-prev{margin-right:25px;background:#dbdbdb url(../images/prev.png) no-repeat center center/10px;}
.page a.page-next{margin-left:25px;background:#dbdbdb url(../images/next.png) no-repeat center center/10px;}
.page a.page-prev:hover{box-shadow: 0px 4px 10px 0px rgba(255, 192, 1, 0.79);background:#ffc001 url(../images/prevh.png) no-repeat center center/10px;}
.page a.page-next:hover{box-shadow: 0px 4px 10px 0px rgba(255, 192, 1, 0.79);background:#ffc001 url(../images/nexth.png) no-repeat center center/10px;}
.page a.on{color:#ffc001;text-decoration:underline;}
.page a:hover{color:#ffc001;}
.lists-a{position:absolute;left:0;top:18px;z-index:3;font-size:16px;color:#333;}
.lists-a:hover{color:#ffc001;}
.product-detail{/*background:url(../images/bg05.jpg) repeat-y center/100%;height:calc(100% - 80px);overflow:hidden;*/}
.product-detail .wrapper{position:relative;}
.fh{z-index:3;position:absolute;right:0;top:18px;display:inline-block;font-size:16px;color:#333;padding-right:23px;background:url(../images/fh.png) no-repeat right center/15px;}
.fh:hover{color:#ffc001;background:url(../images/fhh.png) no-repeat right center/15px;}
.f36{font-size:36px;color:#333;}
.pic-scroll{width:50%;padding:90px 90px 65px 0;box-sizing:border-box;min-height: 700px}
.pro-wenz{width:50%;padding:60px 50px;box-sizing:border-box;height:100%;position:fixed;right:0;z-index: 2;}
.scroll-div{height:100%;overflow-y:auto;padding-right:50px;}
.pic-scroll .img-box{text-align:center;/*margin-bottom:150px;*/float:right;}
.pic-scroll .img-box>div{display:none;}
.pic-scroll .img-box>div>div{width:510px;height:400px;line-height:400px;overflow:hidden;}
/*.pic-scroll .img-box img{display:none;max-width:100%;max-height:100%;}*/
