@charset "utf-8";

.about-wrap  { font-size:18px;font-weight:300;display: flex;width: 100%;}
.about-wrap b,.about-wrap strong { display:block;font-size:40px;line-height:44px;font-weight:500;color:#30608e}
.about-wrap img { display:block;margin:30px 0;}
.about-wrap p { display:block;font-size:18px;/*line-height:44px;*/font-weight:300;/*color:#30608e;*/margin-bottom:35px;}

.pro-wrap  { font-size:18px;font-weight:300;display: flex;}
.pro-wrap b,.pro-wrap strong { display:block;font-size:40px;line-height:44px;font-weight:500;color:#30608e}
.pro-wrap img { display:block;margin:30px 0;border-radius: 8px;  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);padding:10px;}
.pro-wrap p { display:block;font-size:18px;/*line-height:44px;*/font-weight:300;/*color:#30608e;*/margin-bottom:35px;}

.wp-block-post-content{width:100%};

.tab { text-align:center;padding-bottom:65px;}
.tab a { display:inline-block;font-size:20px;font-weight:bold;color:#222222;margin:0 30px;padding-bottom:5px;}
.tab a.on { color:#30608e;border-bottom:3px solid #30608e}
.contact{width: 55%;padding-right: 20px;}
.feedback{width: 45%;border-radius: 8px;  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15); /* 更明显的阴影 */padding: 10px;clear: both;}
.feedback .title{border-bottom: #30608e 2px solid;color:#30608e;width: 100%;font-size: 23px;font-weight: 500;padding-bottom: 0;}
.feedback .form{width: 100%;margin-top: 20px;}
.feedback .form input[type="text"],.feedback .form textarea{width: 100%;border: none!important;border-bottom: #30608e 1px solid!important;font-size: 16px;line-height: 16px;font-family: 'Courier New', Courier, monospace;padding: 5px;}
.feedback .form input[type="submit"]{margin-top:20px;padding:10px;font-size: 14px;color:#30608e;font-weight: 700;border-color:#30608e;border-radius: 10px;background-color: #fff;cursor: pointer;}
.feedback .form input[type="text"]:focus,.feedback .form textarea:focus{
  border: #30608e 1px solid!important;
}
/* 鼠标悬停时的样式 */
.feedback .form input[type="submit"]:hover {
  /* 悬停时的背景色（与默认区分） */
  background-color: #30608e; /* 深一点的绿色 */  
  /* 悬停时的文字色（与默认区分） */
  color: #fff; /* 浅灰色文字 */  
  /* 手型光标（pointer 即为手型） */
  cursor: pointer;
}

	.category-list-wrap{width: 100%; justify-content: center; /* 水平居中 */margin-right: -30px;display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;gap: 30px;}
	/* 清除浮动的核心样式 */
	/*.category-list-wrap::after {content: "";display: block;clear: both; }*/
	.category-list-wrap li{flex: 1;flex-basis: calc(33.333%  - 20px);box-sizing: border-box;padding: 10px;border-radius: 8px;  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);text-align: center;min-width: 200px;max-width: calc(33.333% - 20px);}
	.category-list-wrap li:nth-child(3n) {margin-right: 0;}
	.category-list-wrap .list-container{margin-bottom: 15px;}
@media screen and (max-width:1000px){

.contact, .feedback{width:100%;margin-top: 30px;}
.about-wrap  { font-size:14px;font-weight:300;flex-direction: column;}
.about-wrap b { display:block;font-size:20px;font-weight:500;color:#222222}
.about-wrap img { display:block;margin:20px 0;}
.about-wrap p { display:block;font-size:18px;line-height:25px;font-weight:300;color:#30608e;margin-bottom:20px;}
.category-list-wrap li{flex: 1;flex-basis: calc(49.99%  - 20px);box-sizing: border-box;padding: 10px;border-radius: 8px;  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);text-align: center;min-width: 200px;max-width: calc(100% - 20px);}

.tab { text-align:center;padding-bottom:5px;}
.tab a { display:inline-block;font-size:13px;font-weight:bold;color:#222222;margin:0 10px;padding-bottom:5px;margin-bottom:15px;}
.tab a.on { color:#30608e;border-bottom:3px solid #30608e}

}
.product-wrap .stit { font-size:34px;color:#30608e;font-weight:bold;padding-bottom:28px;}
.product-wrap p { display:block;padding-bottom:22px;font-size:18px;color:#333333;line-height:25px;padding-left:15px;background:url(../img/sub/jum.png) no-repeat 0 12px}

.product-wrap .con { width:48%;vertical-align:top; display:inline-block;;} 
.product-wrap .img-box { width:48%;vertical-align:top; display:inline-block} 
.product-wrap .con .stit  { padding-top:40px;}
.product-wrap .con .stit:nth-of-type(1) { padding-top:0;}
.product-wrap .right-con { position:relative;}
.product-wrap .right-con .con { float:right}
.product-wrap .right-con .con img { position:absolute;bottom:100px}
.product-wrap .right-con .con > span { font-size:18px;line-height:30px;display:block;margin-top:-25px;}
.product-wrap .right-con .con > span  b { font-size:24px;}

.product-wrap .right-con:after ,
.product-wrap .left-con:after { content:'';display:block;clear:both}
.product-wrap .right-con,
.product-wrap .left-con { padding-bottom:100px;}

.product-wrap .left-con .con { }
.product-wrap .left-con .img-box {  float:right}

.product-wrap .g-box{  margin-top:70px;background:#f6f6f6;padding:35px 40px;}
.product-wrap .g-box .stit  { font-size:26px;color:#333333;padding-bottom:20px;}
.product-wrap .g-box p { padding-bottom:0;font-size:17px;line-height:30px;color:#333333;background:url(../img/sub/jum01.png) no-repeat 0 14px}

.product-wrap .center-con  {padding-bottom:100px; }
.product-wrap .center-con   .con { width:48%;vertical-align:top; display:inline-block} 
.product-wrap .center-con .img-box { width:100%;vertical-align:top; display:inline-block} 
.product-wrap .center-con .con:nth-child(2)  { float:right}



.product-wrap .blue-box { background:#30608e;color:#fff;font-size:26px;padding:50px;line-height:44px;margin-bottom:40px;}
.product-wrap .blue-box b { display:block;}
.product-wrap table {border-top:1px solid #5f5f5f }
.product-wrap table th { font-size:16px;font-weight:500;color:#222;background:#f3f3f3;line-height:40px;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.product-wrap table th:last-child  { border-right:0}
.product-wrap table td { font-size:16px;font-weight:300;color:#666666;line-height:40px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;padding:0 6px;}
.product-wrap table td:last-child  { border-right:0}

.contact-wrap { text-align:center;}
.contact-wrap .stit { font-size:34px;font-weight:bold;color:#30608e;padding-bottom:40px;}
.contact-wrap .con { font-size:18px;font-weight:300;line-height:40px;margin-bottom:40px;}
.contact-wrap .con span { display:inline-block;padding:0 30px;}
.contact-wrap .con span b { color:#ff0000;}
.contact-wrap iframe { width:100%;height:465px;}


@media screen and (max-width:1000px){


.product-wrap .stit { font-size:20px;color:#30608e;font-weight:bold;padding-bottom:15px;}
.product-wrap p { display:block;padding-bottom:22px;font-size:14px;color:#333333;line-height:20px;padding-left:15px;background:url(../img/sub/jum.png) no-repeat 0 12px}

.product-wrap .con { width:100%;vertical-align:top; display:inline-block;;} 
.product-wrap .img-box { width:100%;vertical-align:top; display:inline-block} 
.product-wrap .con .stit  { padding-top:40px;}
.product-wrap .con .stit:nth-of-type(1) { padding-top:0;}
.product-wrap .right-con { position:relative;}
.product-wrap .right-con .con { float:none}
.product-wrap .right-con .con img { position:relative;bottom:0}
.product-wrap .right-con .con > span { font-size:14px;line-height:20px;display:block;margin-top:0px;}
.product-wrap .right-con .con > span  b { font-size:16px;}

.product-wrap .right-con:after ,
.product-wrap .left-con:after { content:'';display:block;clear:both}
.product-wrap .right-con,
.product-wrap .left-con { padding-bottom:30px;}

.product-wrap .left-con .con { }
.product-wrap .left-con .img-box {  float:none}

.product-wrap .g-box{  margin-top:20px;background:#f6f6f6;padding:15px;}
.product-wrap .g-box .stit  { font-size:14px;color:#333333;padding-bottom:10px;}
.product-wrap .g-box p { padding-bottom:0;font-size:14px;line-height:20px;color:#333333;background:url(../img/sub/jum01.png) no-repeat 0 6px}

.product-wrap .center-con  {padding-bottom:100px; }
.product-wrap .center-con   .con { width:100%;vertical-align:top; display:inline-block} 
.product-wrap .center-con .img-box { width:100%;vertical-align:top; display:inline-block} 
.product-wrap .center-con .con:nth-child(2)  { float:none}


.product-wrap .blue-box { background:#30608e;color:#fff;font-size:14px;padding:15px;line-height:20px;margin-bottom:20px;}
.product-wrap .blue-box b { display:block;}
.product-wrap table {border-top:1px solid #5f5f5f ;margin-bottom:20px;}
.product-wrap table th { font-size:14px;font-weight:500;color:#222;background:#f3f3f3;line-height:20px;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.product-wrap table th:last-child  { border-right:0}
.product-wrap table td { font-size:14px;font-weight:300;color:#666666;line-height:20px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;padding:0 6px;}
.product-wrap table td:last-child  { border-right:0}

.contact-wrap { text-align:center;}
.contact-wrap .stit { font-size:20px;font-weight:bold;color:#30608e;padding-bottom:20px;}
.contact-wrap .con { font-size:14px;font-weight:300;line-height:20px;margin-bottom:20px;}
.contact-wrap .con span { display:block;padding:0 0;}
.contact-wrap .con span b { color:#ff0000;}
.contact-wrap iframe { width:100%;height:150px;}
}


.catalog-wrap { background:url(../img/sub/catalog-bg.jpg) no-repeat center;height:460px;color:#fff;padding-top:70px;box-sizing:border-box;text-align:center; font-family: 'Roboto'; }
.catalog-wrap b { display:block;font-size:40px;padding:60px 0 50px;text-transform:uppercase;}
.catalog-wrap  a { display:inline-block;border:1px solid #fff;padding:0 30px;line-height:60px;text-transform:uppercase;font-size:18px;font-weight:bold;color:#fff}
.catalog-wrap  a img { display:inline-block;vertical-align:middle;margin-left:30px;}



@media screen and (max-width:1000px){




.catalog-wrap { background:url(../img/sub/catalog-bg.jpg) no-repeat right center;height:auto;color:#fff;padding-top:30px;padding-bottom:30px;box-sizing:border-box;text-align:center; font-family: 'Roboto'; }
.catalog-wrap b { display:block;font-size:20px;padding:20px 0 20px;text-transform:uppercase;}
.catalog-wrap  a { display:inline-block;border:1px solid #fff;padding:0 10px;line-height:30px;text-transform:uppercase;font-size:14px;font-weight:bold;color:#fff}
.catalog-wrap  a img { display:inline-block;vertical-align:middle;margin-left:15px;height:14px;}

}