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

/* =============== 全局断点设置 =============== */
@media screen and (max-width: 1800px) {
    /* 布局调整 */
    .warp {
        padding: 0 70px;
        max-width: 100%;
    }
    .warp2 {
        width: calc(100% - 80px);
    }
    :root {
        --warp_pad:70px;
    }
    /* 横幅区域 */
    
    
    
}

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

    :root {
        --warp_pad:60px;
        --index-ban-height:800px;
        --index-pad-top120: 100px;
        /* 文字大小参数 */
        --font-size-xs: 1.4rem; /* 超小字体 */
        --font-size-sm: 1.6rem; /* 小字体 */
        --font-size-md: 1.8rem; /* 中等字体 */
        --font-size-ld: 2rem; /* 中等字体 */
        --font-size-lg: 2.4rem; /* 大字体 */
        --font-size-lx: 3rem; /* 大字体 */
        --font-size-x: 3.6rem; /* 超大字体 */
        --font-size-xl: 4.8rem; /* 超大字体 */
        --font-size-xxl: 6rem; /* 特大字体 */
        --font-size-xxxl: 7rem; /* 特大字体 */
        --font-size-120: 10rem

    }
    .warp {
        padding: 0 var(--warp_pad);
        max-width: 100%;
    }
    .warp2{
       width: calc(100% - 60px);
    }
    .header nav a{
        margin: 0px 10px
    }
    
}

@media screen and (max-width: 1500px) {
    /* 布局调整 */
    
    :root {
        --warp_pad:50px;
    }
    .warp2{
       width: calc(100% - 40px);
    }
    
}
@media screen and (max-width: 1400px) {
    
    :root {
        --warp_pad:50px;
        --index-ban-height:740px;
        --about-ban-height:600px;
        --index-pad-top120: 100px;
        /* 文字大小参数 */
        --font-size-xs: 1.4rem; /* 超小字体 */
        --font-size-sm: 1.6rem; /* 小字体 */
        --font-size-md: 1.8rem; /* 中等字体 */
        --font-size-ld: 2rem; /* 中等字体 */
        --font-size-lg: 2.2rem; /* 大字体 */
        --font-size-lx: 2.8rem; /* 大字体 */
        --font-size-x: 3.4rem; /* 超大字体 */
        --font-size-xl: 4.4rem; /* 超大字体 */
        --font-size-xxl: 5.4rem; /* 特大字体 */
        --font-size-xxxl: 6rem; /* 特大字体 */
        --font-size-120: 9rem

    }

    .header nav a {
        margin: 0px 6px;
    }

    .header{
        height: 100px;
    }
    .header nav a{
        line-height: 100px;
    }


    .fo1 .fo_list {
        padding: 40px ;
    }

    .fo1 {
        padding: 130px 0 70px 0;
    }

    .fo1 .warp .fo_nav{
        padding: 0 0 0 30px;
    }
 
    
}

