#company{width:1000px;margin:100px auto 140px;}
#company h4{text-align: center;font-size: 30px;color:#1b1b1b;}
#company h6{text-align: center;font-size: 14px;color:#5f5f5f;margin:14px 0 30px;}
#company .line{margin:0 auto 60px;width:30px;height:4px;background:#fee037}

#company .down>.lf{width:370px;height:600px;margin-right:160px;padding-top:150px;}
.line1{display:inline-block;width:80px;height:10px;background: #000;margin-right:30px;}
.line2{display:inline-block;width:10px;height:10px;background: #000;}
#company .down .lf p{margin:28px 0 60px;font-size: 28px;color:#030303;font-weight: bold;}
.more{width:73px; font-size: 16px;display: inline-block;padding-bottom:10px;border-bottom:2px solid #333;}
#company .down .lf img{width:370px;height:180px;margin-top:114px;}

.fullBanner{width:100%;margin:130px auto 80px;position: relative}
.fullBanner img{display:block;width:100%;margin:0 auto;}

.fullBanner .text p{font-size:28px;font-weight: bold;margin-bottom:44px;}

.fullBanner.bottom{margin:0 auto}
.fullBanner.bottom .text p.p1{margin:30px 0 44px;}
.fullBanner.bottom .line1,.fullBanner.bottom .line2{background:#000;}

@media screen and (min-width: 1400px){
    .fullBanner .text{width:670px;height:320px;position:absolute;top:0;left:50%;margin-left:80px;padding:208px 0 0;}
    .fullBanner.bottom .text{left:10%;padding:230px 0 0;}
    .fullBanner .text p.p1{margin:30px 0 20px;}
}
@media screen and (max-width: 1400px){
    .fullBanner .text{width:600px;height:320px;position:absolute;top:0;left:50%;margin-left:60px;padding:70px 0 0;}
    .fullBanner.bottom .text{left:10%;padding:140px 0 0;}
    .fullBanner .text p.p1{margin:30px 0 20px;}
}



#video{width:1200px;margin:0 auto;}
#video h3{margin-bottom:50px; text-align: center;font-size: 34px;color:#000;text-shadow: 6px 4px 0 rgba(0,0,0,.1)}


#trends{width:100%;background-color: #f3f7f9;padding:80px 0 90px;}
#trends h3{position: relative; width:1200px; margin:0 auto 50px; text-align: center;font-size: 34px;color:#000;text-shadow: 6px 4px 0 rgba(0,0,0,.1)}
#trends h3 span{position: absolute;right:0;font-size: 14px;color:#626262;line-height: 34px;text-shadow:none}
#trends h3 span b{width:20px;height:15px;background-position:-470px -66px }
#trends ul{width:1200px;margin:0 auto;justify-content: space-between}
#trends ul li{width:280px;float: left;}
#trends ul li .pname{margin:20px 0 18px;font-size: 18px;}
#trends ul li .txt{font-size:14px;color:#4c4c4c;line-height: 18px;}
#trends ul li a{display: block;width:280px;position: relative;overflow: hidden;}
#trends ul li .pimg img{
    width:100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

#trends ul li a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#trends ul li a:hover .bg{
    background:rgba(0,0,0,.5);
}
.bg{
    position: absolute;top:0;left:0;width: 100%;height: 100%;
    z-index: 100;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}


.bx-wrapper{margin:0 auto;}
.bx-wrapper .bx-viewport{border:0 !important;}
#video .bx-wrapper .bx-controls-direction .bx-prev {
    width:30px;
    height:30px;
    right:50%;
    bottom:-30px;
    display: block!important;
    background: url(../img/icon.png) no-repeat -519px -108px;
}
#video .bx-wrapper .bx-controls-direction .bx-next {
    width:30px;
    height:30px;
    bottom:-30px;
    left:50%;
    display: block!important;
    background: url(../img/icon.png) no-repeat -569px -56px;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    outline: 0;
    width: 50px;
    height: 70px;
    text-indent: -9999px;
    z-index: 99;
}


#banner{width:100%;}
#banner img{width:100%;display: block;margin:0 auto}

@media screen and (min-width: 1400px){
    .bx-wrapper .bx-prev {
        left:50%;margin-left:-800px;
        background: url(../img/left-1.png) no-repeat ;
    }

    .bx-wrapper .bx-next {
        right:50%;margin-right:-800px;
        background: url(../img/right-2.png) no-repeat ;
    }
}
@media screen and (max-width: 1400px){
    .bx-wrapper .bx-prev {
        left:50%;margin-left:-400px;
        background: url(../img/left-1.png) no-repeat ;
    }

    .bx-wrapper .bx-next {
        right:50%;margin-right:-400px;
        background: url(../img/right-2.png) no-repeat ;
    }
}

.ProductList__itemName{text-align: center}