/* 轮播容器 */
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: auto;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../img/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../img/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: auto;
	display: block;
}





.carousel{width:100%;margin:0 auto;position:relative}
    .carousel-wrap{border-radius:0px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.15)}
    .carousel-slide{display:flex;transition:transform .5s ease}
    
    /* 图片 + 链接样式 */
    .carousel-slide a {
      width: 100%;
      flex-shrink: 0;
    }
    .carousel-slide img{
      width:100%;
      height:auto;
      display:block;
      cursor: pointer;
    }

    /* 左右按钮 */
    
    
    /* 核心：按钮默认隐藏，悬停平滑显示 */
    .nav{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      width:44px;
      height:44px;
      border-radius:50%;
      background:#fff;
      border:none;
      box-shadow:0 2px 10px rgba(0,0,0,.1);
      cursor:pointer;
      font-size:18px;
      color:#333;
      z-index:10;
      /* 默认隐藏 + 过渡动画 */
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
    }
    /* 悬停显示按钮 */
    .carousel:hover .nav{
      opacity: 1;
      visibility: visible;
    }
    .prev{left:16px}
    .next{right:16px}
    
    
@media (max-width: 1380px) {
 /* 轮播容器 */
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	flex: 1;
	overflow: hidden;
	display: block;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../img/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../img/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: auto;
	display: block;
}


}
@media (max-width: 768px) {
    .flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../img/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../img/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 250px;
	display: block;
}
    
}



/*********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;}

/*产品展示*/
.containerindex { width: 1450px; margin: 0 auto;}
.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;}



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




.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:100%; 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:00%; height: auto;color:#fff; float:left; }

.jbybqyy {width: 1452px; height:auto; 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;
}
.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: 18px; font-weight:600;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.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:35px; font-size: 20px; font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.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
}
.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: 1380px) {
/*********main*************/

.time{ width:100%; height:160px; background:#122a88 url(../images/timebg.jpg) no-repeat center; background-size:cover; padding:20px 0.5%;}
.time_content{ width:100%; height:160px; margin:0 auto;}
.counter { color:#fff;  }
.wrapper { width: 100%; 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:45px; font-weight:600;}
.timex{ width: auto; float: left; font-size: 20px; font-weight: 600; margin-left: 10px;}
.timey{ width: 100%; height: 20px; color: #fff; margin-top: 10px;}

/*产品展示*/
.containerindex { width: 100%; margin: 0 auto;}
.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: 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:10px; 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;}



.jbyzycj { width: 100%; height: 370px; margin: 0 auto; background: #666; color: #fff; background-image: url(https://jbytag.com//static/assets/global/img/j1.jpg); padding: 0 0.5%;}
.jbyzycjmid { width: 100%; 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;   }




.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:100%; height: auto; margin:0 auto; color:#fff; padding: 0 0.5%;}
.jbyzyalll {width:100%; height: auto; padding-top:30px; color:#fff; float:none }
.jbyzyalll h2 { line-height: 50px; padding-top:10px; }
.jbyzyalll p { line-height: 30px; padding-right:0px; 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:100%; height: auto;color:#fff; float:none; }

.jbybqyy {width: 100%; height:auto; margin: 0 auto;}
.jbybqyy li h2 a {
    font-size: 18px;
    height: 35px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.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: 18px; font-weight:600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.jbyxwall { width: 100%; height: 740px; margin: 0 auto; background: #fff; margin-bottom: 40px; padding: 0 0.5%;}
.jbyxw { width: 100%; 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:35px; font-size: 20px; font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.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: 100%; height: 650px; margin: 50px auto; padding: 0 0.5%;}
.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
}
.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: 100%; 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: 825px) {
.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;}

/*产品展示*/
.containerindex { width: 100%; margin: 0 auto;}
.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;  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: 18px; font-weight: 600; color:#122a88;border-bottom: 1px solid #eaeaea; padding-bottom:8px; height: 55px; padding-left: 25px;}

.jbyhyxw h2 ii { float: left; width:60%;}
.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;}

.jbyzycj { width: 100%; height: auto; margin: 0 auto; background: #666; color: #fff; background-image: url(https://jbytag.com//static/assets/global/img/j1.jpg); }
.jbyzycjmid { width: 100%; margin: 0 auto; padding-top: 40px; line-height:50px}
.jbyzycjmid h3 { font-size:22px; 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: 530px; 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:22px; font-weight:600; margin-bottom: 0px; color: #fff; padding-top: 20px; line-height:60px; width:100%;}
.jbysyddyall { width: 100%; height: auto; margin: 0 auto; margin-top:0px;}
.jbysyddyall li { width: 48%; font-size:18px; font-weight:600; float: left; height: 200px; padding-top: 30px; margin-left:1%; margin-right: 1%; 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; }


}