@media screen and (max-width: 1200px) {
    
    :root {
        --warp_pad:40px;
        --index-ban-height:680px;
        --about-ban-height:540px;
        --index-pad-top120: 90px;
        /* 文字大小参数 */
        --font-size-xs: 1.4rem; /* 超小字体 */
        --font-size-sm: 1.6rem; /* 小字体 */
        --font-size-md: 1.8rem; /* 中等字体 */
        --font-size-ld: 2rem; /* 中等字体 */
        --font-size-lg: 2.2rem; /* 大字体 */
        --font-size-lx: 2.6rem; /* 大字体 */
        --font-size-x: 3.2rem; /* 超大字体 */
        --font-size-xl: 4rem; /* 超大字体 */
        --font-size-xxl: 5rem; /* 特大字体 */
        --font-size-xxxl: 6rem; /* 特大字体 */
        --font-size-120: 8rem

    }
    .warp2{
       width: 100%;
    }
    .header nav a {
        margin: 0px 0px;
    }
    .fo1 .fo_list {
        grid-template-columns: 4fr 6fr;
    }
    .fo_search .fo_input input{
        width: calc(100% - 100px);
    }

    
    

    
}
@media screen and (max-width: 1100px) {
    
    :root {
        --index-pad-top120:80px;
        
        /* 文字大小参数 */
        --font-size-xs: 1.4rem; /* 超小字体 */
        --font-size-sm: 1.6rem; /* 小字体 */
        --font-size-md: 1.8rem; /* 中等字体 */
        --font-size-ld: 2rem; /* 中等字体 */
        --font-size-lg: 2rem; /* 大字体 */
        --font-size-lx: 2.6rem; /* 大字体 */
        --font-size-x: 3.2rem; /* 超大字体 */
        --font-size-xl: 4rem; /* 超大字体 */
        --font-size-xxl: 5rem; /* 特大字体 */
        --font-size-xxxl: 6rem; /* 特大字体 */
        --font-size-120: 8rem

    }
    .header .mune {
        margin-left: 10px;
    }
    .header .mune a {
        margin-left: 10px;
    }
    
}

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

    :root {
        --warp_pad:40px;
        --index-ban-height:600px;
        --about-ban-height:460px;
        --ab-pad-top70: 60px;
        /* 文字大小参数 */
        --font-size-xs: 1.4rem; /* 超小字体 */
        --font-size-sm: 1.6rem; /* 小字体 */
        --font-size-md: 1.8rem; /* 中等字体 */
        --font-size-ld: 2rem; /* 中等字体 */
        --font-size-lg: 2rem; /* 大字体 */
        --font-size-lx: 2.6rem; /* 大字体 */
        --font-size-x: 3rem; /* 超大字体 */
        --font-size-xl: 3.8rem; /* 超大字体 */
        --font-size-xxl: 5rem; /* 特大字体 */
        --font-size-xxxl: 6rem; /* 特大字体 */
        --font-size-120: 8rem

    }


    #hamburger { display: block !important; }
    .header,.inside .header, .faside .header{
        position: fixed;
        width: 100%;
        z-index: 8;
        border-bottom: none;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        background-color:#063587;
    }
    .fo1 .fo_list{
        grid-template-columns: 1fr;
    }
    .fo1{
        display: none;
    }
    .banner .txt {
        padding-top: 0px;
    }
    .header nav,.header .mune,.header-top { display: none; }
    
    .header .logo{
        padding:15px 0;
    }
    .header .logo img{
        width: 240px;
    }
    .header {
        height: 85px;
    }
    .bottomlist { display: block; }
    
    .banner,.banners{
       padding-top: 84px;
    }

    .banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 10px);
        top: var(--swiper-pagination-top, auto);
        left: 0;
        width: 100%;
    }

    .tit .txt::after {
        bottom: 10px;
    }

    .footer{
        margin-bottom: 51px;
        padding: 0px 0 1px 0;
        
    }
    
    .fo2{
        padding: 40px 0 30px 0;
    }


}

@media screen and (max-width: 840px) {
    
    :root {
        --index-ban-height:550px;
        --font-size-xs: 1.4rem; /* 超小字体 */
        --font-size-sm: 1.6rem; /* 小字体 */
        --font-size-md: 1.8rem; /* 中等字体 */
        --font-size-ld: 2rem; /* 中等字体 */
        --font-size-lg: 2rem; /* 大字体 */
        --font-size-lx: 2.6rem; /* 大字体 */
        --font-size-x: 3rem; /* 超大字体 */
        --font-size-xl: 3.8rem; /* 超大字体 */
        --font-size-xxl: 4.8rem; /* 特大字体 */
        --font-size-120: 6rem

    }

    
    /* 布局调整 */
    .warp2 {
        width: 100%;
    }


    
    .banner .txt {
        width: 100%;
    }
    .banner .txt h4 { 
        margin-bottom: 25px;
    }
    .banner .in_btn {
        margin-top: 50px;
    }
    .fo3 .warp p{
        display: block;
        padding: 0px 0;
    }
    
}

