/* 广告 */
.banner{max-width: 1920px; width: 100%; margin: 0 auto; overflow: hidden; position: relative; margin-bottom: 2.60416666%;}
.banner .swiper-pagination-bullet{width: 20px; height: 20px; background-color: #fff; margin: 0 12px!important;}
.banner .swiper-pagination-bullet-active{background-color: #fcc700;}
.banner div.swiper-pagination-bullets{bottom: 3.2%;text-align: center;position: absolute;z-index:2;}
.banner .swiper-wrapper li a{display: block; width: 100%; height: 0; padding-top: 28.9029113224359%;}
.banner .banner01 a{background: url(../image/banner011.jpg) no-repeat 0 0; background-size: 100% 100%;}
.banner .banner02 a{background: url(../image/banner02.jpg) no-repeat 0 0; background-size: 100% 100%;}
.banner .banner03 a{background: url(../image/banner03.jpg) no-repeat 0 0; background-size: 100% 100%;}
.banner .banner04 a{background: url(../image/banner04.jpg) no-repeat 0 0; background-size: 100% 100%;}
.banner .banner05 a{background: url(../image/banner05.jpg) no-repeat 0 0; background-size: 100% 100%;}
/* 主体 */
.mainnet{max-width: 1200px;  box-sizing: border-box; margin: 0 auto;}
.mainnet .title{color: #333;font-size:32px; line-height: 1; margin-bottom: 40px; letter-spacing: 6px;font-weight: bold;text-align: center;width: 100%}
.mainnet h6{
    text-align: center;
    font-size: 26px;
    color: #0a4673;
    font-weight: normal;
    position: relative;
    top: -20px;
}
.indexproducts{position: relative;}
.indexproducts .swiper-slide a{display: block;background: #f5f5f5;height:370px;}
.indexproducts .swiper-slide a h4{font-size: 20px;padding-left:20px;margin-top: 20px;padding-right: 20px;padding-bottom: 10px;}
.indexproducts .swiper-slide a .product_info{font-size: 14px;color: #666;padding-left: 20px;padding-right: 20px;}
.indexproducts .proswi-button-prev{background: url(../image/prolar.png) no-repeat; width:60px;height: 60px;cursor: pointer;left: -30px;bottom: 200px;position: absolute;z-index: 3}
.indexproducts .proswi-button-next{background: url(../image/prorar.png) no-repeat; width:60px;height: 60px;cursor: pointer;right: -30px;bottom: 200px;position: absolute;z-index: 3}
.product_list{
}
.product_list li{
    width: 288px;
    padding-top: 13.33333333333333%;
    height: 0;
    display: inline-block;
    margin-left:15px;
    position: relative;
    text-align: left;
    vertical-align: top;
    float: right;
}
.product_list li:first-child{
    width: 593px;
    padding-top: 27.41666666666667%;
    margin-left:0px;
    float: left;
}
.product_list li:last-child{
    margin-top: 10px;
}
.product_list li:nth-last-child(2){margin-top: 10px;}
.product_list li a{display: block; vertical-align: top;position: absolute;top: 0;left: 0;bottom: 0;right: 0}
.product_list li img{position: absolute; left: 0; top: 0; z-index: -2;
    width: 100%;}
.product_list li .product_info{color: #fff; font-size: 14px; line-height: 20px; padding:20px 20px 0; opacity: 0; filter:alpha(opacity=0);
    transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s; box-sizing: border-box;height: 100%
}
.product_list li:first-child .product_info{
    font-size: 20px;
    line-height: 30px;
}
.product_list li h4{color:#fff; font-size:18px; letter-spacing:0px; font-weight: normal; padding-left: 20px;  position: absolute; bottom:10px; left: 0;}
.product_list li:first-child h4{
    font-size: 30px;
}
.product_list li .mask_layer{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: #032a6a; opacity: 0; filter:alpha(opacity=0);
    transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
}
.product_list li a:hover .product_info{opacity: 1; filter:alpha(opacity=100);}
.product_list li a:hover .mask_layer{opacity: 0.8; filter:alpha(opacity=80);}
.indexabout{overflow: hidden;margin-top: 80px;margin-bottom: 80px;}
.indexabout h4{font-size: 18px;}
.indexabout div p{font-size:16px;line-height:34px;
    margin-top: 12px;}
.indexabout .artbody{float: left;width:66%;}
.indexabout .artbody>a.more{
    font-size: 14px;
    color: #0061dd;
}
.indexabout video {float:right;width: 32%;}
.indexnews{position: relative;
    margin: 0 auto 80px;
    }
.indexnews .swiper-slide{width:660px;height:412px;overflow: hidden;}
.indexnews .swiper-slide img{width: 100%;height:100%;}
.indexnews .swiper-slide a{display: block;position: relative;width: 100%;height: 100%;overflow: hidden}
.indexnews .swiper-slide p{position:absolute;bottom: 0;height:40px;line-height: 40px;left: 0;z-index:2;right: 0;background:hsla(0,0%,20%,0.61);color: #fff;padding-left:16px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;}
.indexnews .swiper-slide p date{color: #bbb;padding-right: 10px;}
.indexnews .news-button-prev{background: url(../image/newslar.png) no-repeat; width:40px;height: 40px;position: absolute;z-index: 3;cursor: pointer;bottom: 186px;left: 20px;}
.indexnews .news-button-next{background: url(../image/newsrar.png) no-repeat; width:40px;height: 40px;position: absolute;z-index: 3;cursor: pointer;bottom: 186px;right:20px;}
.indexglobal{
    margin-top: 110px;
    text-align: center;
}
.indexglobal>img{
    margin-bottom: 60px;
}
.indexcase{
    margin: 100px auto;
}
.indexcase .casebox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.indexcase .casebox a{
    margin-top: 20px;
    width: 24%;
    position: relative;
    height:255px;
    overflow: hidden;
}
.indexcase .casebox a .bgpic{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.indexcase .casebox a:hover .bgpic{
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);}
.indexcase .casebox a .marklay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    background: #222;   -webkit-transition: all 0.6s;
    transition: all 0.6s;
    opacity: 0.7;
}
.indexcase .casebox a:hover .marklay{
     opacity:0.8;
}
.indexcase .casebox a .ico{
    position: absolute;
    z-index: 4;
    opacity: 0.94;
    text-align: center;
    top: 51%;
    left: 50%;   -webkit-transition: all 0.6s;
    transition: all 0.6s;
    transform:translate(-50%,-50%)}
.indexcase .casebox a:hover .ico{
   opacity: 1;
}
.indexcase .casebox a .ico img{
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    width: 92px;
}
.indexcase .casebox a:hover .ico img{
    -webkit-transform: scale(1.11);
    -ms-transform: scale(1.11);
    transform: scale(1.11);}
.indexcase .casebox a p{
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.indexlogos{
    display: flex;
    justify-content:flex-start;
    flex-wrap: wrap;
    margin-top: 100px;}
.indexlogos a{
    display: inline-flex;
    width:220px;
    height: 100px;
    margin: 10px;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    box-shadow:0 0 10px 1px rgba(220, 220, 220, 0.4);
}
.indexlogos a img{
    max-width: 180px;
    max-height: 80px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.indexlogos a:hover img{
    -webkit-transform: scale(1.11);
    -ms-transform: scale(1.11);
    transform: scale(1.11);
}