.banner_div{ height: 300px; width: 100%; overflow: hidden; text-align: left;}
.banner_div:hover .swiper-button-prev,.banner_div:hover .swiper-button-next{ display: block;}
.banner_div .swiper-button-prev,.banner_div .swiper-button-next{ display: none; width: 56px; height: 56px; background-size: 100% 100%; top: calc(50% + 54px);}
.banner_div .swiper-button-prev:focus,.banner_div .swiper-button-next:focus{ outline:none;}
.banner_div .swiper-button-prev{ background-image: url(http://iisp.com/images/newpc/index/prevArrow.png); left: calc((100% - 1200px)/2 - 106px);}
.banner_div .swiper-button-next{ background-image: url(http://iisp.com/images/newpc/index/nextArrow.png); right: calc((100% - 1200px)/2 - 106px);}
.banner_div .container{ height: 100%;}
.banner_div .banner_item{ background-repeat: no-repeat; background-position: center bottom; height: 100%; background-size: cover; position: relative; margin: 0 auto; cursor: pointer; overflow: hidden;}
.banner_div .focus_btn{ bottom: 20px;}
.banner_div .banner_btn{ background: #999; width: 10px; height: 10px; margin: 0 5px; transition: all .3s; border-radius: 100px; display: inline-block;}
.banner_div .banner_hot{ background: #c00; width: 25px;}
.banner_div .img_item{ width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.banner_div .main_div{ position: relative; height: 100%;}
.banner_div .btn a{ width: auto !important; margin-left: 0 !important; background: transparent !important; line-height: 45px !important; height: 45px !important;}
/* swiper-slide-active */
.banner_div .left_item,.banner_div .right_item{ position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.banner_div .title{ font-size: 60px; position: relative;}
.banner_div .text{ font-size: 22px; position: relative;}
.banner_div .content{ font-size: 30px; position: relative;}

.banner_item_02{ text-align: center; margin-bottom: 20px;}
.banner_item_02 .title{ color: #fff; margin-bottom: 20px;}
.banner_item_02 .text{ background: #fff; color: #1546b2; margin: 0 auto 20px; border-radius: 100px; width: 250px; height: 50px; line-height: 50px;}
.banner_item_02 .content{ color: #fff; margin-bottom: 20px;}
.banner_item_02 img{ position: relative; }

.banner_item_03{ color: #fff;}
.banner_item_03 .left_item{ left: 0px;}
.banner_item_03 .right_item{ right: 100px;}
.banner_item_03 .title{ width: 350px; height: 115px; line-height: 130px; padding-left: 25px; margin: 0 auto 20px; text-align: center; background: url(http://iisp.com/design/images/newpc/index/banner3_textimg.png) no-repeat;}

.banner_item_04 .right_item{ left: 50%;}
.banner_item_04 .text{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#42a9df), to(#7a69ee)); -webkit-text-fill-color: transparent; -webkit-background-clip:text; margin-bottom: 10px;}
.banner_item_04 .title{ color: #28c7d8;}
.banner_item_04 div:nth-of-type(3){ width: 100px; height: 3px;  background: #28c7d8; margin-top: 5px; position: relative;}
.banner_item_04 .content{ color: #fff; margin-top: 10px;}

.banner_div .btn{ font-size: 14px; border: 1px solid #fff; line-height: 3; width: 145px; text-align: center; color: #fff; margin: 0;}
.banner_div .banner_item_01 .left_item .title{ color: #fff; font-size: 40px; line-height: 1;}
.banner_div .banner_item_01 .left_item .content{ font-size: 22px; margin: 40px 0; color: #fff;}

@media screen and (max-width: 1200px){
    .banner_div .swiper-button-prev{ left: 10px;}
    .banner_div .swiper-button-next{ right: 10px;}
}
@media screen and (max-width: 1024px){
    .banner_div{ height: 300px;}

    .banner_div .title{ font-size: 36px; margin-bottom: 20px;}
    .banner_div .text{ font-size: 24px; margin-bottom: 20px;}
    .banner_div .content{ font-size: 24px; margin-bottom: 20px;}

    .banner_item_03 .left_item{ left: 20%; width: 250px;}
    .banner_item_03 .right_item{ right: 100px;}

    .banner_item_04 .right_item{ left: 40%;}
}
@media screen and (max-width: 640px){
    .banner_div{ height: 150px;}
    .banner_div .title{ font-size: 18px; margin-bottom: 10px;}
    .banner_div .text{ font-size: 12px; margin-bottom: 10px;}
    .banner_div .content{ font-size: 12px; margin-bottom: 10px;}

    .banner_div .banner_item_02 .content{ display: none;}
    .banner_div .banner_item_02 .text{ margin: 0 auto 10px; width: 120px; line-height: 2; height: auto; }
    .banner_div .banner_item_02 img{ width: 70%;}

    .banner_item_03 .left_item{ width: 30%; left: 20px;}
    .banner_item_03 .right_item{ width: 50%; right: 20px;}
    .banner_item_03 .title{ width: 150px; height: 49px; line-height: 55px; padding-left: 10px; margin: 0 auto 10px; background-size: 100% auto;}
    .banner_item_03 .content{ padding: 0 20px;}

    .banner_item_04 .right_item{ right: 20px; width: 60%; left: auto;}
    .banner_item_04 .title{ margin-bottom: 10px;}
    .banner_item_04 .right_item div:nth-of-type(3){ width: 50px; height: 2px; margin-bottom: 10px;}
}