@media screen and (max-width: 640px) {
    /* 排版系统 */
    :root {
        --index-ban-height:480px;
        --about-ban-height:400px;
        --warp_pad:30px;
        --ab-pad-top70: 40px;
        --font-size-xs: 1.4rem; /* 超小字体 */
        --font-size-sm: 1.6rem; /* 小字体 */
        --font-size-md: 1.8rem; /* 中等字体 */
        --font-size-ld: 2rem; /* 中等字体 */
        --font-size-lg: 2rem; /* 大字体 */
        --font-size-lx: 2.2rem; /* 大字体 */
        --font-size-x: 2.6rem; /* 超大字体 */
        --font-size-xl: 3.2rem; /* 超大字体 */
        --font-size-xxl: 4.8rem; /* 特大字体 */

    }
    
    /* 布局调整 */
    .warp,
    .warp2 {
        padding: 0 30px;
    }

    .banner .txt h4 {
        margin-bottom: 30px;
    }
    .banner .txt h2{
        margin-bottom: 20px;
    }
    .banner .txt p{
        width: 80%;
    }
    .fo2 {
        padding: 30px 0 20px 0;
    }
    .fo_logo{
        width: 220px;
    }
    .fo3 .warp{
        display: block;
    }
    .fo3 .warp p{
        margin-right: 0px;
    }
    .tit{
        display: block;
    }
    .tit_right{
        padding-top: 20px;
    }
    .ip2 .tit_right,.ip4 .tit_right{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .ip4_pro {
        padding:0;
    }
    .ip4_list .swiper-slide:hover{
       box-shadow: none;
    }
}


@media screen and (max-width: 460px) {
    /* 布局调整 */
    :root {
        --index-ban-height:480px;
        --font-size-ld: 1.8rem; /* 中等字体 */
        --font-size-lg: 1.8rem; /* 大字体 */
        --font-size-lx: 2rem; /* 大字体 */
        --font-size-x: 2.6rem; /* 超大字体 */
        --font-size-xl: 2.8rem; /* 超大字体 */
        --font-size-xxl:3rem; /* 特大字体 */
        --font-size-xxxl: 3.4rem; /* 特大字体 */
        --font-size-xxxxl: 4.4rem;

    }

    .warp,
    .warp2 {
        padding: 0 20px;
    }

    
    

    
}

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


/*首页*/

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

@media screen and (max-width: 1600px) {
    .icon_list .dot {
        padding: 15px 10px; 
    }
    .ip1_list, .ip2_list {
        padding-top: 90px;
    }
}

@media screen and (max-width: 1500px) {
    .ip3{
        padding-bottom: 0;
    }
    .ip3_fd{
        position: relative;
        margin-top: 30px;
    }
    .icon_list {
        grid-gap: 30px; 
    }
        
}
@media screen and (max-width: 1400px) {
    .ip1_list {
        padding-top: 85px;
    }
    .ip2 ,.ip4 {
        padding: var(--index-pad-top120) 0 60px 0;
    }
    .ip2_dot .info1 {
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 40px;
    }
    .ip2_dot .info2 .ip2_tit{
        display: block;
    }
    .ip2_dot .info2 h3{
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .icon_list {
        grid-template-columns:1fr 1fr;
    }
    .ip3_right{
        height: auto;
        background-size: cover ;
    }

    .ip2_dot .info2 .box {
        padding: 25px 40px;
    }
        
}
@media screen and (max-width: 1100px) {
    .ip1_list, .ip2_list {
        padding-top: 70px;
    }
    .ip2, .ip4 {
        padding: var(--index-pad-top120) 0 50px 0;
    }
}

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

    
    

}
@media screen and (max-width: 850px) {
    .ip1_list {
        grid-template-columns: repeat(2, 1fr);
    }
    .ip1_list .item a {
        padding: 50px 0 70px 0;
    }
    .ip1_list, .ip2_list {
        padding-top: 55px;
    }
    
    .ip3_list {
        grid-template-columns: 1fr;
        padding-top: 55px;
    }
    
    .ip3_right {
        height: 400px;
        margin-top: 20px;
    }
    .ip4_list {
        margin-top: 55px;
    }
}

@media screen and (max-width: 640px) {
    .ip1_list .item {
        border-right: 1px solid #d6dce9;
    }
    .ip2_list .swiper-slide-active .ip2_dot .info2 {
        top: 0;
    }
    .ip4_info h4{
       height: auto;
    }
    .ip4_list a {
        height: 400px;
    }
    .ip2_dot .info2 {
        padding: 0 20px 20px 20px;
        top: 100%;
    }
    .ip2_dot .info2 .box {
        padding: 18px 25px;
    }
    .ip2_dot .info2 a {
        margin-top: 20px;
    }
    .in_btn {   
        width: 130px;
    }
    .in_btn {
        height: 40px;
        padding-left: 40px;
        line-height: 40px;
    }
    .in_btn::after {
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        transform: translateY(-50%);
        
    }

    .ip2_pro {
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .ip1_list, .ip2_list {
        padding-top: 35px;
    }
    .ip4_list{
        margin-top: 30px;
    }
    
}

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

/*about*/
@media screen and (max-width: 1600px) {
    
    
}



@media screen and (max-width: 1400px) {
    .ab2_list {
        grid-gap: 40px;
    }
    


}
@media screen and (max-width: 1200px) {
    .ab2_list {
        grid-template-columns: repeat(2, 1fr);  
    }
    .ab4_list {
        grid-gap: 50px;
    }

    

}
@media screen and (max-width: 1100px) {
    
    .ab4_list {
        grid-gap: 30px;
    }
    
    
}


@media screen and (max-width: 1000px) {
    .banners .info {
        padding-top: 0px;
    }
    .ab1 {
        padding: var(--ab-pad-top70) 0 80px 0;
    }
    .ab1_list {
        grid-template-columns: 1fr;
    }
    .ab1_list,.ab2_list {
        margin-top: 40px;
    }

    .ab2 {
        padding: var(--ab-pad-top70) 0 90px 0;
    }
    .ab4 {
        padding: 80px 0;
    }
    
        
}

@media screen and (max-width: 840px) {
    .ab4_list {
        grid-template-columns: 1fr;
    }
    
    
    
}

@media screen and (max-width: 640px) {
    .ab1 {
        padding: var(--ab-pad-top70) 0 70px 0;
    }
    .ab2 {
        padding: var(--ab-pad-top70) 0 75px 0;
    }
    .ab2_list {
        grid-template-columns: 1fr;
    }
    .ab2_list .item {
        padding: 60px 40px; 
    }
    .ab4_list .item {
        padding: 35px 0 20px 0;
    }
    .ab4_list .item::after,.ab4_list .item:hover::before{
        width: 100%;
    }
    .ab4_list .item .txt {
        padding-right: 20px;
    }
    .intit p:after {
        width: 60px;
    }
    .intit p {
        padding-left: 90px;
        line-height: 40px;
        padding: 15px 0 15px 90px;
    }
    .ab3 .dot:first-child .txt {
        width: 90%;
    }
    .ab4_list .item .num {
        font-size: 46px;
    }
}

@media screen and (max-width: 460px) {
    .ab4 {
        padding: var(--ab-pad-top70) 0;
    }
    .ab4_list .item .txt {
        padding-right: 15px;
    }
    .ab1_list, .ab2_list {
        margin-top: 10px;
    }
    .ab2_list .item {
        padding: 40px 30px;
    }
    .ab2_list .item i {
        margin: 20px 0 20px 0;
    }
}
/*product*/
@media screen and (max-width: 1400px) {
    .pro2 .pro_list {
        grid-template-columns: repeat(3, 1fr);
    }

    .pro_god {
        grid-template-columns: 1fr 1fr; 
    }
    .pro_info a {
        margin-top: 60px; 
    }
    .pro_info .img {
        padding-top: 70px;
    }
}
@media screen and (max-width: 1200px) {
    .p_list {
        padding-left: 100px;
    }
    .pro_god {
        grid-template-columns: 1fr; 
    }
    .pro_img {
        padding-right: 30px;
    }
    .pro_info .info {
        padding-left: 30px;
    }
    .pro_info {
        padding-top: 60px;
    }
    
}
@media screen and (max-width: 1100px) {
    .p_type {
        grid-template-columns: 220px auto;
    }
    .p_list a{
        min-width: auto;
    }
    .p_list {
        padding-right: 30px;
    }
}
@media screen and (max-width: 1000px) {
    .p_list {
        padding-left: 70px;
    }
    .pro2 {
        padding: 60px 0;
    }
    .mySwiper2 img{
        width: 100%;
    }
    .pro_info {
        display: block;
    }
    .pro_img,.pro_info .info{
        width: 100%;
    }
    .pro_god {
        grid-template-columns: 1fr 1fr;
    }
    .pro_info .info {
        padding-top: 40px;
    }
    .pro_small {
        margin-top: 40px;
    }
    .pro_info {
        padding-top: 40px;
    }

}
@media screen and (max-width: 840px) {
    .pro2 .pro_list {
        grid-template-columns: repeat(2, 1fr);
        padding-top: 40px;
    }

    .pro_info .info {
        padding-left: 0;
    }
    .pro_info .info {
        padding-top: 25px;
    }
}
@media screen and (max-width:760px) {
    .p_type {
        grid-template-columns: 1fr;
    }
    .p_tit{
        display: none;
    }
}
@media screen and (max-width: 640px) {
    .pro1 .warp{
        padding: 0;
    }
    .pro2 .pro_list {
        grid-template-columns: 1fr;
        padding-top: 30px;
    }
    .p_list {
        border-radius: 0px;
        padding: 0 20px;
    }
    .pro_right {
        height: 100px;
        display: flex;
        justify-content: space-between;
        flex-direction: inherit;
    }
    .pro_right .pro_next {
        margin-bottom: 0px;
    }

    .pro_small {
        display: block;
    }
    .pro_left {
        width: 100%;
    }
    .pro_info .info {
        padding-top: 0px;
    }
}
@media screen and (max-width: 460px) {
    .pro_info {
        padding-top: 20px;
    }
    .pro_god {
        grid-template-columns: 1fr;
    }
}

/*news*/

@media screen and (max-width:1400px){
    .news_top a {
        grid-gap: 70px;
    }
    .news_box {
        padding: 50px;
        
    }
}
@media screen and (max-width: 1200px) {
    .news_box .info {
        width: calc(100% - 370px);
    }
}
@media screen and (max-width: 1000px) {
    .news_top .txt span {
        margin: 20px 0 40px 0;
    }
    .news_box a{
        display: block;
    }
    .news_box .info {
        width: auto;
        margin: 20px 0;
    }
    
}
@media screen and (max-width: 840px) {

    .news_top a {
        grid-template-columns: 1fr;
    }
    .news_top .img{
        height: 400px;
    }
    .news_top .swiper-button-next,.news_top .swiper-button-prev {
        top: var(--swiper-navigation-top-offset,20%);
    }

    .news_top a {
        grid-gap: 40px;
    }
    
}
@media screen and (max-width: 640px) {
    .news_box {
        display: block;
        padding: 30px;
        margin-bottom: 35px;
    }
    .news_box a{
        margin-bottom: 30px;
        padding:40px;
    }
    .news_top {
        padding-top: 30px;
    }
    
}
@media screen and (max-width: 460px) {
    .news_box {
        padding: 20px;
    }
    .news_box a {
        padding: 20px;
    }
}

/*newsshow*/
/*newsshow*/
@media screen and (max-width: 1550px) {
    .newsshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
    .newsshow .tit2,.newsshow .btn{ padding:40px 20px;}  
    .newsshow .txt{ padding:20px;}
    .newsshow .boxs{
        padding: 10px;
        margin-top:30px;
    }
    .newsshow .btn{
        margin-top: 10px;
    }
    .newsshow .tit1 {
        padding: 20px;
        text-align: center;
    }
    .newsshow .txt p{
        font-size: 14px;
    }
}
@media screen and (max-width: 600px) {
    .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:20px ;}    
    .newsshow { padding: 40px 0;}
}

/*service*/
@media screen and (max-width: 1600px) {
    .last_list .list1 {
        grid-gap: 30px;
    }
}
@media screen and (max-width: 1400px) {
    .last_list {
        display: block;
        
    }
    .ser_logo{
        margin-top: 20px;
    }
    .ser3_left {
        padding: 50px 50px 70px 50px;
    }

    .ser3_right .item .img { 
        height: 70%;
    }
    .ser3_right .txt { 
        height: 30%;  
        padding: 0 5px;
    }
    
}
@media screen and (max-width: 1200px) {
    .last_list .list1 {
        grid-template-columns: 1fr 1fr;
    }

    .ser3_list {
        grid-template-columns: 35% auto;
    }

    .ser1_box {
        padding: 0 70px;
    }
    
}
@media screen and (max-width: 1100px) {
    .box_tit {
        display: block;
    }
    .box_tit h4{
        margin-bottom: 20px;
    }
    .ser3_list {
        grid-gap: 20px;
    }
    .ser3_right {
        grid-gap: 10px;
    }
}


@media screen and (max-width: 1000px) {
    .ser3 {
        padding: var(--ab-pad-top70) 0 70px 0;
    }
    .ser1_list {
        padding: 30px 0 0 0;
    }
    .ser2_list {
        grid-template-columns: repeat(2, 1fr);
        padding: 30px 0 0 0;
    }
    .ser3_list {
        padding: 30px 0 0 0;
        grid-template-columns: 1fr;
    }
    .ser3_right .item .img {
        height:400px;
    }
    .ser3_right .txt {
        height: 150px;
        padding: 0 5px;
    }
    .ser3_right {
        grid-gap: 15px;
    }

    .last_list .dot:last-child {
        grid-column: span 2;
        width: auto;
    }
}

@media screen and (max-width: 840px) {
    .ser1_box {
        padding: 0 60px;
    }
    .ser1_box .box {
        padding: 50px;
    }
    .ser1_box .box .item {
        margin-bottom: 40px; 
    }
    
}

@media screen and (max-width: 640px) {
    .ser1_tit {
        padding: 40px;
        height: 360px;
    }
    .ser3_right {
        grid-template-columns: 1fr;
    }
    .ser2_list {
        grid-template-columns: 1fr;
    }
    .ser1_box {
        padding: 0 30px;
    }
    .ser1_tit .txt {
        padding-bottom:0;
    }
    .ser1_box {
        padding: 0px;
        transform: translateY(0px);
        margin-bottom: 0px;
        margin-top: 30px;
    }
    .ser1_box .box {
        padding: 30px;
    }

    .last_list .list1 {
        grid-template-columns: 1fr ;
    }
    .last_list .dot:last-child {
        grid-column: span 1;
        width: auto;
    }

    .ser3_right .item .img {
        background-position:  center center;
    }

    .ser3_left h5 {
        margin-top: 40px;
    }

    .ser3_left {
        padding: 40px 40px 50px 40px;
    }
    .ser2 {
        padding: 0px 0 0 0;
    }
    .ser1_list {
        padding: 20px 0 0 0;
    }

    .ser3 {
        padding: var(--ab-pad-top70) 0 30px 0;
    }
    
}

/*contact*/
@media screen and (max-width: 1400px) {
    .con1 .con1_list{
        grid-gap: 60px;
    }
    .con1 .info{
        padding: 50px;
    }
    .feed_form button {
        width: 420px;
    }
}
@media screen and (max-width: 1300px) {
    
}
@media screen and (max-width: 1200px) {
    
    .con1 .info{
        padding: 30px;
    }
    .con1_right .item1_list {
        grid-template-columns: 1fr;
    }
    .con1_right .item1 {
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 1000px) {
    .feed_form button {
        width: 240px;
    }
    .con1 .con1_list{
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
    .con1 .con1_list .map{
        height: 400px;
        background-size: cover;
    }
    .con2 {
        padding: 20px 0 50px 0;
    }
}
@media screen and (max-width: 840px) {
    .con1_box{
        grid-template-columns: 1fr;
        padding-top: 0px;
        margin-top: 20px;
    }
    .con1_box .info_box{
        border-right: none;
        border-bottom: 1px solid #ccc;
        padding: 20px 0;
    }
    .feed_form .dot:nth-child(5) {
        display: block; 
    }
    .feed_form .dot p {
        padding-bottom: 30px;
    }
    .feed_form {
        margin-top: 40px;
        padding: 30px;
    }
    .feed_form .dot input {   
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
        border-radius: 10px;
    }
    .feed_form .dot textarea{
        border-radius: 10px;
        padding:15px 20px;
    }
}
@media screen and (max-width: 640px) {
    .con1_box{
        grid-template-columns: 1fr;
        margin-top: 40px;
    }
    .con1_box .item:last-child{
        background: #f5f9fd;
    }
    .con1 .con1_list .map {
        height: 300px;
    }
    .add2{
        display: block;
    }
    .feed_form {
        margin-top: 20px;
    }
    .con1_box .item:first-child{
        padding-bottom: 60px;
        margin-bottom: 20px;
    }
    .con_add{
        padding-bottom: 60px;
    }
    .feed_form{
        grid-template-columns: 1fr;
        gap: 20px;
        
    }
}