.scroll-outer{height:445px;}
#scroll{width:1080px;margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:250px;height:340px;margin:0 auto;background-color:#fff;overflow:hidden;}
#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.15);}
#scroll .shd a{display:block;width:250px;height:239px;}
#scroll .txt{position:absolute;left:0;bottom:0;width:226px;height:100px;padding:0 12px;color:#888;box-shadow:0 0 15px 15px rgba(228, 233, 238, 0.95);background-color:#e4e9ee\9;background-color:rgba(228, 233, 238, 0.95);}
#scroll h3{width:226px;height:25px;margin-bottom:6px;padding-top:6px;font:700 18px/25px arial,"Microsoft Yahei";overflow:hidden;}
#scroll h3 a{color:#333;text-decoration:none;}
#scroll h3 a:hover{color:#338de6;}
#scroll p{width:226px;height:54px;line-height:18px;font-size:12px;}

#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}
#scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(248, 249, 249, 0.95);box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.95);}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:#3373a5;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}

.tiem-transparency{
    position: absolute;
    top:0;
    left:0;
    right: 0;
    /* bottom: 0; */
    height: 290px;
    background: #3373a5;
    opacity: 0;
    transition: 0.5s;
}
.owl-item:hover .tiem-transparency{
    opacity: 0.5;
    transition: 0.5s;
    cursor: pointer;
}
.owl-item:hover{
    cursor: pointer;
}
.owl-item img{
    transform: scale(0.9);
}
@keyframes myfirst
{
    0%   {opacity: 0;}
    10%  {opacity: .1;}
    20%  {opacity: 0.2;}
    30% {opacity: 0.3;}
    40%{opacity: 0.4;}
    50%{opacity: 0.5;}
    60%{opacity: 0.6;}
    70%{opacity: 0.7;}
    80%{opacity: 0.8;}
    90%{opacity: 0.9;}
    100%{opacity: 1;}
}

.Product{
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    padding: 50px 0 20px 0;
    color:#212529
}
.Product2{
    background: #c5c5c5;
    background-size: 100% 100%;
    width: 100%;
}
.Product2{

    /*text-align: center;*/
    /*padding: 50px 0;*/
    color: #FFFFFF;
}
@media(min-width:1170px ){
    .container1{
        position: relative;
        margin: auto;
        width: 1170px;
    }
}

a{
    text-decoration: none;
}
/* 设置轮播图样式 */
/* 图片显示样式 */
.banner_slider{
    position: relative;
    /*background-color: green;*/
    margin:0 auto;
    width:1125px;
    height: 277px;
    overflow:hidden;
}
.banner_slider_pics{
    width:3000px;
    height: 100%;
    margin:0 auto;
    position: relative;
    left:-557px;
}
.banner_slider_pics>a{
    /*width: 500px;*/
    /*height: 380px;*/
    display: block;
    float: left;
    text-align:center;
}

/* 上一张，下一张按钮样式 */
.banner_slider_arrow{
    width: 500px;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 50%;
    margin-bottom: -20px;
}
.arrow_item{
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    opacity: .6;
}
.arrow_item:hover{
    opacity: .8;
}
.prev{
    position: absolute;
    left: 10px;
    padding:10px 7px 10px 7px;
}
.next{
    position: absolute;
    right:-618px;
    padding:10px 7px 10px 7px;
}
/* 圆点按钮 */
.banner_slider_dots{
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 10px;
    text-align: center;
}
.dots_item{
    display: inline-block;
    width:10px;
    height: 10px;
    background-color: #999;
    border-radius:50%;
    border:3px solid #fff;
    margin-right: 10px;
}
.dots_active{
    background-color: #fff;
    border-color:orange;
}
.bg-toumingdu1{
    position: relative;
}
.bg-toumingdu2{
    position: absolute;
    top:188px;
    left:0;
    width: 210px;
    height:50px;

    background: #3373a5;
    opacity: 0;
}
.bg-toumingdu1:hover .bg-toumingdu2{
    animation: myfirst 2s;
}
.home-4-bg1{
    background: url("../images/home-4-1.jpg") no-repeat;
    background-size:100% 100% ;
    width: 100%;
    height:570px;
}
.home-4-bg1-1{
    width: 100%;
    height:570px;
    background: #0d0f12;
   background: rgba(80,86,88,.5);
    /*text-align: center;*/
    display: none;
}
.home-4-bg1:hover .home-4-bg1-1{
    display: block;
}
.home-4-bg2{
    background: url("../images/home-4-2.jpg") no-repeat;
    background-size:100% 100% ;
    width: 100%;
    height:570px;
}

.home-5-bg{
    background: #ececee;
    width: 100%;
    /* height:600px; */
}
/*@media (max-width: 1170px){*/
    /*.home-5-bg{*/

        /*height: 600px;*/
    /*}*/
/*}*/


#tab ul{
    list-style-type: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left:0
}

#tab ul li{
    width:33%;
    height: 380px;
    background:#FFFFFF;
   /*margin-left: 25px;*/
   padding: 0 15px;
   margin: 5px;
}
#tab ul li img{
    width: 100%;
}
#tab ul li:hover{
    transform: scale(1.1);
    background: #3373a5;
    color:#FFFFFF;
    height: 100%;
}
#tab ul li:hover a{
    color:#FFFFFF;
}
#tab ul li .tab1{
   padding:10px 20px;
    border-bottom: 1px solid #d3d3d3;
    /* width: 350px; */

}