.jbybread { width: 100%; height: 60px; margin: 0 auto; line-height: 60px; border-bottom: 1px solid #eaeaea; background: #fff; margin-bottom: 25px;}
.ep-breadcrumb { width: 100%; max-width: 1400px; height: 60px; margin: 0 auto;}

/*----products---*/
.jbyprocontent { width: 100%; max-width: 1400px; height: 100%; margin: 0 auto; }
.jbyprocontentl { width: 18%; height:auto; float:left; border: 1px solid #eaeaea; background: #fff; padding-bottom: 0px;}
.jbyprocontentl h1 { background: #122a88; color: #fff; padding: 6px 20px; font-size:18px; font-weight:600; margin-bottom: 0px;border-bottom: 1px solid #eaeaea;}
.jbyprocontentl li {width: 100%; margin:0 auto; border-bottom: 1px solid #eaeaea; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.jbyprocontentl li a { padding: 6px 20px; font-size:16px; font-weight:500; line-height: 50px;}
.jbyprocontentl li:hover { background: #122a88; color: #fff; line-height: 50px; }
.jbyprocontentl li:hover a { background: #122a88; color: #fff; line-height: 50px; }

.jbyprocontentrr { width: 82%; height:auto; float:right; }
.jbyprocontentr { width: 100%; height:auto;}
.jbyprocontentr li { width: 30.5%; height:auto; float:left; margin-left: 2.8%; border: 1px solid #eaeaea; margin-bottom: 30px;}
.jbyprocontentr li div { width: 100%; height:350px;}
.jbyprocontentr li img { width: 100%; height:auto;}
.jbyprocontentr li h2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 2% 2%; font-size:18px; text-align:center; font-weight:600; background:#f7f6f6;}
.jbyprocontentr li p { line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 2% 2%;}

.pagesitemall  {width:97%;  margin-left:2.55%; margin: 0 auto;}
.pagesitem {width:100%; line-height:25px; text-align:center; margin:0 auto; height:60px; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #122a88;
    border-color: #122a88;
    cursor: default;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination>li>a {
    margin: 0 3px;
}
.pagination>li>a:hover {
    background: #122a88; color: #fff;
}
.image-container {
    position: relative;
    width: 100%; /* 或者其他宽度 */
    height: 300px; /* 或者其他高度 */
	background: #18364b;
}
.image-container img {
    width: 100%; /* 让图片填满容器 */
    height: 100%; /* 让图片填满容器 */
    object-fit: cover; /* 让图片覆盖整个容器 */
}
.image-container .text {
	width: 100%;
	margin: 0 auto;
    position: absolute; /* 使用绝对定位 */
    top: 30%; /* 在容器的中间 */
    color: #fff; text-align: center;
}
.image-container .text p { width: 50%; margin: 0 auto;}
.image-container .text h1 { font-size:30px; line-height: 60px; margin: 0 auto;}
.jbybqyy {width: 100%; max-width: 1452px; height:auto; margin: 0 auto;}
.jbybqyy h3 {width: 100%; max-width: 1400px; height:auto; margin: 0 auto;}
.jbybqyy li {float: left; width: 30.9%; background: #fff; border: 1px solid #c0c1c2; margin-left: 1.7%; box-sizing: border-box; margin-bottom: 35px; box-shadow: 0px 0px 5px #eaeaea; transition: all .2s linear;  border-radius: 5px; text-align: center; padding-bottom:10px;}
.jbybqyy li img { width:100%; height:260px; border-radius: 5px 5px 0 0;}
.jbybqyy li p { margin: 1% 4%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jbybqyy li h2 { font-size: 20px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 10px; width:96%; margin: 0 auto;}
.jbybqyy li h2 a { font-size: 18px; height: 35px; font-weight:600; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.jbynewslistca { width: 100%; max-width: 1400px; height: 25px; margin: 0 auto; margin-bottom: 25px;}

.proshowall { width: 100%; max-width: 1400px; margin: 0 auto; height: auto; margin-bottom: 10px;}
.proshowleft { width: 40%;float: left;}
.proshowright { width: 54.5%;float: right;font-size:14px;}
.proshowright h2 {line-height:50px; font-size:20px; font-weight:600; margin-bottom:1px;}
.yzm-image{
	width: 100%;
	max-width: 560px;
	height: auto;
	text-align: center;
	border: 1px solid #e0e0e0;
	margin-right:30px;
}
.yzm-image img{
	width: 100%;
	height:100%;
	overflow: hidden;
}
.yzm-switch{
	width: 100%;
	max-width: 500px;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.yzm-switch-center{
	width: 100%;
	max-width: 500px;
	height: 100px;
}
.yzm-switch-center li{
	display: inline;
	width: 90px;
	height: 90px;
	margin-bottom: 0px;
	margin-right: 10px;
	padding-top: 0px; float: left;
	
}
.yzm-switch-center li a{display: block; width: 90px; height: 90px; }
.yzm-switch-center li a img{width: 90px; height: 90px;border: 1px solid #e0e0e0;margin-bottom: 0px;}
.yzm-switch-center li a.on{border: 0px solid #c0c1c2;}
.yzm-switch-center li a:hover{border: 0px solid #c0c1c2;}
.yzm-content {
	height: auto;
	width: 100%;
	float: left; margin-top: 15px;
}
.proshowcontent { width: 100%; max-width: 1400px; margin: 0 auto; height: auto;}
.propic { width: 100%; max-width: 1400px; margin: 0 auto; height: auto;}
.propic img { width: 100%; height: auto; margin-bottom:20px;}
.jbyshowtitle { width: 100%; height: auto; margin-bottom:20px;}
.jbyshowtitle h4 { width: 100%; line-height: 2px; border-bottom: 1px solid #e0e0e0; height: 2px; font-weight:600; font-size: 17px;}
.jbyshowtitle dd { width: 100%; border-bottom: 1px solid #e0e0e0; height: 15px; }
.jbyshowtitle h5 { width: 100%; line-height: 10px; border-bottom: 1px solid #e0e0e0; height: 10px; font-weight:600; margin-bottom:20px; font-size: 17px;}
.jbyshowtitleal { width: 100%; line-height: 30px; margin-top:15px; height: 40px; }
.jbyshowtitleal d { width: 33%; float: left; height: 40px;}
.jbyshowtitleal i { font-size: 22px; margin-right:10px; height: 60px;}
.jbyweixin { width: 100%; height: auto; margin-top:10px; height: 50px; margin-bottom:20px;}
.jbyweixin d { width: 100%; float: left;}
.jbyweixin d a { float: left; color: #fff; background:#122a88; margin-right:10px;padding:8px 15px; border-radius: 5px; font-size: 18px; font-weight:600;}
.jbyweixin d a:hover {background:#eee; color: #122a88; border-radius: 5px; font-size: 18px; font-weight:600;}
.jbyweixin dd {height: auto;width: auto; float: left; color: #fff; background:#122a88; padding:8px 15px; border-radius: 5px; font-size: 18px; font-weight:600;}
.jbypagemail { width: 100%; height: auto; margin: 0 auto; margin-bottom: 10px; margin-top: 40px;}
.pageall { width: 100%; max-width: 1400px; height: auto; margin: 0 auto; margin-bottom: 10px; margin-top: 40px;}
.ep-show-prevnext-wrap { width: 100%; max-width: 1400px; height: 50px; margin: 0 auto; margin-bottom: 10px; margin-top: 40px; }
.fc-show-prev-prev { float: left; width: 45%; }
.fc-show-prev-next { float: right; width: 45%; text-align: right; }
.pagelipro { width: 100%; max-width: 1400px; height: auto; margin: 0 auto; margin-bottom: 10px; margin-top: 40px;}
.pagelipro li { width: 22.5%; height: 360px; float: left; margin-left: 1.2%;margin-right: 1.23%; border: 1px solid #eaeaea;}
.pagelipro li img { width: 100%; height: 300px;}
.pagelipro h2 { font-size: 16px; margin: 0 3%;   overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.pagelipro h3 { width: 100%; max-width: 1400px; height: auto; margin: 0 auto; margin-bottom: 10px;}
.papeshowall { width: 100%; max-width: 1400px; height: auto; margin: 0 auto; margin-bottom: 10px;}
.contactmainl { width: 60%; float: left; margin-right: 2%; height: 690px;}
.contactmainr { width: 36%; float: right; height: 690px; height:650px; float: right; background: #fff;  background: #fff; padding: 2%;
    border: 0px solid #c0c1c2;
    box-sizing: border-box;
    margin-bottom: 35px;
    box-shadow: 0px 4px 16px 2px rgba(98, 98, 98, 0.15);
    border-radius: 6px 6px 6px 10px;}


    
.btngreen { margin-top: 16px;
    padding: 10px;
    width: 100%;
    border: none;
    border-radius: 5px;
    background: #122a88;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;}
    
.contactmainr .form-control {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 35px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
	border-radius: 4px
}
.contactmainr h2 { width: 100%; line-height: 50px; text-align: center; color: #122a88; font-weight: 600;}

.jbyprocontentnews { width: 100%; max-width: 1450px; height: auto; margin: 0 auto;}
.jbyprocontentnews li { border: 1px solid #ddd; width: 47.4%; float:left; margin-left: 1.75%; height: 180px; margin-bottom: 25px; padding: 1%; border-radius: 5px;}
.jbynewsimg { float:left; width: 148px; height: 148px; margin-right: 2%; border-radius: 5px;}
.jbynewsimg img { width: 100%; height: 100%;border-radius: 5px;}
.jbynewslist dd {font-size: 18px; color: #CCC; text-align:right; }
.jbynewslist h2 {font-size: 20px; font-weight: 600; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-bottom:10px;}
.jbynewslist p {overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom:10px;}



/* ==================== 手机端样式 ==================== */
@media (max-width: 768px) {

.jbybread { width: 100%; height: 60px; margin: 0 auto; line-height: 60px; border-bottom: 1px solid #eaeaea; background: #fff; margin-bottom: 25px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ep-breadcrumb { width: 100%;; height: 60px; margin: 0 auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*----products---*/
.jbyprocontent { width: 100%; height: 100%; margin: 0 auto; }
.jbyprocontentl { display:none;}
.jbyprocontentl h1 { background: #122a88; color: #fff; padding: 6px 20px; font-size:18px; font-weight:600; margin-bottom: 0px;border-bottom: 1px solid #eaeaea;}
.jbyprocontentl li {width: 100%; margin:0 auto; border-bottom: 1px solid #eaeaea; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.jbyprocontentl li a { padding: 6px 20px; font-size:16px; font-weight:500; line-height: 50px;}
.jbyprocontentl li:hover { background: #122a88; color: #fff; line-height: 50px; }
.jbyprocontentl li:hover a { background: #122a88; color: #fff; line-height: 50px; }

.jbyprocontentrr { width: 100%; height:auto; float:none; }
.jbyprocontentr { width: 100%; height:auto;}
.jbyprocontentr li { width: 48.5%; height:auto; float:left; margin-left: 1%; border: 1px solid #eaeaea; margin-bottom: 30px;}
.jbyprocontentr li div { width: 100%; height:220px;}
.jbyprocontentr li img { width: 100%; height:200px;}
.jbyprocontentr li h2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 2% 2%; font-size:18px; text-align:center; font-weight:600; background:#f7f6f6;}
.jbyprocontentr li p { line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 2% 2%;}

.pagesitemall  {width:100%;  margin-left:0;}
.pagesitem {width:100%; line-height:25px; text-align:center; margin:0 auto; height:60px; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #122a88;
    border-color: #122a88;
    cursor: default;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination>li>a {
    margin: 0 3px;
}
.pagination>li>a:hover {
    background: #122a88; color: #fff;
}
.image-container {
    position: relative;
    width: 100%; /* 或者其他宽度 */
    height: 160px; /* 或者其他高度 */
	background: #18364b;
}
.image-container img {
    width: 100%; /* 让图片填满容器 */
    height: 100%; /* 让图片填满容器 */
    object-fit: cover; /* 让图片覆盖整个容器 */
}
.image-container .text {
	width: 100%;
	margin: 0 auto;
    position: absolute; /* 使用绝对定位 */
    top: 30%; /* 在容器的中间 */
    color: #fff; text-align: center;
}
.image-container .text p { width: 50%; margin: 0 auto;}
.image-container .text h1 { font-size:30px; line-height: 60px; margin: 0 auto;}
.jbybqyy {width: 100%; height:auto; margin: 0 auto;}
.jbybqyy li {float: left; width: 48%; background: #fff; border: 1px solid #c0c1c2; margin-left: 1%; box-sizing: border-box; margin-bottom: 35px; box-shadow: 0px 0px 5px #eaeaea; transition: all .2s linear;  border-radius: 5px; text-align: center; padding-bottom:10px;}
.jbybqyy li img { width:100%; height:260px; border-radius: 5px 5px 0 0;}
.jbybqyy li p { margin: 1% 4%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jbybqyy li h2 { font-size: 18px; font-weight:600;}
.jbynewslistca { width: 100%; height: 25px; margin: 0 auto; margin-bottom: 25px;}

.proshowall { width: 100%; margin: 0 auto; height: auto; margin-bottom: 10px;}
.proshowleft { width: 100%;float: none;}
.proshowright { width: 100%;float: none;font-size:14px;}
.proshowright h2 {line-height:30px; font-size:18px; font-weight:600; margin-bottom:1px;}
.yzm-image{
	width: 100%;
	height: auto;
	text-align: center;
	border: 1px solid #e0e0e0;
	margin-right:0px;
}
.yzm-image img{
	width: 100%;
	height:100%;
	overflow: hidden;
}
.yzm-switch{
	width: 100%;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.yzm-switch-center{
	width: 500px;
	height: 100px;
}
.yzm-switch-center li{
	display: inline;
	width: 90px;
	height: 90px;
	margin-bottom: 0px;
	margin-right: 10px;
	padding-top: 0px; float: left;
	
}
.yzm-switch-center li a{display: block; width: 90px; height: 90px; }
.yzm-switch-center li a img{width: 90px; height: 90px;border: 1px solid #e0e0e0;margin-bottom: 0px;}
.yzm-switch-center li a.on{border: 0px solid #c0c1c2;}
.yzm-switch-center li a:hover{border: 0px solid #c0c1c2;}
.yzm-content {
	height: auto;
	width: 100%;
	float: left; margin-top: 15px;
}
.proshowcontent { width: 100%; margin: 0 auto; height: auto;}
.propic { width: 100%; margin: 0 auto; height: auto;}
.propic img { width: 100%; height: auto; margin-bottom:20px;}
.jbyshowtitle { width: 100%; height: auto; margin-bottom:20px;}
.jbyshowtitle h4 { width: 100%; line-height: 2px; border-bottom: 1px solid #e0e0e0; height: 2px; font-weight:600; font-size: 17px;}
.jbyshowtitle dd { width: 100%; border-bottom: 1px solid #e0e0e0; height: 15px; }
.jbyshowtitle h5 { width: 100%; line-height: 10px; border-bottom: 1px solid #e0e0e0; height: 10px; font-weight:600; margin-bottom:20px; font-size: 17px;}
.jbyshowtitleal { width: 100%; line-height: 30px; margin-top:15px; height: 40px; }
.jbyshowtitleal d { width: 32%; float: left; height: 40px; text-align:center;}
.jbyshowtitleal i { width:100%;display:inline;font-size: 22px; margin-right:20px; height: 60px;}
.jbyweixin { width: 100%; height: auto; margin-top:10px; height: 50px; margin-bottom:20px;}
.jbyweixin d { width: 100%; float: left;}
.jbyweixin d a { float: left; height: 50px; line-height: 30px; color: #fff; background:#122a88; margin-right:30px;padding:10px 25px; border-radius: 5px; font-size: 18px; font-weight:600;}
.jbyweixin d a:hover { height: 50px; line-height: 30px; background:#eee; color: #122a88; border-radius: 5px; font-size: 18px; font-weight:600;}
.jbyweixin dd { height: 50px; width: auto; float: left;  line-height: 30px; color: #fff; background:#122a88; padding:10px 25px; border-radius: 5px; font-size: 18px; font-weight:600;}
.jbypagemail { width: 100%; height: auto; margin: 0 auto; margin-bottom: 10px; margin-top: 10px;}
.pageall { width: 100%; height: auto; margin: 0 auto; margin-bottom: 10px; margin-top: 10px;}
.pageall h1 { width: 100%; height: auto; margin: 0 auto; margin-bottom: 10px; margin-top: 20px;}
.ep-show-prevnext-wrap { width: 100%; height: 50px; margin: 0 auto; margin-bottom: 10px; margin-top: 40px; }
.fc-show-prev-prev { float: left; width: 45%; }
.fc-show-prev-next { float: right; width: 45%; text-align: right; }
.pagelipro { width: 100%; height: auto; margin: 0 auto; margin-bottom: 10px; margin-top: 40px;}
.pagelipro li { width: 48%; height: 280px; float: left; margin-left: 1%;margin-right: 0.23%; margin-bottom: 20px; border: 1px solid #eaeaea;}
.pagelipro li img { width: 100%; height: 230px;}
.pagelipro h2 { font-size: 16px; margin: 0 3%;   overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.pagelipro h3 { width: 100%; height: auto; margin: 0 auto; margin-bottom: 10px;}
.papeshowall { width: 100%; height: auto; margin: 0 auto; margin-bottom: 10px;}
.contactmainl { width: 100%; float: none; margin-right: 0%; height: auto;}
.contactmainr { width: 100%; float: none; height: auto;  background: #fff; 
    border: 0px solid #c0c1c2;
    box-sizing: border-box;
    margin-bottom: 35px;
    box-shadow: 0px 4px 16px 2px rgba(98, 98, 98, 0.15);
    border-radius: 6px 6px 6px 10px;}

.pageall img { width: 100%; height: auto; margin: 0 auto;}
    
.btngreen { margin-top: 16px;
    padding: 10px;
    width: 100%;
    border: none;
    border-radius: 5px;
    background: #122a88;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;}
    
.contactmainr .form-control {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 35px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
	border-radius: 4px
}
.contactmainr h2 { width: 100%; line-height: 50px; text-align: center; color: #122a88; font-weight: 600;}
.jbyprocontentnews { width: 100%; height: auto; margin: 0 auto;}
.jbyprocontentnews li { border: 1px solid #ddd; width: 97.4%; float:none; margin-left: 1.75%; height: 180px; margin-bottom: 25px; padding: 1%; border-radius: 5px;}
.jbynewsimg { float:left; width: 148px; height: 148px; margin-right: 2%; border-radius: 5px;}
.jbynewsimg img { width: 100%; height: 100%;border-radius: 5px;}
.jbynewslist dd {font-size: 18px; color: #CCC; text-align:right; }
.jbynewslist h2 {font-size: 20px; font-weight: 600; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-bottom:10px;}
.jbynewslist p {overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom:10px;}
}