@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*home*/
/* 商会概况 */

.m-zxbox ul{margin: 0 -12.5px;}
.m-zxbox ul li{float: left; padding: 0 12.5px; height: 154px;}
.m-zxbox ul li div{padding: 0 46px 0 40px; position: relative; height: 100%; background: url(../images/home/shtj.png) left no-repeat;}
.m-zxbox ul li div p:nth-child(1){padding-top: 24px; font-size: 20px; font-weight: 700;}
.m-zxbox ul li div p:nth-child(2){margin-top: 24px; box-sizing: border-box; font-size: 18px; font-weight: 400; height: 48px; line-height: 24px; overflow: hidden;}
.m-zxbox ul li div a{position: absolute; top: 24px; right: 32px; display: block; background: #D40C00; width: 88px; height: 32px; line-height: 32px; border-radius: 2px; color: #fff; text-align: center;}
.m-zxbox ul li:nth-child(2) div{background: url(../images/home/wqfw.png) left no-repeat;}
.m-zxbox ul li:nth-child(3) div{background: url(../images/home/flzx.png) left no-repeat;}

.m-zxbox ul li{margin: 80px 0 120px;}

.m-title{position: relative; margin-bottom: 20px; letter-spacing: 0; font-weight: 600; height: 54px;}
.m-title::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #D40C00;}
.m-title .tit{display: inline-block; position: relative; height: 100%; font-size: 30px; color: #D40C00;}
.m-title .tit::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #D40C00;}
.m-title .gd{position: absolute; right: 0; font-size: 16px; color: #1890FF;}
.g-title ul{margin: 0 -10px;}
.g-title ul li{width: 50%; padding: 0 10px; float: left;}
.g-title ul li{margin-top: 20px;}
.g-title ul li .listbox{padding: 0 24px; height: 100%; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.06);}
.g-title ul li p a{display: block; line-height: 65px; font-size: 18px; color: #000; font-weight: bold; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.g-title ul li p span{color: rgba(0,0,0,0.45); line-height: 65px; font-size: 14px;}
.g-title ul li .con{line-height: 21px; font-size: 16px; height: 63px; overflow: hidden;}

.m-mask{position: fixed; z-index: 999; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.45);}
.m-jftj,.m-sqfw,.m-zxzx{position: fixed; z-index: 1000; right: 0; top: 0; bottom: 0; width: 33.3%; background: #fff; }
.allbox h1{line-height: 56px; padding: 0 24px; border-bottom: 1px solid rgba(0,0,0,0.06);}
.allbox h1 i{float: right; font-weight: 500; cursor: pointer; color: rgba(0,0,0,0.45);}
.m-jftj form{height: 89%; overflow: auto;}
.allbox form>p{
    padding: 20px;
    text-indent: 30px;
}

.m-form h2{margin: 32px 12px 24px 0;}
.m-form h2 p{display: inline-block; width: 160px; text-align: end;}
.m-form h2 i{margin-left: 16px; color: #1890FF; font-size: 14px; font-weight: 400; cursor: pointer;}
.formp{margin-bottom: 16px; color: #333; font-size: 14px;}
.formp div{width: 188px;}
.formp i{color: #FF4D4F; font-size: 14px;}
.formp span{margin-left: 4px;}
.formp p{float: left; width: 186.38px; text-align: end; line-height: 32px;}
.formp input,.formp select{padding-left: 12px; border: 1px solid rgba(0,0,0,0.15); border-radius: 2px; width: 300px; height: 32px;}
.formp textarea{width: 300px; height: 90px;}
.formp .ts{width: auto; padding-left: 188px; color: #bb4949;}
.formp select{padding-left: 8px;}


.upfile{background-color: #fff;width: 106px !important; height: 32px;border: 1px solid #ccc; outline: none; background: #fff url(../images/public/up.png) 8px 9px no-repeat;}
.help-block{padding-left: 186.38px;}
#i-check{width: 106px;}

.m-tj{position: absolute; bottom: 10px; right: 16px;}
.m-tj input{width: 65px; height: 32px;}
.m-tj input:first-child{margin-right: 8px; border: 1px solid rgba(0,0,0,0.15); border-radius: 2px;}
.m-tj input:last-child{color: #fff; background: rgba(212,12,0,1); border: none;}

.m-map{margin-top: 113px;}
.m-map .u-showmap{margin-top: 56px; width: 560px; position: relative; height: 730px; background: url(../images/home/map/合肥.png) center no-repeat; background-size: 100% 100%;}
.m-map .u-showmap ul li{position: absolute; left: 49%; top: 54%;padding: 3px 5px;font-family: PingFangSC-Semibold;font-size: 14px;color: #000;font-weight: 600;cursor: pointer;}
.m-map .u-showmap ul li:hover{color: #D40C00;}
.m-map .u-showmap ul li:nth-child(2){left: 34%; top: 16%;}
.m-map .u-showmap ul li:nth-child(3){left: 48%; top: 17%;}
.m-map .u-showmap ul li:nth-child(4){left: 25%; top: 23%;}
.m-map .u-showmap ul li:nth-child(5){left: 46%; top: 28%;}
.m-map .u-showmap ul li:nth-child(6){left: 13%; top: 32%;}
.m-map .u-showmap ul li:nth-child(7){left: 36%; top: 41%;}
.m-map .u-showmap ul li:nth-child(8){left: 60%; top: 40%;}
.m-map .u-showmap ul li:nth-child(9){left: 23%; top: 56%;}
.m-map .u-showmap ul li:nth-child(10){left: 66%; top: 56%;}
.m-map .u-showmap ul li:nth-child(11){left: 64%; top: 64%;}
.m-map .u-showmap ul li:nth-child(12){left: 48%; top: 71%;}
.m-map .u-showmap ul li:nth-child(13){left: 27%; top: 76%;}
.m-map .u-showmap ul li:nth-child(14){left: 51%; top: 81%;}
.m-map .u-showmap ul li:nth-child(15){left: 77%; top: 75%;}
.m-map .u-showmap ul li:nth-child(16){left: 63%; top: 89%;}




.m-map .list{width: 657px; height: 848px; overflow-y: auto;}
.m-map .list li{float: left; width: 320px; height: 106px;font-size: 14px;line-height: 22px;font-weight: 400;}
.m-map .list li:hover{background: #F9DBD9;}
.m-map .list li:hover a{color: #000;}
.m-map .list li p{margin-bottom: 4px;position: relative;padding-left: 36px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-map .list li a{display: block; height: 100%; padding: 17px 24px; color: #000;}
.m-map .list li img{position: absolute; left: 0;}

/* num 右侧增减 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}

/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
    .g-title ul li{height: 157px;}
}
@media (max-width:1440px) {
    .formp{text-align: center;}
    .formp textarea{margin: 0 auto;}
    .wjsc{left: 250px !important;width: 150px !important;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px){
    .formp{padding: 0 20px; margin-bottom: 0;}
    .formp i{margin-left: 0;}
    .formp p{text-align: start; padding: 10px 0;}
    .formp input,.formp select{float: none; width: 100%;}
    .help-block{padding-left: 0;}

    .formp .ts{padding-left: 10px;}

}
/*pad md*/
@media screen and (max-width: 991px ){
    .m-zxbox ul li{width: 100%; margin: 10px 0 10px;}
    .g-title ul li{width: 100%;}
    .g-title ul li .listbox{padding: 0 15px 20px;}

    .m-jftj,.m-sqfw,.m-zxzx{width: 80%;}
    .formp .ts{padding-left: 0;}

    .m-map .u-showmap{margin-top: 0; width: 280px; height: 365px;}
    .m-map .u-showmap ul li{font-size: 12px;}
    .m-map .list li{float:none;}
    .m-map .list{width: 100%;}

}
/*phone sm*/
@media screen and (max-width: 767px) {
}
/*small xs*/
@media screen and (max-width: 638px) {
    

}