.head{ box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
/*轮播图*/
#page_01{ position: relative;}
#page_01 .swiper-slide img { width:100%; height: 100vh;}
#page_01 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 50px!important;}
#page_01 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 50px!important;}
#page_01 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;border-radius:4px; width:30px;}
#page_01 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgb(255, 255, 255);background:#da251d;opacity:1;border-radius:4px; width:30px;}


ul li { list-style-type: none; }
a { text-decoration: none; }
img { border: none; }
.xinxi_solution_bg { background-size: 100% 540px; max-width: 1920px; margin: 0 auto 100px; background-color: #F7F7F7; }
.xinxi_solution_main ul { overflow: hidden; height: 540px; }
.xinxi_solution_main .main_mobile { max-width: 1412px; min-width: 1200px; }
.xinxi_solution_main ul li .left_top { position: absolute; left: 0; width: 30px; padding:70px 20px;
    text-align: center; }
.xinxi_solution_main ul li .left_top img { width: 30px; }
.xinxi_solution_main .left_top { font-size: 30px; color: #FFF; }
.xinxi_solution_main .left_top:hover{ cursor: pointer;}
.xinxi_solution_main ul li{ margin: 10px 5px;}
.xinxi_solution_main ul li .left {  width: 400px; background: #000; opacity: 0.5; height: 160px; position: relative;
    top: 369px;}
.xinxi_solution_main .left_bot{ position: relative; top: 230px; color: #ffffff; padding-left: 20px;width: 390px;}
.left_bot h3{ font-size: 16px; font-weight: bold; line-height: 40px;}
.left_bot .line{ width: 350px; height: 1px; background: #ffffff; margin-bottom: 8px;}
.left_bot p{ width: 280px; font-size: 14px; line-height: 22px;}
.xinxi_solution_main .left_bot a{ color: #ffffff; display: block; width: 65px; height: 65px; background: #836006;
               border-radius: 35px; font-size: 18px; font-weight: bold; text-align: center; line-height: 65px;}
.xinxi_solution_main .right dl { position: absolute; top: 50%; left: 30px; }
.xinxi_solution_main .right dd { color: #FFF; font-size: 26px; border-radius: 5px; width: 280px; height: 75px;
    margin-bottom: 45px; background: #000; opacity: 0.5; }
.xinxi_solution_main .right dl a { background-repeat: no-repeat; color: #FFF; font-size: 16px; line-height: 40px;
    height: 40px; width: 280px; text-align: center; padding: 0 10px; margin-bottom: 10px; display: block;
    overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;
    background-size: 100% 100%; background-color: rgba(0,0,0,0.23); border-radius: 5px; margin-top: 10px; }
.xinxi_solution_main .right dl a.yichu { float: left; margin-right: 20px; }
.xinxi_solution_main ul li.on { width: 400px; }
.xinxi_solution_main ul li { height: 540px; float: left; width: 240px;
    position: relative; overflow: hidden; transition: all 0.5s; }
.xinxi_solution_main ul li:first-child { background: url('../images/pro-1.jpg') no-repeat; }
.xinxi_solution_main ul li:nth-child(2) { background: url('../images/pro-2.jpg') no-repeat; }
.xinxi_solution_main ul li:nth-child(3){ background: url('../images/pro-3.jpg') no-repeat; }
.xinxi_solution_main ul li:nth-child(4){ background: url('../images/pro-4.jpg') no-repeat; }
.xinxi_solution_main ul li:last-child{ background: url('../images/pro-5.jpg') no-repeat; }


@media screen and (max-width:1360px){
    .xinxi_solution_bg { background-size: 100% 450px; max-width: 1280px; margin: 0 auto 100px; background-color: #F7F7F7; }
    .xinxi_solution_main ul { overflow: hidden; height: 500px; }
    .xinxi_solution_main .main_mobile { max-width: 1200px; min-width: 1200px; }
    .xinxi_solution_main ul li .left_top { position: absolute; left: 0; width: 30px; padding:40px 20px;
        text-align: center; }
    .xinxi_solution_main ul li .left_top img { width: 25px; }
    .xinxi_solution_main .left_top { font-size: 20px; color: #FFF; }
    .xinxi_solution_main .left_top:hover{ cursor: pointer;}
    .xinxi_solution_main ul li{ margin: 10px 5px;}
    .xinxi_solution_main ul li .left {  width: 300px; background: #000; opacity: 0.5; height: 160px; position: relative;
        top: 270px;}
    .xinxi_solution_main .left_bot{ position: relative; top: 110px; color: #ffffff; padding-left: 10px;width: 300px;}
    .left_bot h3{ font-size: 14px; font-weight: bold; line-height:40px;}
    .left_bot .line{ width: 280px; height: 1px; background: #ffffff; margin-bottom: 8px;}
    .left_bot p{ width: 230px; font-size: 12px; line-height: 18px;}
    .xinxi_solution_main .left_bot a{ color: #ffffff; display: block; width: 50px; height: 50px; background: #836006;
        border-radius: 35px; font-size: 14px; font-weight: bold; text-align: center; line-height: 50px;}
    .xinxi_solution_main .right dl { position: absolute; top: 50%; left: 30px; }
    .xinxi_solution_main .right dd { color: #FFF; font-size: 26px; border-radius: 5px; width: 280px; height: 75px;
        margin-bottom: 45px; background: #000; opacity: 0.5; }
    .xinxi_solution_main .right dl a { background-repeat: no-repeat; color: #FFF; font-size: 14px; line-height: 40px;
        height: 40px; width: 240px; text-align: center; padding: 0 10px; margin-bottom: 10px; display: block;
        overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;
        background-size: 100% 100%; background-color: rgba(0,0,0,0.23); border-radius: 5px; margin-top: 10px; }
    .xinxi_solution_main .right dl a.yichu { float: left; margin-right: 20px; }
    .xinxi_solution_main ul li.on { width: 300px; }
    .xinxi_solution_main ul li { height: 400px; float: left; width: 210px;
        position: relative; overflow: hidden; transition: all 0.5s; }
}