#tbanner .banner_focus {height:340px;}
.banner-container {position: relative;}
.tmain {width:100%;}
.ts {display: flex;justify-content: space-around;margin-top:15px}
.ts .tsicon {padding:5px 0 12px 0;}
.ts .tsitem {font-size:14px;width:14%;background-color:#565656;padding:1%;text-align:center;cursor:pointer;color:#fff}
.ts .tstxt {font-weight:bold;padding-top:8px}
.ts .tsitem span {font-size:12px;font-weight: normal;}
.ts .tsitem:hover {background-color:#005b85;}
.linebox {width:100%;background: url(/images/ilbg.jpg) no-repeat center / cover;color:#fff}
.linebox .wrapper {padding:20px;text-align:center;}
.linebox .lb-title {font-size:30px;font-weight:600;}
.linebox .lb-con {font-size:20px;font-weight:400;}
.linebox .lb-tel {background: url(/images/iltel.png) no-repeat;width:290px;height:35px;margin: 15px auto 0 auto;display: flex;font-size:12px;font-weight: normal;color: #005b85;padding-left:23px;line-height:35px;}
.linebox .lb-teltxt {padding-left:5px}
.linebox .lb-teltxt span {font-size:18px;font-weight:500;}
.aboutbox {padding-top:40px;}
.aboutbox .apic {width:530px;height:420px;margin-right:50px;float:left;}
.aboutbox .apic img {width:100%;height:100%;}
.aboutbox .acon {position: relative;padding-left:580px;height:420px;}
.aboutbox .acon .aboutintro {height:330px;overflow: hidden;}
.aboutbox h2 {font-size:24px;padding-bottom:10px;}
.aboutbox .aboutintro {line-height:180%;}
.aboutbox .btn {position: absolute;bottom:20px;left:580px}
.aboutbox .btn a {display: block;width:90px;padding:15px;text-align:center;color:#fff;background-color:#005b85;}
.indexproducts {width:100%;padding:40px 0}
.introitem {
	width: 100%;
	padding-top: 20px;
}
.introitem h2 {
	font-size:28px;
	font-weight: 700;
	text-align: center;
	width: 100%;
}
.introitem .txt {text-align:center;color: #888;padding-top:6px}
.introitem .aboutintro {display: flex;padding:20px 0;position:relative;}
.introitem .aboutintro .aintro {padding:0 30px 0 0;position: relative;}
.introitem .aboutintro .more {position: absolute;bottom: 20px;width:120px;}
.infobox {padding-top:30px;display: flex;}
.infobox .infoitem {width:46%;}
.infobox .infoline {padding-left:3%;border-right:1px solid #efefef;margin-right:3%;}
.infobox dt {position: relative;padding-bottom:30px;}
.infobox dt .itit {font-size:16px;font-weight:700;}
.infobox dt .itit span {font-size:14px;color: #005b85;padding-left:10px;}
.infobox dt .more {position: absolute;right:10px;top:0;font-size:14px;}
.infobox dt .more a {color:#888}
.infobox li div:before {content: '■';font-size: 12px;margin-right: 5px;color: #ef5712;position: relative;top: -3px;}
.infobox li {white-space:nowrap;padding:6px 0}
.infobox li div {text-overflow: ellipsis;overflow: hidden;}
.infobox li a {color:#333;font-size:14px;}
.infobox li a:hover {color: #005b85;text-decoration: underline;}
.ladyScroll{width:1200px;height:310px;margin:20px auto;position:relative;}	
.productlist {overflow: hidden;clear: both;}
.productlist ul {padding:20px 0}
.productlist li {float:left;width:25%;margin-bottom:20px;}
.productlist li a {margin:0 10px;border:1px solid #eaeaea;background:#fff;display:block;transition:0.3;color:#333}
.productlist li .pimg {text-align:center;}
.productlist li img {width:100%;height:100%;}
.productlist li .ptit {background:#efefef;padding:10px;}
.productlist li a:hover .ptit{background-color:#004393;color:#fff}

.ladyScroll .prev,.ladyScroll .next{width:51px;height:45px;position:absolute;top:110px;left:-60px;z-index:100; cursor:pointer; background:url(/images/btns.png) no-repeat;}	
.ladyScroll .next{ left:auto; right:-60px; background-position:0 -90px;}	
.ladyScroll .prev:hover{ background-position:0 -45px; }	
.ladyScroll .next:hover{ background-position:0 -135px; }	
.ladyScroll .scrollWrap{width:100%;margin-left:0;padding-top:15px;overflow:hidden;position:absolute;}	
.ladyScroll dl{float:left;width:250px;text-align:center;position:relative;height:320px;box-shadow: 0px 2px 5px #c7c7c7;margin-right: 50px;background-color: #fff;overflow: hidden;border: 1px solid #efefef;border-bottom:1px solid #e2e2e2;position:relative;}	
.ladyScroll dt{width:220px;margin: 0 auto;height:220px;text-align: center;}	
.ladyScroll img{display:block;max-width:100%;max-height:100%;object-fit: contain;margin:5px auto}	
.ladyScroll dd{width:220px;font-size:14px;color:#000;text-align:center;overflow:hidden;margin:10px auto 0 auto;}	
.ladyScroll dd a{ color:#000;  }	
.ladyScroll dd a:hover{ text-decoration:none;  }	
.ladyScroll dl:hover span{ background:#f00;  }
@media (min-width: 768px) {

  .swiper-button-prev,
  .swiper-button-next {
      display: none;
  }
}

@media (min-width: 992px) {
  .swiper-button-prev,
  .swiper-button-next {
      display: block;
  }

}

@media (min-width: 1700px) {
  .ladyScroll {width: 1570px;}
  .introitem .aboutintro .more {left:0}
}
@media (max-width: 1699px) {
    .ladyScroll {width: 1270px;}
    .aboutbox .acon .aboutintro {height:290px;}
}
@media (max-width: 1399px) {
    .ladyScroll {width: 1070px;}
    .introitem .aboutintro .more {left:0}
}
@media (max-width: 1199px) {
    .ladyScroll {width: 870px;}
    .introitem .aboutintro .more {left:800px}
}
@media (max-width: 1010px) {
    .ladyScroll {width: 100%;}
    .ladyScroll .prev {
    left: 0;
  }
  .ladyScroll .next {
    right: 0;
  }
  .aboutbox .apic {width:360px;height: 285px;}
  .aboutbox .acon {padding-left:410px;height:310px;}
  .aboutbox .acon .aboutintro {height:170px;}
  .aboutbox .btn {left:410px}

}
@media (max-width: 767px) {
    .ladyScroll {width: 100%;}
    .ladyScroll .prev {
    left: 0;
  }
  .ladyScroll .next {
    right: 0;
  }

}
.news .dotline {text-align: center;padding:10px 0 20px 0}
.news .col-md-3 {width: 32.3333%;float: left;position: relative;
    min-height: 1px;
    padding: 0 0.5%;}
.news .latest-left {float: left;width: 48%}
.news .latest-left img {
    width: 100%;
    position: relative;
    vertical-align: middle;
}
.news .latest-right p {
    line-height: 1.8em;
    margin: 0;
    font-size: 14px;
    color: #1e1e20;
    font-weight: 400;
    font-family: myriad pro;
}
.news .dotline {

}
.news .latest-right h4 {
    margin: 0;
    font-size: 16px;
    color: #1e1e20;
    font-weight: bold;
}
.news .latest-left p {
    margin: 0;
    background: url(/images/datedot.png) no-repeat 6px 9px rgba(59, 189, 251, 0.8);
    font-size: 12px;
    color: #ffffff;
    padding: 7px 0px 7px 26px;
    width: 38.1%;
    position: absolute;
    top: 6%;
    left: 2.4%;
}
.news .latest-right {
    float: right;
    width: 49%;
}
.news .latest-right p {
		padding-top: 5px;
    line-height: 20px;
    margin: 0;
    font-size: 14px;
    color: #1e1e20;
    font-weight: 400;
    font-family: myriad pro;
}