@font-face {
    font-family: "serifcnMedium";
    src: url(fonts/SourceHanSansCN-Medium.ttf);
}
html, body {
    height: 100%;
    font-family: "serifcnMedium";
}
body {
    width: 100%;
    height: 100%;
    background: url(../images/supplyImg/supplyBg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
input, button {
    border: none;
    outline: none;
}
.supply-search input {
    width: 16.4rem;
    height: 5.1rem;
    line-height: 5.1rem;
    background: rgba(255, 255, 255, .15);
    border: 1px solid #717171;
    border-radius: 1rem;
    font-size: 1.8rem;
    color: #00468c;
    padding: 0 1.4rem 0 1.6rem;
    margin-right: 0.8rem;
}
.supply-search button {
    width: 13.3rem;
    height: 5.2rem;
    border-radius: 0.5rem;
    cursor: pointer;
    position: absolute;
   /* background: url(../images/supplyImg/supplyBtn.png) no-repeat center center;
    */
    background:linear-gradient(to right,rgb(79,79,213), rgb(24,107,208));
   /* font-family: "庞门正道粗书体";
    */
    font-size: 2.2rem;
    color: #fcfdff;
}
.supply-search input::placeholder {
    color: #00468c;
}
.center-box {
    width:150rem;
    height:auto;
    margin:0 auto;
}
.exhTop{
    position:relative;
    width:100%;
    height:19.4rem;
}
.supply-logo {
    width:15.2rem;
    height:10.5rem;
    display:inline-block;
    background: url(../images//onlineImg/logo.png) no-repeat;
    background-size: 100% 100%;
}
.supply-logo2024 {
    background: url(../images//onlineImg/logo2024.png) no-repeat;
    background-size: 100% 100%;
}
.supply-title {
    position:absolute;
    left: 50%;
    top: 6rem;
    transform: translate(-50%, 0);
    width: 90.8rem;
    height: 6.2rem;
    background: url(../images//supplyImg/supplyTitle.png) no-repeat;
    background-size: 100% 100%;
}
.supply-search {
    position:absolute;
    left: 115.5rem;
    top: 13.7rem;
    padding: 0;
}
.supply-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.supply-content > div {
    width: 72rem;
    height: 65.7rem;
}
.supply-content > div .inf-title {
    width: 100%;
    height: 5.7rem;
    line-height: 5.7rem;
    display: flex;
    justify-content: space-between;
}
.supply-content > div .inf-title h3 {
    width: 14.8rem;
    background: #173ba3;
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    border-radius: 1rem 1rem 0 0;
}
.supply-content > div .inf-title a {
    font-size: 2rem;
    color: #0d5294;
    text-decoration: none;
}
.supply-content > div > ul {
    width: 100%;
    height: auto;
    height:60rem;
    padding: 0 4.4rem 0 5rem;
    border-radius: 1rem;
    box-sizing: border-box;
    background: #fff;
    overflow: auto;
}
.supply-content > div > ul::-webkit-scrollbar {
    width: 0.2rem;
    height: 1.2rem;
}
.supply-content > div > ul::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    -webkit-box-shadow: inset 0 0 0.5rem rgba(5, 1, 77, 0.2);
    background: rgba(1, 8, 81, 0.5);
}
.supply-content > div > ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.5rem rgba(5, 1, 77, 0.2);
    border-radius: 0;
    background: rgba(1, 8, 81, 0.4535);
}
.supply-content > div > ul li {
    /* height: 19.9rem; */
    /* padding-bottom: 1rem; */
    padding-top: 2rem;
    box-sizing: border-box;
    border-bottom: 0.1rem solid #eeeeee;
}
.supply-content > div > ul li .inf-top .top-title {
    display: flex;
    justify-content: space-between;
}
.inf-top .top-title {
    margin-bottom: 2rem;
}
.inf-top .top-title .tit-con span {
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2.7rem;
    box-shadow: 0.3rem 0.3rem 1rem 1rem rgba(0, 0, 0, 0.05);
}
.inf-top .top-title .tit-con span img {
    width: 100%;
}
.inf-top .top-title .tit-con .tit {
    width: 40rem;
    /* height: 8.5rem; */
    display: inline-block;
    vertical-align: middle;
}
.inf-top .top-title .tit-con .tit h3 {
    width: 100%;
    /* line-height: 4.2rem; */
    font-size: 2rem;
    padding:0px 0 10px;
    color: #333;
    line-height: 110%;
   /* display: flex;
    justify-content: space-between;
    */
}
.inf-top .top-title .tit-con .tit h3 b {
    font-weight: normal;
    margin-left: 3rem;
}
.inf-top .top-title .tit-con .tit button {
    width: 10.1rem;
    height: 3.5rem;
    line-height: 3.5rem;
    border-radius: 1.8rem;
    box-sizing: border-box;
    display: block;
    border: 1px solid #173ba3;
    color: #173ba3;
    font-size: 1.8rem;
    cursor: pointer;
}
.inf-top .top-title .tit-con .tit button i {
    width: 1.9rem;
    height: 1.9rem;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/supplyImg/negIcon.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 1rem;
}
.inf-top .top-title a.title-link{
    color:#000;
    font-size: 2rem;
}
.inf-top .top-title a.details {
    width: 9.2rem;
    height: 3.5rem;
    line-height: 3.5rem;
    display: inline-block;
    text-align: left;
    font-size: 1.8rem;
    color: #333;
    background: url(../images/supplyImg/detArr.png) no-repeat center right;
}
.inf-top .bot-con p {
    width: 100%;
    /* height: 5.6rem; */
    padding:1rem 0;
    line-height: 2.8rem;
    font-size: 1.7rem;
    color: rgba(51, 51, 51, .8);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.online_gallery {
    position:absolute;
    left: 50%;
    bottom:2rem;
    transform: translate(-50%, 0);
    width: 117.1rem;
    height: 6.5rem;
}
.onBtn ul {
    display: flex;
    justify-content: space-between;
}
.onBtn ul li {
    width: 21rem;
    height: 6.2rem;
    line-height: 6.2rem;
    text-align: center;
    color: rgba(255, 255, 255, .4);
    font-size: 2.2rem;
    background: url(../images/onlineImg/onlineBtn.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li a {
    color: rgba(255, 255, 255, .4);
}
.onBtn ul li a i {
    width: 2.3rem;
    height: 2.6rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.3rem;
    background: url(../images/onlineImg/abhBtn.png) no-repeat;
    background-size: 100% 100%;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(2) a i {
    width: 3.1rem;
    background: url(../images/onlineImg/zsBtn.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(3) a i {
    width: 2.6rem;
    height: 2.8rem;
    background: url(../images/onlineImg/zpBtn.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(4) a i {
    width: 2.5rem;
    background: url(../images/onlineImg/zxzbBtn.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(5) a i {
    width: 3.3rem;
    height: 2.8rem;
    background: url(../images/onlineImg/gydjBtn.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li.current {
    color: #fff;
    background: url(../images/onlineImg/onlineBtnHover.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li.current a {
    color: #fff;
}
.onBtn ul li.current a i {
    background: url(../images/onlineImg/abhBtnHover.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(2).current a i {
    background: url(../images/onlineImg/zsBtnH.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(3).current a i {
    background: url(../images/onlineImg/zpBtnHover.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(4).current a i {
    background: url(../images/onlineImg/zxzbBtnHover.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(5).current a i {
    background: url(../images/onlineImg/gydjBtnHover.png) no-repeat;
    background-size: 100% 100%;
}
/*弹窗样式*/
.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80%;
    max-width: 100rem;
    min-width: 32rem;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(-50%) translateY(-50%);
}
.md-show {
    visibility: visible;
}
.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.3s;
}
.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}
body > .md-modal .md-content {
    color: #000;
    font-size: 1.6rem;
    padding:0 4.5rem 1rem;
    background: #fff;
    position: relative;
    border-radius: 1rem;
    margin: 0 auto;
}
.md-content h3 {
    text-align: center;
    font-size: 2.8rem;
    height: 9.7rem;
    line-height: 9.7rem;
    color: #002040;
    border-bottom:0.1rem solid #dfe2f5;
}
.md-effect-13.md-modal {
    perspective: 130rem;
}
.md-effect-13 .md-content {
    transform-style: preserve-3d;
    transform: translateZ(-300rem) rotateY(90deg);
    opacity: 0;
}
/*radio按钮样式*/
.RadioStyle input {
    display: none 
}
#top_bit .modal-con >label{
    float:left;
    width:9.5rem;
    line-height:3.6rem;
}
#top_bit .modal-text >label{
    width:8rem;
    line-height:4.6rem;
    text-align:right;
    margin-right:1.7rem;
}
#top_bit .modal-con > div.RadioStyle{
    float:left;
    width:85rem;
}
#top_bit .modal-con > div.RadioStyle > label{
    padding:0 2.4rem;
    display:inline-block;
    margin-right:1rem;
    margin-bottom:1rem;
    height:3.6rem;
    line-height:3.6rem;
    text-align:center;
    border: 1px solid #b9bcc5;
    color: #6b7083;
    text-align: center;
    cursor: pointer;
}
#top_bit .modal-con > div.RadioStyle input:checked + label {
    background: #00468c;
    color: #fff 
}
.md-show.md-effect-13 .md-content {
    animation: slit .7s forwards ease-out;
}
.md-show .dateinputer{
    width:52rem;
    line-height:4.6rem;
    height:4.6rem;
    border:1px solid #ccc;
    cursor: pointer;
    position:relative;
    padding-left:1.6rem;
    box-sizing: border-box;
    float:left;
    font-size:1.6rem !important;
}
@keyframes slit {
    50% {
        transform: translateZ(-25rem) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-in;
   }
    100% {
        transform: translateZ(0) rotateY(0deg);
        opacity: 1;
   }
}
#top_bit {
    padding-top:3rem;
}
#top_bit input[type="text"], #top_bit textarea {
    font-size: 1.6rem;
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 1.6rem;
    border-radius: 0.5rem;
    transition: all 0.5s ease-in-out;
}
#top_bit input[type="text"]{
    width:52rem;
    height:4.6rem;
    padding-left:1.6rem;
    box-sizing:border-box;
    border:1px solid #dbdbdb;
}
#top_bit input:focus, #top_bit textarea:focus {
    box-shadow: 0 0 0.3rem #ccc;
    transform: scale(1.01);
}
#top_bit .modal-con {
    overflow:hidden;
}
#top_bit .modal-con > label > span {
    color: #f00;
}
#top_bit textarea {
    width: 52rem;
    min-height: 10rem;
    background:#fafafb;
    resize: none;
    outline: none;
    padding-left: 1.6rem;
    padding-top: 1rem;
    float:left;
    box-sizing:border-box;
}
#top_bit input:not(:focus), #top_bit textarea:not(:focus) {
    opacity: 0.5;
}
#top_bit input:required, #top_bit textarea:required {
    background: url("tests/formdemo/asterisk_orange.png") no-repeat 28rem 0.7rem;
}
#top_bit input:valid, #top_bit textarea:valid {
    background: url("tests/formdemo/tick.png") no-repeat 28rem 0.5rem;
}
#top_bit input:focus:invalid, #top_bit textarea:focus:invalid {
    background: url("tests/formdemo/cancel.png") no-repeat 28rem 0.7rem;
}
#top_bit .subBtn {
    width: 100%;
    height:7.4rem;
    text-align: center;
    margin-top:5rem;
    margin-bottom:4rem;
}
#top_bit .subBtn>input{
    width:13rem;
    height:4rem;
    line-height:4rem;
    color:#fff;
    text-align:center;
    font-size:1.6rem;
    background:#bbbbce;
    opacity:1;
    cursor:pointer;
}
#top_bit input[type=submit] {
    background: #00468c;
    color: #fff;
    cursor: pointer;
}
/*上传图片样式*/
#uploadImgs{
    width:52rem;
    margin-left:9.5rem;
}
#labelId{
    display:inline-block;
    vertical-align:middle;
}
#uploadImgs .show-img-div2 {
    position: relative;
    width:11rem;
    height:11rem;
    border: 1px solid #dbdbdb;
    display:inline-block;
    margin-right:1rem;
    vertical-align: middle;
}
#uploadImgs .show-img-div2 .show-mask-layer{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.3);
}
#uploadImgs .show-img-div2 span {
    width: 2.9rem;
    height: 2.9rem;
    background:url(../images/upImgRem.png) no-repeat;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}
