@charset "gb2312";

/* CSS Document */



 /* 全局重置 & 基础样式 */

*{margin:0;padding:0;box-sizing:border-box;font-family:"Bio-Type",fallback-font-helvetica,fallback-font-arial,sans-serif;color:#333;line-height:1.5}		

@font-face{font-family:icomoon;src:url("../fonts/icomoon.eot");src:url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),url("../fonts/icomoon.woff2") format("woff2"),url("../fonts/icomoon.woff") format("woff"),url("../fonts/icomoon.ttf") format("truetype")}

body{background-color:#fff;font-family:"Bio-Type",fallback-font-helvetica,fallback-font-arial,sans-serif;}

p{ font-size: 1rem;margin-bottom: 1.5rem;line-height: 1.5;font-weight: 400;}

.container{width:100%;max-width:1200px;margin:0 auto;padding:0}

.container1{width:100%;margin:0 auto;padding:0 20px}

		

button,.btn{cursor:pointer;border:none;transition:all 0.3s ease}

img{max-width:100%;height:auto;display:block}	



.container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0;}

.breadcrumb-container{position: relative;display: flex; align-items: center;min-height: 61px;z-index: -1;}

.banner{width:100%;background:url('banner-microscope.jpg') center/cover no-repeat;margin-bottom:40px}

.banner img{width:100%;}

.form-header{margin-bottom:30px;padding-top:80px;}

.form-title{font-size:1.5rem;font-weight:300;margin-bottom:15px;color:#222}

.form-desc{font-size:1rem;color:#222;line-height:1.5;font-weight: 200;}

.feedback-form{margin-bottom:40px}

.form-row{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}

.form-row.half{display:grid;grid-template-columns:1fr 1fr;gap:20px}

.form-label{font-size:1rem;color:#222;margin-bottom:5px;display:block;font-weight: 300;}

.form-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}

.form-textarea{width:100%;min-height:60px;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;resize:vertical;margin-bottom: 40px;}

.form-group{margin-bottom:20px; border-bottom: 1px #000 solid;padding: 20px 0;}

.form-group-title{font-size:1rem;color:#222;margin-bottom:20px;display:block;font-weight: 300;}

.form-options{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#555}

.form-option{display:flex;align-items:center;gap:5px;font-weight: 200;font-size: 1rem;margin-right: 1rem;}

.form-note{font-size:1rem;color:#222;margin:10px 0 20px;font-weight: 300;}

.privacy-note{font-size:13px;color:#999;margin:20px 0;line-height:1.4}

.btn-primary{background-color:#0071c5;color:#fff;padding:8px 40px;border-radius:30px;font-size:13px}

.btn-primary:hover{background-color:#005ea6}

.required {color: #ff0000;}

input[type="radio"] {appearance: none;-webkit-appearance: none; width: 16px; height: 16px;border: 1px solid #222;  border-radius: 0; outline: none; cursor: pointer;position: relative;}

input[type="checkbox"] {appearance: none;-webkit-appearance: none; width: 16px; height: 16px;border: 1px solid #222;  border-radius: 0; outline: none; cursor: pointer;position: relative;}





/* 选中后的样式 */

input[type="radio"]:checked {background-color: #005ea6;border-color: #005ea6;}

input[type="checkbox"]:checked {background-color: #005ea6;border-color: #005ea6;}



/* 选中后的对勾 */

input[type="radio"]:checked::after {content: "";position: absolute;left: 6px; top: 2px; width: 4px;height: 9px;border: solid white; border-width: 0 2px 2px 0;transform: rotate(45deg);}

input[type="checkbox"]:checked::after {content: "";position: absolute;left: 6px; top: 2px; width: 4px;height: 9px;border: solid white; border-width: 0 2px 2px 0;transform: rotate(45deg);}





/* 页脚区域 */

.x{ border-bottom: 1px #000 solid;margin-top: 100px;}

.x1{ border-bottom: 1px #000 solid;margin-top: 100px; margin-bottom:55px;}

.kj{ margin-top:533px;}

.ly {width: 1000px;margin: 0 auto;}



/* 响应式适配 - 平板/手机端 */

 @media (max-width:992px){.hero-wrapper,.about-wrapper{grid-template-columns:1fr;gap:30px}

.hero{padding:40px 0}

.hero-content h1{font-size:28px}

.about{padding:60px 0}

}@media (max-width:768px){.products{grid-template-columns:1fr;gap:40px}

.header-wrapper{flex-wrap:wrap}

.search-bar{flex:100%;margin:15px 0 0 0}

.hero-content h1{font-size:24px}

.quality p{font-size:16px}.kj{ margin-top:133px;}

}@media (max-width:480px){.container{padding:0 15px}

.hero{padding:30px 0}

.about{padding:40px 0}

.products{padding:60px 0}

}



@media (max-width:768px){.header-wrapper{flex-wrap:wrap}

.search-bar{flex:100%;margin:15px 0 0 0}

.form-row.half{grid-template-columns:1fr;gap:15px}

.form-options{flex-direction:column;gap:8px}

.footer-wrapper{flex-direction:column;align-items:flex-start;gap:20px}

.footer-nav{grid-template-columns: 1fr 1fr;
    margin-top: 20px;
    gap: 25px 30px;}

.banner{width:100%;margin-bottom:0px;height:174px}

.form-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #ddd;padding-top:10px;margin-top:20px}

.x{border-bottom: 1px #505050 solid; margin: 20px 0px;}

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

}

@media (max-width:480px){.container{padding:0 15px}

.form-title{font-size: 1.33rem;line-height: 30px;}

}