@charset "utf-8";
/* CSS Document */
/*all*/

/* =============== 全局断点设置 =============== */
@media screen and (max-width: 1800px) {
    /* 布局调整 */
    .warp {
        padding: 0 70px;
        max-width: 100%;
    }
    
    /* 横幅区域 */
    .banner .swiper-slide {
        height: 84rem;
    }
}

@media screen and (max-width: 1700px) {
    /* 布局调整 */
    .warp2 {
        padding: 0 50px;
        max-width: 100%;
    }
    
    /* 导航菜单 */
    .header .list .dot {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1450px) {
    /* 布局调整 */
    .warp,
    .warp2 {
        padding: 0 40px;
    }
    
    /* 排版系统 */
    h2 { font-size: 7.6rem; }
    h3 { font-size: 4.2rem; }
    h4 { font-size: 2.4rem; }
    h5 { font-size: 2.2rem; }
    .font-36 { font-size: 3.2rem; }
    
    /* 导航菜单 */
    .header .list .dot {
        padding: 0 15px;
    }
    
    /* 页脚布局 */
    .footer .f-mune .dots { width: 60%; }
    .footer .f-mune .fct { width: 40%; }
}

@media screen and (max-width: 1300px) {
    /* 导航菜单 */
    .header .list .dot {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1200px) {
    /* 布局调整 */
    .warp,
    .warp2 {
        padding: 0 30px;
    }
    
    /* 排版系统 */
    h2 { font-size: 7rem; }
    h3 { font-size: 3.8rem; }
    h4 { font-size: 2rem; }
    h5 { font-size: 1.8rem; }
    .font-36 { font-size: 2.8rem; }
    
    /* 头部区域 */
    .header .logo {
        padding-top: 20px;
    }
    .header .logo img {
        max-width: 240px;
    }
    .header .list {
        margin-right: 15px;
    }
    .header .list .dot a.li1 {
        line-height: 76px;
    }
    .header .lan {
        margin-right: 15px;
    }
    .pp_box,.nav_box .nav_img{
        width: 100%;
    }
    .nav_box .nav_img{
        margin-top: 20px;
    }
    /* 移动菜单 */
    .header .mune .mbd {
        margin: 0 11px;
    }
}

@media screen and (max-width: 1000px) {
    /* 移动端显示控制 */
    #hamburger { display: block !important; }
    .header .nav, 
    .header .lan { display: none; } 
    
    /* 头部区域 */
    .header .logo {
        padding: 20px 0;
    }
    .header .logo img {
        max-width: 240px;
    }
    
    /* 横幅区域 */
    .banner .swiper-slide { 
        height: 70rem; 
    }
    .banner .txt a {
        margin-top: 50px;
    }
    .banners{
        height: 600px;
    }
    /* 布局组件 */
    .fd { margin-bottom: 51px;padding: 15px 0; }
    .bottomlist { display: block; }

    .asid_share {
        width: 60px
    }
    .ismob {
        display: block
    }

    .ispc {
        display: none
    }
}

@media screen and (max-width: 840px) {
    /* 排版系统 */
    h2 { font-size: 6rem; }
    h3 { font-size: 3.2rem; }
    h4 { font-size: 2rem; }
    h6 { font-size: 1.4rem; }
    .font-36 {
        font-size: 2rem;
        line-height: 30px;
    }
    
    /* 布局调整 */
    .warp,
    .warp2 {
        padding: 0 30px;
    }
    
    .banners{
        height: 500px;
    }
    /* 页脚区域 */
    .footer {
        padding-bottom: 10px;
    }
    .footer .f-mune {
        padding-top: 60px;
    }
    .footer .f-mune .dots,
    .footer .f-mune .fct {
        width: 100%;
        text-align: left;
    }
    .footer .f-mune .dots {
        margin-bottom: 40px;
    }
    .footer .f-mune .fct{
        display: none;
    }
}

@media screen and (max-width: 640px) {
    /* 排版系统 */
    h2 { font-size: 4.2rem; }
    h6 { font-size: 1.4rem; }
    
    /* 布局调整 */
    .warp,
    .warp2 {
        padding: 0 30px;
    }

    .banners{
        height: 400px;
    }
    .fd p{
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    /* 布局调整 */
    .warp,
    .warp2 {
        padding: 0 20px;
    }
}

/* =============== 移动端优先断点 =============== */
/* 375px断点保留作为扩展点 */
@media screen and (max-width: 375px) {
    /* 可在此添加超小屏幕样式 */
}


/*首页*/

@media screen and (max-width: 1800px) {
    .ip2_info{
        right: 70px;
    }
    .ip2_icon .icon_box{
        padding: 35px 50px 75px 50px;
    }

    .leve4 .inews-slider{
        padding: 0 70px;
    }
}

@media screen and (max-width: 1600px) {
    .ban video{
        height: 800px;
    }

    .ipdb .iplist .title{
        padding-left: 20px;
    }
    .ip2_icon .icon_box {
        padding: 35px 20px 75px 20px;
    }

    
    .leve4 .swiper-slide .img,.leve4 .swiper-slide .txt{ width:96%;}
    .leve4 .inews-slider .swiper-button-prev,.leve4 .inews-slider .swiper-button-next{ width: 70px; height: 70px; background-size: 70px 70px;}
    .leve4 .inews-slider .btn{ width:140px; right:12%;}
    .leve4 .inews-slider{ padding:0 70px;}

    .feed_in .feed_form .dot input{
        width: 200px;
    }
}

@media screen and (max-width: 1500px) {
    
    .ip2_icon .icon_box .dot{
        margin-bottom: 20px;
    }
    
}
@media screen and (max-width: 1450px) {
    .ban-box h1{
        font-size: 5em;
    }

    .ip .ipl .ipld p{
        font-size: 3.6em;
    }
    .ipdb .iplist{
        width: 60%;
    }
    .ipdb .iplist .title .tit_txt{
        width: 100%;
        padding-bottom: 15px;
    }
    .ip2_info{
        right: 40px;
        width: 600px;
        padding: 50px 35px;
    }
    .ip2_icon .icon_box{
        width: calc(100% - 600px);
    }
    .ip2 .box {
        width: calc(100% - 600px);
    }
    .leve4 .inews-slider {
        padding: 0 40px;
    }
    .leve4 .swiper-slide .txt h3{ font-size:1.8em;}
    .leve4 .swiper-slide .txt p{ font-size:1.4em;}
    .leve4 .swiper-slide:after{ height:26%;}


    .ip2,.ip3,.feed_in{
        padding: 60px 0;
    }
}
@media screen and (max-width: 1300px) {
    
    .feed_in .feed_form .dot input{
        width: 180px;
    }

}
@media screen and (max-width: 1200px) {
    .ban-box {
        padding: 95px 0;
    }
    .ban video {
        height: 670px;
    }
    .ban-box h1 {
        font-size: 4.2em;
    }
    .ban-box p {
        font-size: 4.4em;
    }
    .ip .ipl .ipld p{
        font-size: 3em;
    }
    .ip .ipl .ipld{
        padding: 30px 60px 30px 110px;
    }
    .ip2_info {
        right: 30px;
        width: 500px;
        padding: 70px 45px 45px 45px;
    }
    .ip2 .box {
        width: calc(100% - 500px);
    }
    .ip2_icon .icon_box {
        width: calc(100% - 500px);
    }

    .leve4 .inews-slider .swiper-button-prev,.leve4 .inews-slider .swiper-button-next{ width: 60px; height: 60px; background-size: 60px 60px;}
    .leve4 .inews-slider .btn{ width:120px;}
    .leve4 .swiper-slide.swiper-slide-active i:after{ height:68%;}

    .feed_in .txt{
        width: 100%;
        padding-bottom: 30px;

    }
    .feed_in .feed_form{
        margin-top: 0;
    }
    
        
}
@media screen and (max-width: 1100px) {
    
}
@media screen and (max-width: 1020px) {
    .leve4 .inews-slider .btn{ right:1%;}
}
@media screen and (max-width: 1000px) {
    .ban-box {
        padding: 75px 0;
    }
    .ban video {
        height: 600px;
    }
    .ban-box h1 {
        font-size: 3.8em;
    }
    .ban-box p {
        font-size: 4em;
    }
    .ip .iplt .ipd{
        padding: 30px 0;
    }
    .ipdb .warp{
        flex-direction: row-reverse;
    }
    .ipdb .iptxt{
        width: 100%;
        order: initial;
        margin-bottom: 40px;
    }
    .ipdb .iplist{
        width: 100%;
    }
    .ipdb .iptxt p{
        font-size: 1.8em;
    }
    .ip1_btn a:first-child{
        margin-right: 40px;
    }
    .ip .ipl .ipld p{
        font-size: 2.6em;
    }
    .ip .ipl .ipld{
        padding: 30px 60px 30px 110px;
    }
    .ipdb .iplist .dd img{
        width: 100%;
    }
    .ip2 .box{
        width: 100%;
    }
    .ip2_info{
        position: initial;
        width: 100%;
        box-shadow: none;
    }
    .ip2_icon .icon_box{
        width: 100%;
        padding: 50px 20px;
    }
    .feed_in .feed_form .dot{
        width: calc(50% - 30px);
        margin-bottom: 20px;
    }
    .feed_in .feed_form .dot input{
        width: 100%;
    }
    .feed_in .feed_form .dot button{
        width: 100%;
        background: url(../images/tijiao.png) right 20% center no-repeat #d6ad63;
    }


}
@media screen and (max-width: 850px) {
    .leve4 .inews-slider{ padding:20px 20px 0 20px;}
    .leve4 .swiper-slide .img, .leve4 .swiper-slide .txt{ width:100%; max-width:100%;}
    .leve4 .inews-slider .swiper-button-prev,.leve4 .inews-slider .swiper-button-next{ width: 50px; height: 50px; background-size: 50px 50px;}
    .leve4 .inews-slider .btn{    
        width: 100px;
        right: 20px;
        top: 25px;
    }
    .leve4 .swiper-slide:before,.leve4 .swiper-slide:after{
        display: none;
    }
    .leve4 .swiper-slide .img img{
        filter: sepia(0);
    }

    .ip2_info{
        padding: 50px 40px;
    }
    .ip2_info .txt img{
        margin-bottom: 60px;
    }
    .feed_in .feed_form .dot{
        margin-bottom: 15px;
    }

    .ban-box h1 {
        font-size: 3.4em;
    }
    .ban-box p {
        font-size: 3.6em;
    }

    .ip .ipl .ipld {
        padding: 30px 50px 30px 60px
    }
    .ip .ipl .ipld p{
        font-size: 2em;
    }
    .ipdb .iptxt p {
        font-size: 1.6em;
        padding-bottom: 10px;
    }

    .ipdb .iptxt a{
        width: 36px;
        display: inline-block;
    }
    .ip2 .tit{
        padding-bottom: 30px;
    }
    .advert h3 {
        margin-bottom: 50px;
    }
    .advert .adv_zs .warp {
        margin-top: 50px;
    }
    .feed_in .feed_form .dot input {
        
        font-size: 1.4em;
    }
    .feed_in .feed_form .dot button{
        padding: 0 74px 0 60px;
    }
    .footer .f-mune .dots .info .txt{
        margin-top: 20px;
    }
}

@media screen and (max-width: 640px) {
    .ban-box h1 {
        font-size: 3em;
    }
    .ban-box p {
        font-size: 3.2em;
    }
    .ip .ipl .ipld {
        padding: 20px 30px 20px 30px
    }
    .advert .adv_zs .warp span {
        
        border-radius: 20px;
        line-height: 40px;
        font-size: 1.8em;
        padding: 0 34px;
    }

    .ip2_info {
        padding: 30px 20px;
    }
    .ip2_info .txt2 {
        padding-top: 40px;
        padding-bottom: 30px;
    }

}
@media screen and (max-width: 550px) {
    
    .ip .ipl .ipld {
        padding: 20px 15px 20px 15px
    }
    .ban-box h1 {
        font-size: 2.6em;
    }
    .ban-box p {
        font-size: 2.8em;
    }
    .ip2_icon .icon_box {
        justify-content: center;
    }
    .ip2_info .dots .dot{
        width: 100%;
        border-right: none;
    }
    .ip2_info .dots .dot:first-child {
        border-right: none;
    }
    .ip2_info .dots .dot:nth-child(2){
        text-align: left;
    }
        .ip2_info .dots .dot:last-child {
            text-align: left;
            border-left: none;
            padding-left: 0
        }

    

    .feed_in .feed_form .dot{
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 400px) {
    .feed_in .feed_form{
        justify-content: center;
    }
    
    .feed_in .feed_form .dot button {
        padding: 0 72px 0 40px;
    }
    
    
}

/*about*/
@media screen and (max-width: 1700px) {
    .ab3_pad {
        padding-left: 50px;
    }
}
@media screen and (max-width: 1500px) {
    .ab3_list .info {
        width: calc(100% - 160px);
        padding-right: 80px;
    }
}
@media screen and (max-width: 1450px) {
    .ab1 .intit{
        padding-bottom: 65px;
    }
    .ab1 .ab1_info {
        padding-top: 0px;
        padding-bottom: 80px;
    }
    .ab1 .ab1_left h3 {
        padding-bottom: 70px;
    }
    .ab3_pad {
        padding-left: 40px;
    }

    .ab5 .box .swiper-slide{
        height: 320px;
    }
    .txt_zz .box {
        width: 77%;
    }
    .txt_zz .title h4{
        font-size: 2.4em;
    }

}
@media screen and (max-width: 1200px) {
    
    .ab3_pad {
        padding:0 30px;
    }
    .ab3 .ab3_left{
        width: 34%;
    }
    .ab3 .ab3_right{
        width: 66%;
    }
    .ab3 .ab3_right .dot{
        padding: 0 6%;
    }
    .ab3_list .dot{
        justify-content: center;

    }

    .ab3_list .info{
        width: 100%;
        padding-right: 0px;
        margin-top: 20px;
    }
    .ab3_list .info h5{
        text-align: center;
    }

    .ab4 .dot .txt{
        padding:  0 20px;
    }
    .ab5 .box .swiper-slide {
        height: 260px;
    }

    .ab5 .box a p{
        font-size: 2em;
    }
    .txt_zz .title h4{
        font-size: 2em;
    }

}
@media screen and (max-width: 1000px) {

    .intit h3{
        padding-bottom: 25px;
    }
    .ab1 .intit{
        padding-bottom: 50px;
    }
    .ab1 .ab1_info {
        background: none;
        background-size: 100% auto;
        margin-top: 40px;
    }
    

    .ab1 .ab1_left,.ab1 .ab1_right{
        width: 100%;
    }
    .ab1 .ab1_left{
        margin-bottom: 50px;
    }
    .ab1 .ab1_left .year{
        justify-content: flex-start;

    }
    .ab1 .ab1_left span,.ab1 .ab1_left b{
        font-size: 10em;
    }
    .ab1 .ab1_left b{
        margin-left: 20px;
    }
    .ab1 .ab1_left h3 {
        padding-bottom: 35px;
    }
    .ab1 .ab1_right .img{
        text-align: center;
    }
    .ab2{padding: 70px 0 50px 0;}
    .ab2 .ab2_left{
        width: 28%;
    }
    .ab2 .ab2_right{
        padding-top: 10px;
        width: 70%;
    }
    .ab2 .btn{padding-top: 60px}
    .ab2 .btn_prev,.ab2 .btn_next{
        width: 60px;
        height: 60px;
    }


    .ab3 .ab3_left,.ab3 .ab3_right{
        width: 100%;
    }
    .ab3 .ab3_left{
        border-right: none;
        border-bottom: 1px solid #dedede;;
        padding: 70px 0 0px 0;
    }
    .ab3 .ab3_list{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 45px;
    }
    .ab3_list .dot{
        width: calc(100% / 3);
    }
    .ab3 .ab3_right .dot img{
        padding-bottom: 30px;
    }
    .ab5 .box{
        padding-top: 40px;
    }
    .ab5 .box .swiper-slide {
        height: 230px;
    }
    .ab5 .box a p {
        font-size: 1.6em;
    }
    .ab5 .btn_prev2,.ab5 .btn_next2{
        width: 60px;
        height: 60px;
    }
    .ab5 .box2{
        padding: 40px 25px;
    }

    .txt_zz .box {
        width: 80%;
    }
}

@media screen and (max-width: 840px) {
    .ab1 .ab1_left span, .ab1 .ab1_left b {
        font-size: 8em;
    }
}

@media screen and (max-width: 640px) {
    .ab1 .ab1_left span, .ab1 .ab1_left b {
        font-size: 6.8em;
    }
    .ab1 .ab1_right .info h1{
        margin-top: 40px;
    }
    .ab1 .ab1_right .info h6{
        font-size: 2.4em;
    }
    .ab2 .ab2_left{
        width: 100%;
        margin-bottom: 30px;
    }
    .ab2 .ab2_right{
        width: 100%;
    }
    .ab2 .ab2_right img{
        width: 100%;
    }
    .ab2 .btn {
        padding-top: 20px;
    }
    .ab3_list .dot{
        width: 100%;
    }
    .ab4 .dot{
        width: 100%;
        height: 540px;
    }
    .ab5 .box .swiper-slide {
        height: auto;
    }
    
}

@media screen and (max-width: 400px) {
    
    .ab1 .ab1_right .info h6{
        font-size: 2em;
    }
    .ab5 {
        padding: 50px 0 60px 0;
    }
    
}

/*product*/
@media screen and (max-width: 1400px) {
    .pro_box .box .dot{
        width: calc((100% - 55px)/2);
    }
    .pro_box .box .dot:nth-child(3n) {
        margin-right: 55px;
    }
    .pro_box .box .dot:nth-child(2n) {
        margin-right:0;
    }
    .pro_box .box .dot img{
        width: 100%;
    }
    .box_result{
        font-size: 2.4em;
    }
    .pro_box .box {
        padding-top: 15px;
    }


    .proshowlist1 .img{
        width: 50%;
    }
}
@media screen and (max-width: 1300px) {
    
    
}
@media screen and (max-width: 1200px) {
    
    .pro_box .pro_tit span{ 
        font-size: 1.6em;  
    }

    .proshowlist1 .img{
        width: 60%;
    }
    .proshowlist1 .pro_feed{
        width: calc(40% - 50px);
    }

    .pro_form .box .dot input {
        height: 36px;
        line-height: 36px;
    }
    
}
@media screen and (max-width: 1000px) {
    .pro_search{
        padding-bottom: 40px;
    }
    .pro_search .dot {
        width: calc((100% - 90px)/4);
        margin-right: 30px;
    }
    .pro_box {
        padding-top: 30px;
    }

    .proshowlist1{
        flex-direction: inherit;
    }
    .proshowlist1 .img,.proshowlist1 .pro_feed {
        width: 100%;
    }
    .proshowlist1 .pro_feed{
        margin-bottom: 30px
    }
    .proshowlist1 .img img{
        width: 100%;
    }

    .proshow_swiper{
        display: none;
    }
    .proshowlist1 .img .swiper-horizontal>.swiper-pagination-bullets{
    
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pro_txt{
        margin-top: 40px;
    }

    .pro_q .warp2 .dot{
        padding: 75px 50px 60px 50px
    }

    .pro_q {
        margin: 70px 0;
    }
    .vr360 iframe{
        height: 500px;
    }
    
}
@media screen and (max-width: 840px) {
    .pro_box .box .dot{
        width: calc((100% - 30px)/2);
        margin-right: 30px;
    }
    .pro_box .box .dot:nth-child(3n) {
        margin-right: 30px;
    }
    .pro_box .box .dot:nth-child(2n) {
        margin-right:0;
    }
    .pro_box .pro_tit .pro_more span {
        font-size: 1.4em;
    }
    .pro_box .pro_tit .pro_more i{
        font-size:2.8em;
        margin-top: -3px;   

    }
    .pro_box .box .info{
        width: calc(100% - 130px);
    }
    .pro_box .pro_tit .pro_more{
        width: 130px;
    }
    .pro_box .pro_tit p{
        margin-top: 5px;
    }
    
    .pros1{
        margin-top: -290px;
    }
    .vr360 iframe{
        height: 450px;
    }
    
    
    
}
@media screen and (max-width: 640px) {
    .pro_search {
        padding-bottom: 20px;
    }
    .pro_search .dot {
        width: calc((100% - 30px)/2);
        margin-right: 30px;
        margin-bottom: 20px;
    }
    .pro_search .dot:nth-child(2n){
        margin-right: 0;
    }
    .pro_box .box .dot{
        width: 100%;
        margin-right: 0;
    }
    .pro_box .box .dot:nth-child(3n) {
        margin-right: 0;
    }
    .pro_q .warp2 .dot {
        padding: 75px 30px;
    }

    .pro_q .warp2 .dot{
        width: 100%;
    }

    .pro_q .warp2 .dot:nth-child(3) {
        background: url(../images/product/Q.png) top right 50px no-repeat #cdd2d6;
        color: #fff;
    }
    .pro_q .warp2 .dot:last-child {
        background:#f6f6f6;
    }

    .pro_q {
        margin: 60px 0;
    }
    .pros1 {
        margin-top: -230px;
    }
    .vr360 iframe{
        height:400px;
    }
}
@media screen and (max-width: 500px) {
    .box_title{
        justify-content: flex-end;
    }
    .box_sort{
        width: 100%;
        margin-top: 20px;
        text-align: right;
    }

    .box_sort .layui-form-item .layui-input-inline {
        display: inline-block;
        float: left;
        left: 0;
        width:190px;
        margin: 0;
        /* left: -3px; */
        /* width: auto!important; */
        /* margin: 0 0 10px 112px; */
    }
    .box_sort .layui-form-item .layui-inline{
        display: inline-block;
    }

    .pro_form .box .dot{
        width: 100%;
    }
    .pro_form .box .dot:nth-child(2){
        margin-top: 20px;
    }
    .pro_q .warp2 .dot {
        padding: 50px 30px;
    }
    .pro_q .warp2 .dot h5{
        padding-bottom: 30px;
    }
    
}


/*news*/

@media screen and (max-width:1400px){
    .newbox {        
        padding-top: 60px;
        margin-top: 40px;
    }
    .newbox .dot {
        width: calc(50% - 50px);
        margin-right: 100px;
        margin-bottom: 65px;
    }
}
@media screen and (max-width: 1200px) {
    .newbox .dot {
        width: calc(50% - 30px);
        margin-right: 60px;
        margin-bottom: 65px;
    }
    .newbox .txt span{
        font-size: 1.6em;
    }
}
@media screen and (max-width: 1000px) {
    .newbox {        
        padding-top: 40px;
        margin-top: 30px;
    }
    .newbox .dot {
        width: calc(50% - 15px);
        margin-right: 30px;
    }
}
@media screen and (max-width: 840px) {
    
    .newbox .txt span{
        padding: 0 100px 0 30px;
    }
    
    
}
@media screen and (max-width: 640px) {
    .newbox .dot {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 50px;
    }
}


/*newsshow*/

@media screen and (max-width: 1024px) {
    .newsshow{
        padding-bottom: 20px;
    }
    .newsshow .tit2,.newsshow .btn{ padding:40px 20px;}  
    .newsshow .txt{ padding:20px;}
    .newsshow .boxs{
        padding: 20px 0 0 0
    }
    .newsshow .btn a{
        font-size: 1.4em;
        padding: 15px 50px 15px 90px;
    }
    .newsshow .btn a:last-child{
        padding: 15px 90px 15px 50px;
    }
}
@media screen and (max-width: 800px) {
    .newsshow {margin-top: -280px;}

}
@media screen and (max-width: 640px) {
    .newsshow .tit2 h3{ font-size:1.6em;}
    .newsshow .tit2 .dot h4{ font-size:1em; padding:10px 2px;}
    .newsshow .tit2{ padding:30px 20px 0 20px;}
    .newsshow .btn{ padding: 40px 20px;}    
    .newsshow {margin-top: -280px;}
    .newsshow .btn a {
        width: 100%;
        margin-bottom: 10px;
    }

    
}




/*contact*/
@media screen and (max-width: 1400px) {
    .con_faq .box .dot{
        width: calc(50% - 50px);
    }
}
@media screen and (max-width: 1300px) {
    .con1 .feed_form .dot {
        width: calc((100% - 60px)/2);
        margin-bottom: 30px;
    }
    .con2{
        padding: 60px 0;
    }
    .con2 .box {
        padding: 50px;
    }
}
@media screen and (max-width: 1200px) {
    .con2 .box{
        width: 60%;
    }
    .con_faq .box .dot{
        width: calc(50% - 30px);
        background-size: 50% 100%;
    }

}
@media screen and (max-width: 1000px) {
    .con1 .feed_form {
        margin-top: 35px;
        padding: 50px 50px 0 50px;
    }
    .con2 .box{
        width: 70%;
    }
}
@media screen and (max-width: 840px) {
    .con2 .box{
        width: 80%;
    }
    .con_faq{
        padding-top: 50px;
    }
    .con_faq .box .dot {
        width: 100%;
    }
    .con_faq .box .dot:nth-child(2n){
        margin-top: 0;
        margin-bottom: 72px;
    }
    .con_faq .box{
        padding-top: 60px;
    }
    
}
@media screen and (max-width: 640px) {
    .con1 .feed_form {
        margin-top: 35px;
        padding: 30px 20px 0 20px;
    }
    .con2 .box{
        width: 100%;
    }
    .con2 .dl .dd{
        width: 100%;
    }
    .con2 .dl .dd:nth-child(2){
        width: 100%;
        border-bottom: 1px solid #dedede;
        border-right: 0;
        padding-bottom: 35px;
    }
    .con_faq .box .dot {
        padding: 0 40px 40px 40px;
    }

    .con1 .feed_form .dot {
        width: 100%;
        margin-bottom: 30px;
    }

    .con1 .feed_form .ck_box{
        display: initial;
    }
    .con1 .feed_form .dot2 {
        margin-bottom: 30px;
    }
    .con2 .dl .dd:nth-child(3) {
        display: flex;
        justify-content:  flex-start;
    }
    .con1 .feed_form .dot2 textarea{
        height: 200px;
    }
    .con2 .box {
        padding: 30px;
    }
    
}