#uploadImgs div img {
    width: 11rem;
    height: 11rem;
    cursor: pointer;
}
.uploadImgs-add {
    width: 11rem;
    height: 11rem;
    border: 1px dotted #dbdbdb;
    background:#fafafb url(../images/upImgAddBg.png) no-repeat center center;
    cursor: pointer;
}
/*checkbox样式*/
.ser-agr{
    height:5.5rem;
    line-height:5.5rem;
}
.ser-check{
    display:inline-block;
    vertical-align: middle;
}
.ser-agr input[type=checkbox]:checked:disabled {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 1.3rem;
    height: 1.3rem;
    position: relative;
    border: 1px solid rgba(0, 119, 255, 0.7);
    border-radius: 0.2rem;
    overflow: hidden;
}
.ser-agr input[type=checkbox]:checked:disabled::before {
    content: '';
    display: block;
    height: 1.3rem;
    width: 1.3rem;
    background: rgba(0, 119, 255, 0.6);
    position: absolute;
    top: -0.1rem;
    left: -0.1rem;
    border-radius: 0.2rem;
}
.ser-agr input[type=checkbox]:checked:disabled::after {
    content: '」';
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 0.2rem;
    left: 0rem;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
    line-height: 0.4rem;
}
.ser-agr em{
    display:inline-block;
    vertical-align: middle;
}