main .contact{width: 12.8rem;margin: auto;}
main .contact .content{display: flex;padding-top: 0.9rem;justify-content: space-between;}
main .contact .content .lis{display: flex;align-items: center;}
main .contact .content .lis:not(:nth-last-of-type(1)){margin-right: 0.7rem;}
main .contact .content .lis .icon{width: 0.57rem;font-size: 0;}
main .contact .content .lis .icon img{width: 100%;}
main .contact .content .lis .cons{font-size: 0.16rem;color: #111;padding-left: 0.25rem;}
main .contact .content .lis .cons .name{color: #806A79;font-weight: bold;}
main .contact .content .lis .cons span{display: block;width:5.13rem;}
main .map{width: 19.2rem;background: url(../img/map.png) bottom no-repeat;height: 7.8rem;margin-top: 0.8rem;}
main .map .cons{width: 12.8rem;margin: auto;display: flex;justify-content: space-between;}
main .map .cons .left{width: 8.86rem;height: 5.2rem;background: #eee;}
main .map .cons .right{width: 3.4rem;background:rgba(255,255,255,0);}
main .map .cons .right .title{font-size: 0.32rem;font-weight: bold;color: #333;padding-bottom: 0.46rem;}
main .map .cons .right .lis{display: flex;flex-direction: column;margin-bottom: 0.4rem;}
main .map .cons .right .lis .name{font-size: 0.2rem;font-weight: bold;color: #333;}
main .map .cons .right .lis>span{font-size: 0.16rem;color: #333;padding-top: 0.1rem;display: block;}
main .map .cons .right .lis>p{font-size: 16px;color: #333;padding-top: 0.1rem;display: block;margin: 0;}
main .map .cons .right .btn{width: 2.18rem;height: 0.53rem;background: #806A79;border-radius: 0.5rem;display: flex;justify-content: center;align-items: center;cursor: pointer;padding: 0;}
main .map .cons .right .btn .img{font-size: 0;}
main .map .cons .right .btn>span{font-size: 0.17rem;color: #fff;display: block;line-height: 0.53rem;margin-left: 0.1rem;}
main .map .cons .right .btn>p{font-size: 0.17rem;color: #fff;display: block;line-height: 0.53rem;margin:0 0 0 0.1rem;}
main .state{position: fixed;top: 0;width: 100%;height: 100%;display: none;z-index: 1;}
main .state .bg{background:rgba(0,0,0,0.3);width: 100%;height: 100%;}
main .state .box{width: 7.16rem;height: 6.54rem;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 0.1rem;}
main .state .box .title{font-size: 0.24rem;color: #806A79;text-align: center;padding-top: 0.47rem;}
main .state .box .close{font-size: 0;position: absolute;top: 0;right: 0;padding: 0.2rem 0.25rem 0 0;cursor: pointer;}
main .state .box .infos{padding: 0.22rem 0.69rem 0 0.69rem;}
main .state .box .infos .ls{padding-bottom: 0.1rem;}
main .state .box .infos .ls .name{font-size: 0.16rem;color: #333;line-height: 0.4rem;}
main .state .box .infos .ls .text{font-size: 0;width: 5.78rem;height: 0.5rem;}
main .state .box .infos .ls .text input[type="text"]{width:calc(100% - 0.23rem - 4px);height: calc(100% - 4px);margin: 0;padding: 0;border: 2px solid #d8d8d8;font-size: 0.16rem;padding-left: 0.23rem;}
main .state .box .infos .ls .text input:focus,main .state .box .infos .ls .text textarea:focus{outline: none;}
main .state .box .infos .ls .text input::-webkit-input-placeholder{font-size: 0.16rem;color: #999;}
main .state .box .infos .ls:nth-last-of-type(1) .text{height: 0.86rem;}
main .state .box .infos .ls .text textarea{font-family: unset;width: calc(100% - 0.23rem - 4px);height:calc(100% - 4px - 0.18rem);margin: 0;padding: 0;border: 2px solid #d8d8d8;font-size: 0.16rem;padding-left: 0.23rem;min-height:calc(100% - 4px - 0.18rem);max-height: calc(100% - 4px - 0.18rem);min-width: calc(100% - 0.23rem - 4px);max-width: calc(100% - 0.23rem - 4px);padding-top: 0.18rem;}
main .state .box .infos .ls .text textarea::-webkit-input-placeholder{font-size: 0.16rem;color: #999;}
main .state .box .submit{width: 2.14rem;height: 0.56rem;background-color: #222;color: #fff;font-size: 0.16rem;margin:0.2rem auto auto;display: flex;justify-content: center;align-items: center;cursor: pointer;}


/*电脑端适配*/
@media screen and (max-width:1300px){
    /* 地图&表单 */
    main .map{height: unset;margin-bottom: 0.8rem;}
    /* 地图位置 */
    main .map .cons{align-items: center;}
   /* 提交按钮 */
   main .map .cons .right .btn{width: 150px;height: 40px;}
   /* 表单填写 */
   main .state .box .title{font-size: 16px;}

   main .state .box{height: unset;}
   main .state .box .infos .ls .text{height: 45px;}
   main .state .box .infos .ls:nth-last-of-type(1) .text{height: 90px;}
   main .state .box .submit{margin:0.2rem auto}
}
@media screen and (max-width:1300px){
    /* 表单 */
    main .state .box .infos .ls .text{height: 35px;}
    main .state .box .infos .ls:nth-last-of-type(1) .text{height: 70px;}
}
@media screen and (max-width:1280px){
	main .contact,main .map .cons{width: 14.8rem;}
    main .map .cons .right{width: 5.4rem;}
	
}
/*手机端适配*/
@media screen and (max-width:783px){
    /* 图标 */
    main .contact,main .map .cons{width: 90%;}
    main .contact .content{padding-top: 0.2rem;display: block;}
    main .contact .content .lis{margin-bottom: 0.2rem;}
    main .map{width: 100%;}
    main .map .cons{flex-direction: column;}
    main .map .cons .right{width: 100%;margin-bottom: 0.3rem;}
    main .map .cons .right .title{font-size: 18px;padding-bottom:20px}
    main .map .cons .right .lis .name{font-size: 18px;}
    main .map .cons .right .lis{margin-bottom:25px}
    main .map .cons .right .btn>span{line-height: unset;}
    main .map .cons .right .btn>p{line-height: unset;}
    main .map .cons .right .btn{width: max-content;padding:0 0.2rem;height: 50px;}

    main .map .cons .left{width: 100%;height: 3rem;}
    main .inner-banner img{width: unset;margin-left: -260px;height: 100%;background-size: 100% 100%;}
}

@media screen and (max-width:541px){
    main .contact .content .lis .cons{font-size:16px;width: calc(100% - 0.82rem);}
    main .contact .content .lis .cons span,main .map .cons .right .btn>span,main .map .cons .right .btn>p{font-size: 14px;}
    main .map .cons .right .lis>span{font-size: 16px;}
    main .state .box .infos .ls .name{font-size: 14px;}
}