.i_new,.i_container2{padding-bottom: 30px}
.i_titBox{height: 50px;margin: 5px auto}
.i_tit_col,.i_new_col{float: left}
.i_tit_col1{width: 355px}
.i_tit_col1 img{display: block;width: 100%;height: 9px;margin-top: 20px}
.i_tit_col2{line-height: 50px;font-size: 36px;width: 490px;letter-spacing: 3px}
.i_tit_col2 span{display: inline-block;color: #0099e4}
.design_container1{background: url("../images/design/design_bg1.jpg")no-repeat;background-size: 100% 100%;padding: 60px 0 80px;overflow: hidden}


.design_container1 .design_col+.design_col{margin-left: 16px}
.design_container1 .design_col:hover .design_con1{box-shadow: 0 0 25px #dfe4e8;transition: all linear 0.3s}

.design_con3{overflow: hidden}


.design_formBox{background: url("../images/design/design_bg5.jpg")no-repeat;background-size: 100%;padding: 40px 0;overflow: hidden}
.design_form{background: url("../images/design/design_img19.png")no-repeat;background-size: 100% 100%;height: 571px}
.design_form_con{width: 700px;float: right}
.design_form_con p{font-size: 44px;line-height: 1.5;padding: 80px 0 20px}
.design_form_con p span{color: #dc5800;}
.design_inp{display: block;width: 320px;padding-left: 20px;height: 60px;border: 2px solid #fff;border-radius: 10px;background: transparent;outline: none;margin: 30px auto 0;line-height: 60px;font-size: 30px;color: #808cab;letter-spacing: 3px}
.design_sub{display: block;width: 340px;height: 60px;line-height: 60px;text-align: center;background-color: #dc5800;font-size: 30px;font-weight: bold;outline: none;border-radius: 10px;margin: 30px auto 0}


.design_con1 img{display: block;width: 100%}

@media screen and (min-width: 980px) {
    .design_p1{margin: 15px auto;}

    .design_col{float: left}
    .design_con1{width: 288px;transition: all linear 0.3s}
    .design_con1_p1{font-size: 16px;color: #000;padding: 15px 5px;line-height: 1.5;background-color: #fff;letter-spacing: 1px;height: 70px}
    .design_con1_p1 span{color: #ff2400}
    .design_con1_col{padding-top: 50px}


    .design_container2{background: url("../images/design/design_bg2.jpg")no-repeat;background-size: 100% 100%;padding: 40px 0 60px}
    .design_p2{font-size: 36px;padding-bottom: 35px}

    .design_con2{background: url("../images/design/design_bg6.png")no-repeat;width: 721px;padding: 25px 0 70px;background-size: 100% 100%;margin: 0 auto}
    .design_con2_box{width: 600px;padding: 15px 0;color: #fff;border: 1px solid #fff;margin: 15px auto 0}
    .design_con2_box p{padding: 0 20px;font-size: 18px;text-align: center}
    .design_con2_box:hover{background-color: #ffe9de;color: #000}
    .design_container3{background: url("../images/design/design_bg3.jpg")no-repeat;background-size: 100% 100%;padding: 50px 0}


    .swip_designBox{float: right;width: 1025px}
    .swiper-pagination2{width: 175px;float: left;padding-top: 20px}
    .swiper-pagination2 span{display: block;margin-top: 10px;width: 150px;height: 70px;line-height: 70px;color: #000;text-align: center;outline: none;opacity: 1;border-radius: 0;border: none; background:none;}
    .swiper-pagination2 span.swiper-pagination-bullet-active{background-color: #dc5800;color: #fff;border-radius: 0}


    .swip_designBox .swiper-slide{width: 1025px;}



    .design_content4{background: url("../images/design/design_bg4.jpg")no-repeat;background-size: 100% 100%;padding: 30px 0 40px}
    .design_con4{background: url("../images/design/design_bg7.png")no-repeat;background-size: 100% 100%;height: 550px}
    .design_con4_bg{position: absolute;z-index: 2;width: 480px;height: 550px;background-color: #025dec;top: 0}
    .design_con4_col{float: left;width: 330px;padding: 80px 0 0 70px}
    .design_con4_tit1{font-size: 30px;color: #fff;padding-bottom: 20px}
    .design_con4_ul li{display: block;position: relative;padding-left: 20px;color: #fff;margin-top: 10px}
    .design_con4_ul li:before{content:"";background-color:#fff;width: 10px;height: 10px;position: absolute;top: 5px;left: 0;border-radius: 50%}
    .design_con4_col2{float: right;width: 800px}
    .design_con4_tit2{width: 520px;text-align: center}
    .design_con4_tit2 p:nth-child(1){font-size: 25px;color: #000;line-height: 95px}
    .design_con4_tit2 p:nth-child(2){font-size: 32px;color: #000}
    .design_con4_img img{display: block;width: 100%;margin-top: 50px}
    .design_con4_cont{position: absolute;z-index: 2;bottom: 70px;left: 80px;width: 270px}
    .design_pagination{display: block;position: absolute;z-index: 2;bottom: 0;left: -25px;width: 80px;font-size: 22px;font-weight: bold;color: #fff}
    .design_icon_box{width: 200px;border-bottom: 1px solid #fff;color: #9fc5fc;padding-bottom: 5px;display: -webkit-flex;display: flex;}
    .design_icon1{display: block;background: url("../images/design/design_icon.png")no-repeat;background-position: 0 0;width: 20px;height: 20px;margin-left: 120px}
    .design_icon2{display: block;background: url("../images/design/design_icon.png")no-repeat;background-position: -30px 0;width: 20px;height: 20px;margin-left: 20px}
    .design_con4_2{margin-top: 45px}
}
@media screen and (max-width: 980px) {
    .design_col{
        width: 100%;
    }
    .i_tit_col1 {
        display: none;
    }
    .i_tit_col2 {
        width: 100%;
        font-size: 18px;
    }
    .design_container1{
        padding: 10px 0;
        background-size: 100% auto;
    }
    .design_p1 {
        padding: 10px;
        font-size: 14px;
    }
    .designxx1 {
        display: flex;
        justify-content: space-around;
        padding: 10px;
    }
    .design_con1 {
        width: 100%;
    }
    .design_con1_p1 {
        font-size: 13px;
    }


    .design_container2{padding: 10px 0}
    .design_p2{padding-bottom: 35px;background: #0760d8;
        color: white;
        padding: 10px 0;}

    .design_con2{background: url("../images/design/design_bg6.png")no-repeat;padding: 5px 0 60px;background-size: 100% 100%;margin: 0 auto}
    .design_con2_box{padding: 15px 0;color: #fff;border: 1px solid #fff;margin: 5px auto 0}
    .design_con2_box p{padding: 0 20px;font-size: 13px;text-align: center}
    .design_con2_box:hover{background-color: #ffe9de;color: #000}


    .design_container3{padding: 10px 0}

    .i_tit_col4{
        background: #0760d8;
        color: white;
        padding: 10px 0;
    }
    .i_tit_col2{
        line-height: normal;
    }
    .i_con7_p1{
        text-align: left;
        line-height: 28px;
        font-size: 13px;
        text-indent: 2em;
        padding: 10px;
        margin: 5px;
        border: solid 2px #0F8EF0;
    }

    .design_con3 {
        display: flex;
        justify-content: space-between;
    }

    .swiper-pagination2{width: 100px;padding-top: 11px}
    .swiper-pagination2 .swiper-pagination-bullet{font-size: 13px;}
    .swiper-pagination2 span{display: block;margin-top: 5px;width: 100%;height: 21px;line-height: 21px;color: #000;text-align: center;outline: none;opacity: 1;border-radius: 0;border: none; background:none;}
    .swiper-pagination2 span.swiper-pagination-bullet-active{background-color: #dc5800;color: #fff;border-radius: 0}
    .xxxxx{flex: 1; overflow: auto}
    .xxxxx img{width: 100%;}

    .design_con4{background: #025dec; height: 550px;}
    .design_con4_bg{position: absolute;z-index: 2;width: 480px;height: 550px;background-color: #025dec;top: 0}
    .design_con4_col{float: left;width: 330px;padding: 80px 0 0 70px}
    .design_con4_tit1{font-size: 30px;color: #fff;padding-bottom: 20px}
    .design_con4_ul li{display: block;position: relative;padding-left: 20px;color: #fff;margin-top: 10px}
    .design_con4_ul li:before{content:"";background-color:#fff;width: 10px;height: 10px;position: absolute;top: 5px;left: 0;border-radius: 50%}
    .design_con4_col2{float: right;width: 800px}
    .design_con4_tit2{width: 520px;text-align: center}
    .design_con4_tit2 p:nth-child(1){font-size: 25px;color: #000;line-height: 95px}
    .design_con4_tit2 p:nth-child(2){font-size: 32px;color: #000}
    .design_con4_img img{display: block;width: 100%;margin-top: 50px}
    .design_con4_cont{position: absolute;z-index: 2;bottom: 70px;left: 80px;width: 270px}
    .design_pagination{display: block;position: absolute;z-index: 2;bottom: 0;left: -25px;width: 80px;font-size: 22px;font-weight: bold;color: #fff}
    .design_icon_box{width: 200px;border-bottom: 1px solid #fff;color: #9fc5fc;padding-bottom: 5px;display: -webkit-flex;display: flex;}
    .design_icon1{display: block;background: url("../images/design/design_icon.png")no-repeat;background-position: 0 0;width: 20px;height: 20px;margin-left: 120px}
    .design_icon2{display: block;background: url("../images/design/design_icon.png")no-repeat;background-position: -30px 0;width: 20px;height: 20px;margin-left: 20px}
    .design_con4_2{margin-top: 10px}

    .design_content4 .design_con4_col2 {display: none;}
}