body {
	margin: 0px;
	font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	font-weight: 400;
	color: #2d2d2d;
	font-size: 16px;
    --root-font-size-px: 15;
    line-height: 2rem;
    --line-height-unitless: 1.6875rem;
    --line-gap-unitless: 0.5;
	background-color: #fff;
}
*{ margin: 0; padding: 0;}
a{ color: #2d2d2d; 
	text-decoration: none;
}
a:hover{ color: #122a88;}
li{ list-style-type: none;}
h1 {
	font-size: 30px;
	font-weight: 500;
}
h2 {
	font-size: 24px;
	font-weight: 500;
}
h3 {
	font-size: 20px;
	font-weight: 400;color: #2d2d2d;
}
h4 { font-size:16px; font-weight:400;}
.clear { clear:both; }
@media (max-width: 768px) {
    body {
	margin: 0px;
	font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	font-weight: 400;
	color: #2d2d2d;
	font-size: 14px;
    --root-font-size-px: 15;
    line-height: 2rem;
    --line-height-unitless: 1.6875rem;
    --line-gap-unitless: 0.5;
	background-color: #fff;
}
*{ margin: 0; padding: 0;}
a{ color: #2d2d2d; 
	text-decoration: none;
}
a:hover{ color: #122a88;}
li{ list-style-type: none;}
h1 {
	font-size: 30px;
	font-weight: 500;
}
h2 {
	font-size: 24px;
	font-weight: 500;
}
h3 {
	font-size: 20px;
	font-weight: 400;color: #2d2d2d;
}
h4 { font-size:16px; font-weight:400;}
.clear { clear:both; }
}

/*********main*************/

.time{ width:100%; height:160px; background:#122a88 url(../images/timebg.jpg) no-repeat center; background-size:cover; padding:20px 0;}
.time_content{ width:1400px; height:298px; margin:0 auto;}
.counter { color:#fff;  }
.wrapper { width: 1420px; height:160px;}
.wrapper1{ width:23%; float:left; height:110px; border-right:1px solid #d3d3d3; margin-right:3%;padding-top:30px;}
.wrapper2{ width: 21%; float: left; height: 60px;padding-left:0%;padding-top:30px;}
.time1{ width: 100%; height: 40px;}
.time1 h2{ width:auto;  float:left; font-size:65px; font-weight:600;}
.timex{ width: auto; float: left; font-size: 26px; font-weight: 600; margin-left: 10px;}
.timey{ width: 100%; height: 20px; color: #fff; margin-top: 10px;}

/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding: 0px 0 0px 0;}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: none;width: 1400px; margin:0 auto; box-sizing: border-box;box-shadow: 0px 0px 0px #c0c1c2;transition: all .2s linear;height: 50px; }
.pro-content{width: 100%;padding-top: 0px; border:0px #c0c1c2 solid; height:auto; border-radius:5px;}
.pro-right{float: none;width: 100%; margin-top:20px;}
.pro-left .left-title{background: #317fff;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul { width: auto; text-align:center; }
.pro-left .left-category ul li{ padding:6px 16px; float:left; background:#122a88; margin-left:40px; color: #fff; border-radius:5px;}
.pro-left .left-category ul li.on{color: #f03;border-right:0px #f03 solid; background:#ccc;}
.pro-left .left-category ul li:hover{color: #f03;border-right:0px #f03 solid;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;}
.pro-right ul li{float: left;width: 22.9%;background: #fff;border: 1px solid #c0c1c2;border-radius:0px;margin-left: 1.7%;box-sizing: border-box;margin-bottom: 35px; box-shadow: 0px 0px 0px #eaeaea;transition: all .2s linear; border-radius: 5px;text-align:left; }
.pro-right ul li .img{width:100%;overflow: hidden; margin:0 auto; height:330px;}
.pro-right ul li img {width:100%; border-radius: 5px;}
.pro-right ul li dd {width:100%; height:330px;}
.pro-right ul li h2{height: 30px;line-height: 30px;font-size: 15px;color: #333333;width:100%;margin:0 auto;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.pro-right ul li .mainpright {width:90%;margin:20px auto;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 5px #c6c6c6;transition: all .2s linear;}
.mainpright h2 { text-align:center; font-weight:600;}







.jbyh {width:100%; text-align:center; margin: 40px 0; color: #122a88;}
.jbyh h1 {line-height: 50px; font-weight:600; font-size: 35px;}
.jbyhzye { width:100%; height:600px; background: #122a88; margin-bottom: 45px;}
.jbyzyd { width:100%; height:600px; background-image: linear-gradient(to right, #122a88 50%, transparent 50% ); }
.jbyzyall {width:1400px; height: auto; margin:0 auto; color:#fff; }
.jbyzyalll {width:50%; height: auto; padding-top:30px; color:#fff; float:left; }
.jbyzyalll h2 { line-height: 50px; padding-top:10px; }
.jbyzyalll p { line-height: 30px; padding-right:45px; margin-bottom:15px; }
.jbyzyalll d {height: 30px; line-height: 30px; color: #111; }
.jbyzyalll d a { line-height: 30px; color: #122a88; background:#fff; margin-right:30px;padding:8px 20px;}
.jbyzyalll d a:hover { line-height: 30px; background:#eee;   }
.jbyzyallr {width:50%; height: auto;color:#fff; float:left; }

.jbybqyy {width: 1452px; 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:auto; 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;}

.jbyxwall { width: 100%; height: 740px; margin: 0 auto; background: #fff; margin-bottom: 40px;}
.jbyxw { width: 1400px; height: 650px; margin: 0 auto; background: #fff;}
.jbygsxw { float: left; height: 740px;
    width: 42%;
    background: #fff;
    border: 0px solid #c0c1c2;
    box-sizing: border-box;
    margin-bottom: 40px;
    box-shadow: 0px 4px 16px 2px rgba(98, 98, 98, 0.15);
    border-radius: 6px 6px 6px 10px;
    text-align: left;}
.jbygsxw img { width: 92%; margin: 0 4% 3% 4%; height:150px;}
.jbygsxw h2 { margin: 2% 4%; font-size: 22px; font-weight: 600; color:#122a88; border-bottom: 1px solid #eaeaea; padding-bottom:8px; height: 45px;}

.jbygsxw h2 ii { float: left; width:40%;}
.jbygsxw h2 d { float: right; width:40%; text-align: right;}
.jbygsxw h2 d a { font-size: 16px; font-weight: 500;}

.jbygsxw h3 { width: 92%; margin: 2% 4%; height:auto; font-size: 20px; font-weight: 600;}
.jbygsxw p { width: 92%; margin: 1% 4% 1% 4%; height:auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.jbyhyxw { float: right; height: 650px; width: 56%;}
.jbyhyxw li { width: 100%; height:30%; border-bottom: 1px solid #c0c1c2; padding-top: 25px; padding-bottom:25px; padding-left:25px; padding-right:5px;}
.jbyhyxw li p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jbyhyxw li:hover { background: #e2f0fe;}
.jbyhyxw h3 { width: 92%; margin: 2% 0; height:auto; font-size: 20px; font-weight: 600;}
.jbyhyxw d { width: 92%; margin: 2% 0; height: auto; font-size: 28px; font-weight: 600; color: #CCC;}
.jbyhyxw h2 { width: 100%; margin-top: 2%; height:auto; font-size: 22px; font-weight: 600; color:#122a88;border-bottom: 1px solid #eaeaea; padding-bottom:8px; height: 45px; padding-left: 25px;}

.jbyhyxw h2 ii { float: left; width:40%;}
.jbyhyxw h2 dd { float: right; width:40%; text-align: right;}
.jbyhyxw h2 dd a { font-size: 16px; font-weight: 500;}


.jbylyall { width: 1400px; height: 650px; margin: 50px auto;}
.jbylyallleft { width: 48%; height:auto; float: left;}
.jbylyallright { width: 50%; 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;}
.jbylyallright h2 { width: 100%; text-align:center; margin-bottom: 25px; font-weight: 600; color:#122a88;}
.jbylyallleft h2 { width: 100%;  margin-bottom: 25px; font-weight: 600; color:#122a88; font-size: 30px; margin: 25px 0;}

.jbylyallleft h3 { width: 100%;  margin-bottom: 25px; font-weight: 600; color:#122a88; font-size: 25px; margin-top: 45px;}
.jbylyallleft dd { line-height: 45px; font-weight: 600; font-size: 18px;}


.btn_green {margin-top: 16px;
    padding: 10px;
    width: 100%;
    border: none;
    border-radius: 5px;
    background: #122a88;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;}
.jbylyallright .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
}

/* ==================== 手机端样式 ==================== */
@media (max-width: 768px) {
.time{ width:100%; height:auto; background:#122a88 url(../images/timebg.jpg) no-repeat center; background-size:cover; }
.time_content{ width:100%; height:200px; margin:0 auto;}
.counter { color:#fff;  }
.wrapper { width: 100%; height:220px;}
.wrapper1{ width:48%; float:left; height:110px; border-right:0px solid #d3d3d3; margin-right:1%;padding-top:10px;}
.wrapper2{ width: 48%; float: left; height: 110px;padding-left:0%;padding-top:10px;}
.time1{ width: 100%; height: 40px;}
.time1 h2{ width:auto;  float:left; font-size:36px; font-weight:600;}
.timex{ width: auto; float: left; font-size: 18px; font-weight: 600; margin-left: 10px;}
.timey{ width: 100%; height: 20px; color: #fff; margin-top: 0px;font-size: 13px;}

/*产品展示*/
.pro-center{width: 100%;height: auto;overflow: hidden;padding: 0px 0 0px 0;}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}
/*产品展示左侧*/
.pro-left{float: none;width: 100%; margin:0 auto; box-sizing: border-box;box-shadow: 0px 0px 0px #c0c1c2;transition: all .2s linear;height: auto; }
.pro-content{width: 100%;padding-top: 0px; border:0px #c0c1c2 solid; height:auto; border-radius:5px;}
.pro-right{float: none;width: 100%; margin-top:20px;}
.pro-left .left-title{background: #317fff;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category ul { width: auto; text-align:center; }
.pro-left .left-category ul li{ padding:6px 16px; float:left; background:#122a88; margin-left:20px; color: #fff; border-radius:5px; width:42%; margin-bottom:10px; font-size:14px;}
.pro-left .left-category ul li.on{color: #f03;border-right:0px #f03 solid; background:#ccc;}
.pro-left .left-category ul li:hover{color: #f03;border-right:0px #f03 solid;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
/*产品展示右侧*/
.pro-right{display: none;}
.pro-right ul li{float: left;width: 47.5%;background: #fff;border: 1px solid #c0c1c2;border-radius:0px;margin-left: 1.7%;box-sizing: border-box;margin-bottom: 15px; box-shadow: 0px 0px 0px #eaeaea;transition: all .2s linear; border-radius: 5px;text-align:left; }
.pro-right ul li .img{width:100%;overflow: hidden; margin:0 auto; height:170px;}
.pro-right ul li img {width:100%; border-radius: 5px;}
.pro-right ul li dd {width:100%; height:330px;}
.pro-right ul li h2{height: 30px;line-height: 30px;font-size: 14px;color: #333333;width:100%;margin:0 auto;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.pro-right ul li .mainpright {width:90%;margin:5px auto;}
.pro-right.active{display: block;}
.pro-right ul li:hover{box-shadow: 0px 0px 5px #c6c6c6;transition: all .2s linear;}
.mainpright h2 { text-align:center; font-weight:600;}



.jbyh {width:100%; text-align:center; margin: 20px 0; color: #122a88;}
.jbyh h1 {line-height: 30px; font-weight:600; font-size: 20px;}
.jbyhzye { width:100%; height:auto;  margin-bottom: 5px;}
.jbyzyd { width:100%; height:auto;}
.jbyzyall {width:auto; height: auto; margin:0 auto; color:#fff; }
.jbyzyalll {width:96%; height: auto; padding-top:10px; color:#fff; float:none; text-align:center; margin: 0 auto; height:500px; background: #122a88;}
.jbyzyalll h2 { line-height: 30px; padding-top:10px; }
.jbyzyalll p { line-height: 25px; padding-right:0; margin-bottom:5px; }
.jbyzyalll d {height: 30px; line-height: 30px; color: #111; margin-top:25px;}
.jbyzyalll d a { line-height: 30px; color: #122a88; background:#fff; margin-right:30px;padding:8px 20px;}
.jbyzyalll d a:hover { line-height: 30px; background:#eee;   }
.jbyzyallr {width:100%; height: auto;color:#fff; float:none; }
.jbyzyallr img {width:100%; height: auto;color:#fff;  }

.jbybqyy {width: 100%; height:auto; margin: 0 auto;}
.jbybqyy li {float: left; width: 47.5%; background: #fff; border: 1px solid #c0c1c2; margin-left: 1.7%; box-sizing: border-box; margin-bottom: 15px; 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:auto; 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;line-height: 25px;}
.jbybqyy li h2 { font-size: 16px; font-weight:600;}

.jbyxwall { width: 100%; height: auto; margin: 0 auto; background: #fff; margin-bottom: 40px;}
.jbyxw { width: 96%; height: auto; margin: 0 auto; background: #fff;}
.jbygsxw { float: left; height: auto;
    width: 100%;
    background: #fff;
    border: 0px solid #c0c1c2;
    box-sizing: border-box;
    margin-bottom: 40px;
    box-shadow: 0px 4px 16px 2px rgba(98, 98, 98, 0.15);
    border-radius: 6px 6px 6px 10px;
    text-align: left;}
.jbygsxw img { width: 92%; margin: 0 4% 3% 4%; height:150px;}
.jbygsxw h2 { margin: 2% 4%; font-size: 18px; font-weight: 600; color:#122a88; border-bottom: 1px solid #eaeaea; padding-bottom:8px; height: 45px;}

.jbygsxw h2 ii { float: left; width:40%;}
.jbygsxw h2 d { float: right; width:40%; text-align: right;}
.jbygsxw h2 d a { font-size: 16px; font-weight: 500;}

.jbygsxw h3 { width: 92%; margin: 2% 4%; height:auto; font-size: 16px; font-weight: 600;}
.jbygsxw p { width: 92%; margin: 1% 4% 1% 4%; height:auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.jbyhyxw { float: none; height: auto; width: 96%;}
.jbyhyxw li { width: 100%; height:auto; border-bottom: 1px solid #c0c1c2; padding-top: 25px; padding-bottom:25px; padding-left:25px; padding-right:5px;}
.jbyhyxw li p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jbyhyxw li:hover { background: #e2f0fe;}
.jbyhyxw h3 { width: 92%; margin: 2% 0; height:auto; font-size: 14px; font-weight: 600;}
.jbyhyxw d { width: 92%; margin: 2% 0; height: auto; font-size: 28px; font-weight: 600; color: #CCC;}
.jbyhyxw h2 { width: 100%; margin-top: 2%;margin-bottom: 20px; font-size: 22px; font-weight: 600; color:#122a88;border-bottom: 1px solid #eaeaea; padding-bottom:8px; height: 55px; padding-left: 25px;}

.jbyhyxw h2 ii { float: left; width:40%;}
.jbyhyxw h2 dd { float: right; width:40%; text-align: right;}
.jbyhyxw h2 dd a { font-size: 16px; font-weight: 500;}


.jbylyall { width: 100%; height: auto; margin: 50px auto;}
.jbylyallleft { width: 96%; height:auto; float: none; margin: 0 auto; text-align: center;}
.jbylyallright { width: 100%; height:auto; float: none; background: #fff; padding: 0%;margin: 0 auto;
    border: 0px solid #c0c1c2;
    box-sizing: border-box;
    margin-bottom: 15px;margin-top: 15px;
    box-shadow: 0px 4px 16px 2px rgba(98, 98, 98, 0.15);
    border-radius: 6px 6px 6px 10px;}
.jbylyallright h2 { width: 100%; text-align:center; margin-bottom: 5px; font-weight: 600; color:#122a88;font-size: 20px;}
.jbylyallleft h2 { width: 100%;  margin-bottom: 5px; font-weight: 600; color:#122a88; font-size: 20px; margin: 5px 0;}

.jbylyallleft h3 { width: 100%;  margin-bottom: 5px; font-weight: 600; color:#122a88; font-size: 20px; margin-top: 5px;}
.jbylyallleft dd { line-height: 35px; font-weight: 600; font-size: 16px;}


}






















/*---page---*/
.jbypagepic { width: 100%; height: 300px; margin: 0 auto;}
.jbypagepic img { width: 100%; height: 100%; }
.jbypagetd { width: 1400px; height: 100px; margin: 0 auto;color: #fff; top: 50px;}
.jbypagetd h1 { font-size: 25px; font-weight:600; margin-bottom: 15px;  }
.jbypagetd p { width: 70%; line-height: 30px; }
.jbypageall { width: 1400px; margin: 0 auto;}

.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;}

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

/*----products---*/
.jbyprocontent { 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; }
.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.835%; 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:100%;  margin-left:2.55%;}
.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;
}

.proshowall { 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: 560px;
	height: 560px;
	text-align: center;
	border: 1px solid #e0e0e0;
	margin-right:30px;
}
.yzm-image img{
	width: 100%;
	height:100%;
	overflow: hidden;
}
.yzm-switch{
	width: 500px;
	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: 1400px; margin: 0 auto; height: auto;}
.propic { 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: 32%; float: left; height: 40px;}
.jbyshowtitleal i { 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;}

.pagelipro { width: 24%; height: auto; margin-bottom: 10px; float:right; border: 1px solid #ddd;}
.pagelipro h3 { background: #122a88; color: #fff; padding: 6px 20px; font-size:18px; font-weight:600; margin-bottom: 0px;border-bottom: 1px solid #eaeaea;}
.pagelipro li { width: 100%; height:auto; border-bottom: 1px solid #eaeaea; margin-bottom: 30px;}
.pagelipro li img { width: 100%; height:auto;}
.pagelipro 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;}
.pagelipro li p { line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 2% 2%;}

.erweima ii { float: left; text-align: center; margin-right:25px;}

 #lookup {
            
            border: 0px solid black;
            cursor: pointer; height: 50px; line-height: 30px; color: #fff; background:#ff0000; margin-left:30px;padding:10px 25px; border-radius: 5px; font-size: 18px; font-weight:600;
        }

        #authimg img {
            position: absolute;
            top: 20%;
            left: 40%;
            width: 400px;
            height: 400px;
            display: block;
        }

        #authimg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(125, 125, 125, 0.8);
            z-index: 9999;
            display: none;
        }


/*------news-----*/
.jbyprocontentnews { width: 1400px; height: auto; margin: 0 auto; }
.jbypagemail { width: 1400px; height: auto; margin: 0 auto; margin-bottom: 10px; margin-top: 40px;}
.pageall { width: 73%; height: auto; margin-bottom: 10px; float:left; border: 1px solid #ddd;}
.jbynewsliastcomtent { width: 96%; height: auto; margin: 0 auto;}
.pageall h1 { width: 100%; height: auto; margin: 0 auto; font-size: 20px; font-weight: 600; text-align:center; line-height:60px;border-bottom: 1px solid #ddd;}
.ep-show-prevnext-wrap { width: 96%; height: auto; margin: 2%; 20px; line-height: 45px;}
.fc-show-prev-prev { width:45%; float:left; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.fc-show-prev-next { width:45%; float:right; text-align:right; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} 
.pageli { width: 24%; height: auto; margin-bottom: 10px; float:right; border: 1px solid #ddd;}
.pageli h3 { background: #122a88; color: #fff; padding: 6px 20px; font-size:18px; font-weight:600; margin-bottom: 0px;border-bottom: 1px solid #eaeaea;}
.pageli li {width: 100%; margin:0 auto; border-bottom: 1px solid #eaeaea; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pageli li a { padding: 6px 20px; font-size:15px; font-weight:500; line-height: 50px;}
.pageli li:hover { background: #122a88; color: #fff; line-height: 50px; }
.pageli li:hover a { background: #122a88; color: #fff; line-height: 50px; }
.pageli li i { font-size:13px;}

.pageallnews { width: 73%; height: auto; margin-bottom: 10px; float:left; border: 1px solid #ddd;}
.pageallnews h1 { width: 100%; height: auto; margin: 0 auto; font-size: 20px; font-weight: 600; text-align:center; line-height:60px;border-bottom: 1px solid #ddd;}
.jbynewsliastcomtentnews { width: 96%; height: auto; margin: 0 auto; }
.jbynewshere { width: 96%; height: 40px; margin: 0 auto; border-bottom: 1px dashed #ddd; line-height:40px; margin-bottom:15px;}
.jbynewshere d { width: 32%; float: left;}
.jbynewshere a { color: #122a88; }


.jbyprocontentnews { 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;}
.jbynewslistca { width: 1400px; height: 25px; margin: 0 auto; margin-bottom: 25px;}


.jbyzycj { width: 100%; height: 370px; margin: 0 auto; background: #666; color: #fff; background-image: url(https://jbytag.com//static/assets/global/img/j1.jpg); }
.jbyzycjmid { width: 1400px; margin: 0 auto; padding-top: 100px; line-height:60px}
.jbyzycjmid h3 { font-size:30px; font-weight:600; margin-bottom: 0px; color: #fff;}
.jbyzycjmid p { line-height: 50px;}
.jbyzycjmid dd a { line-height: 30px; color: #122a88; background:#fff; margin-top:30px;padding:8px 20px;}
.jbyzycjmid dd a:hover { line-height: 30px; background:#eee;   }

.jbysyddy { width: 100%; height: 500px; margin: 0 auto; background: #666; color: #fff; background-image: url(https://jbytag.com//static/assets/global/img/j2.jpg); text-align: center;}
.jbysyddy h3 { font-size:30px; font-weight:600; margin-bottom: 0px; color: #fff; padding-top: 60px; line-height:60px; width:100%;}
.jbysyddyall { width: 1450px; margin: 0 auto; margin-top:50px;}
.jbysyddyall li { width: 21%; font-size:18px; font-weight:600; float: left; height: 200px; padding-top: 30px; margin-left:2%; margin-right: 2%; background: #fff; border: 1px solid #c0c1c2; box-sizing: border-box; box-shadow: 0px 0px 0px #eaeaea;transition: all .2s linear; border-radius: 5px; color: #122a88;}
.jbysyddyall i { width: 100%; font-size:58px; margin-top: 50px; line-height:85px; }

@media (max-width: 768px) {
    /*---page---*/
.jbypagepic { width: 100%; height: 300px; margin: 0 auto;}
.jbypagepic img { width: 100%; height: 100%; }
.jbypagetd { width: 1400px; height: 100px; margin: 0 auto;color: #fff; top: 50px;}
.jbypagetd h1 { font-size: 25px; font-weight:600; margin-bottom: 15px;  }
.jbypagetd p { width: 70%; line-height: 30px; }
.jbypageall { width: 1400px; margin: 0 auto;}

.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;}

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

/*----products---*/
.jbyprocontent { 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; }
.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.835%; 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:100%;  margin-left:2.55%;}
.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;
}

.proshowall { 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: 560px;
	height: 560px;
	text-align: center;
	border: 1px solid #e0e0e0;
	margin-right:30px;
}
.yzm-image img{
	width: 100%;
	height:100%;
	overflow: hidden;
}
.yzm-switch{
	width: 500px;
	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: 1400px; margin: 0 auto; height: auto;}
.propic { 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: 32%; float: left; height: 40px;}
.jbyshowtitleal i { 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;}

.pagelipro { width: 24%; height: auto; margin-bottom: 10px; float:right; border: 1px solid #ddd;}
.pagelipro h3 { background: #122a88; color: #fff; padding: 6px 20px; font-size:18px; font-weight:600; margin-bottom: 0px;border-bottom: 1px solid #eaeaea;}
.pagelipro li { width: 100%; height:auto; border-bottom: 1px solid #eaeaea; margin-bottom: 30px;}
.pagelipro li img { width: 100%; height:auto;}
.pagelipro 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;}
.pagelipro li p { line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 2% 2%;}

.erweima ii { float: left; text-align: center; margin-right:25px;}

 #lookup {
            
            border: 0px solid black;
            cursor: pointer; height: 50px; line-height: 30px; color: #fff; background:#ff0000; margin-left:30px;padding:10px 25px; border-radius: 5px; font-size: 18px; font-weight:600;
        }

        #authimg img {
            position: absolute;
            top: 20%;
            left: 40%;
            width: 400px;
            height: 400px;
            display: block;
        }

        #authimg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(125, 125, 125, 0.8);
            z-index: 9999;
            display: none;
        }


/*------news-----*/
.jbyprocontentnews { width: 1400px; height: auto; margin: 0 auto; }
.jbypagemail { width: 1400px; height: auto; margin: 0 auto; margin-bottom: 10px; margin-top: 40px;}
.pageall { width: 73%; height: auto; margin-bottom: 10px; float:left; border: 1px solid #ddd;}
.jbynewsliastcomtent { width: 96%; height: auto; margin: 0 auto;}
.pageall h1 { width: 100%; height: auto; margin: 0 auto; font-size: 20px; font-weight: 600; text-align:center; line-height:60px;border-bottom: 1px solid #ddd;}
.ep-show-prevnext-wrap { width: 96%; height: auto; margin: 2%; 20px; line-height: 45px;}
.fc-show-prev-prev { width:45%; float:left; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.fc-show-prev-next { width:45%; float:right; text-align:right; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} 
.pageli { width: 24%; height: auto; margin-bottom: 10px; float:right; border: 1px solid #ddd;}
.pageli h3 { background: #122a88; color: #fff; padding: 6px 20px; font-size:18px; font-weight:600; margin-bottom: 0px;border-bottom: 1px solid #eaeaea;}
.pageli li {width: 100%; margin:0 auto; border-bottom: 1px solid #eaeaea; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pageli li a { padding: 6px 20px; font-size:15px; font-weight:500; line-height: 50px;}
.pageli li:hover { background: #122a88; color: #fff; line-height: 50px; }
.pageli li:hover a { background: #122a88; color: #fff; line-height: 50px; }
.pageli li i { font-size:13px;}

.pageallnews { width: 73%; height: auto; margin-bottom: 10px; float:left; border: 1px solid #ddd;}
.pageallnews h1 { width: 100%; height: auto; margin: 0 auto; font-size: 20px; font-weight: 600; text-align:center; line-height:60px;border-bottom: 1px solid #ddd;}
.jbynewsliastcomtentnews { width: 96%; height: auto; margin: 0 auto; }
.jbynewshere { width: 96%; height: 40px; margin: 0 auto; border-bottom: 1px dashed #ddd; line-height:40px; margin-bottom:15px;}
.jbynewshere d { width: 32%; float: left;}
.jbynewshere a { color: #122a88; }


.jbyprocontentnews { 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;}
.jbynewslistca { width: 1400px; height: 25px; margin: 0 auto; margin-bottom: 25px;}


.jbyzycj { width: 100%; height: 300px; margin: 0 auto; background: #666; color: #fff; background-image: url(https://jbytag.com//static/assets/global/img/j1.jpg); }
.jbyzycjmid { width: 96%; margin: 0 auto; padding-top: 70px; line-height:60px; text-align: center;}
.jbyzycjmid h3 { font-size:20px; font-weight:600; margin-bottom: 0px; color: #fff;}
.jbyzycjmid p { line-height: 30px;}
.jbyzycjmid dd a { line-height: 30px; color: #122a88; background:#fff; margin-top:30px;padding:8px 20px;}
.jbyzycjmid dd a:hover { line-height: 30px; background:#eee;   }

.jbysyddy { width: 100%; height: 500px; margin: 0 auto; background: #666; color: #fff; background-image: url(https://jbytag.com//static/assets/global/img/j2.jpg); text-align: center;}
.jbysyddy h3 { font-size:20px; font-weight:600; margin-bottom: 0px; color: #fff; padding-top: 60px; line-height:60px; width:100%;}
.jbysyddyall { width: 100%; margin: 0 auto; margin-top:20px;}
.jbysyddyall li { width: 45.5%; font-size:15px; font-weight:600; float: left; height: 120px; padding-top: 30px; margin-left:2%; margin-right: 2%; background: #fff; border: 1px solid #c0c1c2; box-sizing: border-box; box-shadow: 0px 0px 0px #eaeaea;transition: all .2s linear; border-radius: 5px; color: #122a88;margin-bottom: 10px;}
.jbysyddyall i { width: 100%; font-size:38px; margin-top: 20px; line-height:35px; }
}