@charset "gb2312";

/* CSS Document */



 /*xj*/

.modal-trigger{border:none;/*font-size:1.8rem;*/border-radius:50px;cursor:pointer;transition:all 0.3s ease;background:none;color:#222}

.modal-trigger.primary{}

.modal-overlay{position:fixed;/*top:0;left:0;*/right:1.2%;bottom:13%;/*background:rgba(0,0,0,0.7);*/display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}

.modal-overlay.active{opacity:1;visibility:visible}

.modalm{background:#005ea6;border-radius:12px;box-shadow:0 5px 5px rgba(0,0,0,0.3);width:90%; min-width:360px;max-width:380px;transform:translateY(30px);transition:transform 0.4s ease;overflow:hidden}

.modal-overlay.active .modal{transform:translateY(0)}

.modalm-header{padding:1.5rem 1.5rem;background:#005ea6;display:flex;justify-content:space-between;align-items:center}

.modalm-title{font-size:1.33rem;font-weight:300;color:#fff; margin-bottom:0;}

.modalm-close{background:none;border:none;font-size:1rem;cursor:pointer;color:#fff;transition:color 0.2s;line-height:1;font-weight: 200;}

.modalm-close:hover{color:#fff}

.modalm-body{padding: 0rem 1rem 3rem 1rem;line-height: 1.6;color: #000;}

.message-box1 .from .input>div{width:100%;background:#f8f8f8;border:0;resize:none;margin-bottom:10px}

.message-box1 .from .input input{width:100%;padding:5px 5px;border:1px solid #b7b7b7; margin-bottom: 10px; font-size: 0.8rem;}

.message-box1 .from textarea{width:100%;padding:5px;margin-bottom:10px;border: 1px solid #b7b7b7;font-size: 0.7rem;height: 38px;}

.modal-trigger span{width:140px;height:30px;line-height:30px;border-radius:10px;font-size:16px;color:#fff;position:absolute;background:#0894a1;top:10px;}

.s1{ background:#fff;border-radius: 12px;padding: 1.1rem;}

#myForm::placeholder {color: #999;opacity: 1;}

 .whatsapp-icon{transition:transform 0.3s ease}

.whatsapp-icon.active{transform:scale(1.1)}

.phone-container{position:relative;margin-bottom:15px}

.phone-container input{width:100%;padding:10px;border:1px solid #b7b7b7;border-radius:4px;font-size:14px}

.phone-placeholder{position:absolute;top:50%;left:10px;transform:translateY(-50%);pointer-events:none;color:#999;font-size:14px}

.required{color:#ff0000}

.text{color:#000}

input::placeholder,textarea::placeholder{color:#000000 !important}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000000 !important}

input:-moz-placeholder,textarea:-moz-placeholder{color:#000000 !important}

input::-moz-placeholder,textarea::-moz-placeholder{color:#000000 !important}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#000000 !important}

#myForm::placeholder{color:#000000 !important;opacity:1}





@media (max-width:600px){.button-group{flex-direction:column;align-items:center}

.modal-trigger{width:100%;max-width:300px}

h1{font-size:2rem}

.modalm-title{font-size:1.2rem;font-weight:600;color:#333}

.modalm-body{padding:0.2rem;line-height:1.6;color:#555}

.modalm-header{padding:1rem;background:#005ea6;display:flex;justify-content:space-between;align-items:center}

.modalm-close{background:none;border:none;font-size:1rem;cursor:pointer;color:#fff;transition:color 0.2s;line-height:1}

.modalm-body{padding:0.2rem;line-height:1.6;color:#555}

.modal-trigger span{width:90px;height:30px;line-height:30px;border-radius:5px;font-size:12px;color:#fff;position:absolute;background:#0894a1;top:10px;left:10px}



}

/*#content1{width:100%;height:130px;border-radius:8px;border:1px solid #ddd;padding:0 1%}*/





#submit {min-width: 20%; line-height: 35px; background: #005ea6;color: #fff; border: none; border-radius: 20px;}







.yi_nav {padding: 0;}

.yi_nav li {margin: 0;float: left;padding: 0 ;list-style: none;font-size:0.77em; font-weight: 300;}

.yi_nav li:not(:last-child)::after {content: ">"; /* 分隔符内容 */margin: 0 10px; /* 分隔符左右间距 */color: #999; /* 分隔符颜色 */}











.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:60px}

.pagination li{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#2222;background-color:#f5f5f5;cursor:pointer; list-style:none; margin-left:0;}

.pagination li.active{background-color:#0071c5;color:#fff}

.pagination li.active span{color:#fff}

.pagination li :hover:not(.active){background-color:#0071c5; width:28px; height:28px;color:#fff;;display:flex;align-items:center;justify-content:center;}

.page-arrow{color:#666;cursor:pointer;padding:0 8px}

.pagination li:last-child {padding-bottom: 0px;}







/*search*/

.ssk{width:100%;margin:0 auto}

.form-container{width:80%;margin:0 auto}

.form-group{margin:10px;line-height:35px}

.gs1{width:10%;margin-right:2%;float:left;text-align:right;font-size:14px;color:#444}

/*#title{height:35px;width:80%;padding:0 1%;border-radius:8px;border:1px solid #ddd}*/

#content1{width:80%;height:130px;border-radius:8px;border:1px solid #ddd;padding:0 1%}

select#so_type{line-height:35px;height:35px;min-width:20%;text-align:center;border-radius:8px;border:1px solid #ddd;padding:0 20px}

#submit{min-width:100%;line-height:1.5;background:#005ea6;color:#fff;border:none;border-radius:8px;padding: 12px}

#submit1{min-width:19%;line-height:15px;background:#005ea6;color:#fff;border:none;border-radius:0px;padding: 16px}

.ssjg{width:100%}

#searchForm input{width: 80%; padding: 9.5px 20px; border: 1px solid #767676; border-radius:0;}

#searchForm select{padding: 5px 20px;border: 1px solid #767676;}



#result { width: 80%;margin: 2% auto;border-top: 5px #ccc solid; padding-top: 2%;}

#result li {line-height: 42px;list-style:none;float: left;margin: 0 0.9% 2.992em 1.9%;padding: 0;position: relative;width: 47.2%;}

#result li a{ color:#005ea6}

.sss{ text-align:center;}