@import url("page.css");
/**/
.ty-banner-1{text-align:center}
.ty-banner-1 img{height:auto;max-width:100%;}
/**/
.p102-fdh-1 { border: 1px solid #ebebeb; box-shadow: 5px 5px 10px #f0f0f0, -5px -5px 10px #f0f0f0; padding: 0 60px 12px; }
.p102-fdh-1-title { height: 56px; margin: -1px auto 0; line-height: 56px; position: relative; overflow: hidden; text-align: center; }
.p102-fdh-1-title h2 { display: inline-block; font-weight: normal; font-size: 26px; height: 56px; color: #fff; padding: 0 50px; background: #046ea8; }
.p102-fdh-1-nav { margin-top: -1px; }
.p102-fdh-1-nav-one { border-top: 1px solid #e6e6e6; padding: 22px 0 10px; }
.p102-fdh-1-nav-one h3 { float: left; min-width: 80px; max-width: 100%; margin-bottom: 10px; }
.p102-fdh-1-nav-one h3 a { display: block; line-height: 30px; height: 30px; font-size: 18px; font-weight: bold; color: #1a1a1a; }
.p102-fdh-1-nav-one h3 a:hover,  .p102-fdh-1-nav-one h3.sidenavcur a { color: #046ea8; }
.p102-fdh-1-nav-one dl { float: left; max-width: 990px; }
.p102-fdh-1-nav-one dd { display: inline-block; position: relative; height: 30px; line-height: 30px; font-size: 16px; margin-right: 12px; padding-bottom: 10px; }
.p102-fdh-1-nav-one dd> a { display: block; color: #4c4c4c; padding: 0 10px; border: 1px solid transparent; border-radius: 5px; }
.p102-fdh-1-nav-one dd:hover> a,  .p102-fdh-1-nav-one dd.sidenavcur> a { border-color: #046ea8; color: #046ea8; }
.p102-fdh-1-nav-one .three-list { position: absolute; left: 0; top: 40px; background: #fff; height: auto; line-height: 36px; float: none; width: auto; display: none; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px; z-index: 9; padding: 10px 15px; }
.p102-fdh-1-nav-one .three-list:before { content: ""; position: absolute; height: 0; width: 0; left: 50%; top: -8px; margin-left: -8px; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #fff; }
.p102-fdh-1-nav-one .three-list a { display: block; font-size: 14px; color: #555555; clear: both; white-space: nowrap; }
.p102-fdh-1-nav-one dd:hover .three-list { display: block; }
.p102-fdh-1-nav-one .three-list a:hover { color: #046ea8; }
/**/
.p102-pros-1 { padding: 30px 0 0; }
.p102-pros-1-title { height: 66px; line-height: 66px; font-size: 26px; color: #333333; border-bottom: 1px solid #e0e0e0; position: relative; margin-bottom: 30px; }
.p102-pros-1-title:after { content: ''; position: absolute; width: 30px; height: 3px; background: #046ea8; left: 0; bottom: -2px; z-index: 1; }
.p102-pros-1-list dl { float: left; width: 378px; margin: 0 33px 50px 0; }
 .p102-pros-1-list dl:nth-child(3n) {
 margin-right: 0;
}
.p102-pros-1-list dt { position: relative; }
.p102-pros-1-list dt img, .p102-pros-1-list dt a { width: 100%; display: block; box-shadow: 0 0 5px #eee; }
.p102-pros-1-list dt em { position: absolute; width: 100%; left: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 0; display: none; }
.p102-pros-1-list dt i { position: absolute; width: 50px; height: 50px; background: #046ea8; border-radius: 100%; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; z-index: 1; }
.p102-pros-1-list dt i:after { content: ""; width: 9px; height: 9px; border: 1px solid #fff; border-style: solid solid none none; position: absolute; top: 50%; left: 18px; margin-top: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; }
.p102-pros-1-list dd { padding-top: 15px; }
.p102-pros-1-list dd h4 { height: 40px; line-height: 40px; font-size: 20px; text-align: left; font-weight: normal; margin-bottom: 3px; }
.p102-pros-1-list dd h4 a { display: inline-block; height: 40px; color: #1a1a1a; position: relative; padding-left: 20px; }
.p102-pros-1-list dd h4 a:before { content: ''; position: absolute; width: 5px; height: 18px; background: #046ea8; left: 0; top: 50%; margin-top: -9px; z-index: 1; }
.p102-pros-1-list .p102-pros-1-desc { line-height: 24px; font-size: 14px; color: #666666; text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.p102-pros-1-list dl:hover dt em { display: block; }
.p102-pagination-blk { padding-bottom: 40px; }

.p1-pro-showcase-1-txt { line-height: 30px; overflow: hidden; margin-left: 55px; float: left; width: 45%; }
.p1-pro-showcase-1-txt-t1 { font-size: 20px; line-height:1.2; }
.p1-pro-showcase-1-txt-title { height: 50px; font-size: 20px; font-weight: normal; line-height: 50px; overflow: hidden; color: #333; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.p1-pro-showcase-1-txt-t1 { margin-bottom: 86px; overflow: hidden; }
.p1-pro-showcase-1-tle { left: 40%; bottom: 25px; margin-left: 50px; }
.p1-pro-showcase-1-tle .p1-pho-1 { background: url(../images/p102-cpxq-icon2.png) no-repeat 0 0; min-height: 50px; padding-left: 60px; font-size: 20px; line-height: 30px; margin-left: 30px; margin-right: 50px; color: #046ea8; }
.p1-pho-1 i { font-style: normal; }
.p1-pho-1 span { display: block; font-size: 14px; line-height: 14px; color: #666; }
.p1-pho-2 em { display: block; width: 122px; height: 35px; background: #046ea8; font-size: 16px; font-style: normal; color: #ffffff; text-align: center; line-height: 35px; }
/* Hide from IE Mac */   
.t1-clearfix { display: block; }
/*图片放大镜样式*/    

.prod-showcase-1 img { display: block!important;width: 100%; height:auto; }
.prod-showcase-1 .smallx { border:1px solid #eee; height:100%; padding:5px; }
.prod-showcase-1 .swiper-smallx { padding:15px 30px;  position: relative;}
.prod-showcase-1 .active .smallx{border-color:#0065d4}
.swiper-smallx .swiper-button-prev, .swiper-smallx .swiper-button-next{width:20px;background-size: 80% auto;}
.swiper-smallx .swiper-button-prev{left:0}
.swiper-smallx .swiper-button-next{right:0}
/*图片小图预览列表*/  
.t1-pro-preview { width: 40%; float: left; }
.prod-showcase-1 .t1-spec-preview { width: 100%; overflow: hidden; border: 1px solid #e8e8e8; }
.prod-showcase-1 .t1-spec-scroll { position: relative; z-index: 9999; overflow: hidden; clear: both; padding: 9px 0; width: 100%; border-top: 1px solid #e8e8e8; background-color: #fff; }
.t1-spec-scroll .t1-prev,  .t1-spec-scroll .t1-next { position: absolute; z-index: 9999; display: block; width: 18px; height: 23px; text-indent: -9999px; overflow: hidden; cursor: pointer; top: 50%; margin-top: -9px; }
.prod-showcase-1 .t1-prev { left: 0; background: url(../images/p15-icon2.png) no-repeat center top; }
.prod-showcase-1 .t1-next { right: 0; background: url(../images/p15-icon3.png) no-repeat center top; }
.prod-showcase-1 .t1-items { padding: 0 22px; }
.t1-items-swiper { position: relative; }
.t1-items-swiper p { float: left; width: 30%; padding: 0 5px; }
.t1-items-swiper p img { width: 100%; border: 1px solid #eee; box-sizing: border-box; }
.t1-items-swiper .t1-current img { border-color: red; }
/**/
.p102-pro-content-nav { height: 50px; box-shadow: 0 -2px 3px #f9f9f9, 0 4px 6px #e9e9e9; }
.fixed { position: fixed; width: 100%; left: 0; top: 0; z-index: 88; background: #fff; }
.td1 p { font-size:20px; }
.herfBoxLeft2 { font-size:20px; }
.p102-pro-content-nav li { float: left; line-height: 50px; margin-right: 50px; position: relative; font-size: 18px; color: #4c4c4c; font-weight: normal; }
.p102-pro-content-nav li.cur,  .p102-pro-content-nav li:hover { color: #046ea8; }
.p102-pro-content-nav li.cur:before,  .p102-pro-content-nav li:hover:before { content: ''; position: absolute; width: 12px; height: 12px; border: 3px solid #046ea8; background: #fff; border-radius: 100%; left: 50%; margin-left: -9px; bottom: -10px; z-index: 1; }
.p102-pro-content-nav li.cur:after,  .p102-pro-content-nav li:hover:after { content: ''; position: absolute; width: 6px; height: 6px; background: #046ea8; border-radius: 100%; left: 50%; margin-left: -3px; bottom: -4px; z-index: 2; }
.p102-pro-content-desc { padding: 40px 0; font-size: 16px; line-height: 30px; text-align: justify; }
.p102-pro-content-desc { font-size: 20px !important; }
.p102-pro-content-desc span {}
.p102-pro-content-desc p { }
.p102-pro-content-title { display: inline-block; height: 64px; line-height: 64px; font-size: 32px; color: #1a1a1a; font-weight: normal; position: relative; border-bottom: 3px solid #046ea8; }
.p102-pro-content-title:after { content: ''; position: absolute; width: 50%; height: 3px; background: #ffcd05; right: 0; bottom: -3px; z-index: 1; }
/**/
.p102-pro-case { padding: 60px 0 80px; }
.p102-pro-case-list { padding-top: 40px; }
.p102-pro-case-items dl { float: left; width: 378px; position: relative; margin-right: 33px; }
.p102-pro-case-items dl:nth-child(4n-1) { margin-right: 0;}
.p102-pro-case-items dt img,  .p102-pro-case-items dt a { display: block; width: 100%; }
.p102-pro-case-items dd { position: absolute; width: 100%; background: rgba(0, 0, 0, 0.5); left: 0; bottom: 0; z-index: 2; }
.p102-pro-case-items dd h4 a { display: block; height: 50px; line-height: 50px; font-size: 16px; color: #ffffff; text-align: center; padding: 0 15px; }
.p102-pro-case-items dl:hover dt a:before { content: ''; position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%; top: 0; bottom: 0; z-index: 1; }
.p102-pro-case-items dl:hover dt a:after { content: '+'; position: absolute; width: 50px; height: 50px; font: 30px/50px "宋体"; color: #fff; text-align: center; background: #046ea8; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; border-radius: 100%; z-index: 2; }
.p102-pro-case-items dl:hover dd { background: none; }
.p102-pro-case-paging { height: 30px; text-align: center; padding-top: 25px; }
.p102-pro-case-paging li { display: inline-block; width: 10px; height: 10px; border: 3px solid #046ea8; border-radius: 100%; margin: 0 5px; }
.p102-pro-case-paging li.cur { background: #046ea8; }
.p102-pro-case-more { width: 198px; height: 44px; margin: 35px auto 0; border: 1px solid #046ea8; position: relative; }
.p102-pro-case-more a { display: block; height: 44px; line-height: 44px; font-size: 18px; font-weight: normal; color: #046ea8; padding-left: 64px; position: relative; }
.p102-pro-case-more a:before { content: ''; width: 20px; height: 14px; position: absolute; border: 4px solid #046ea8; border-left: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; left: 26px; top: 11px; }
.p102-pro-case-more a:after { content: ""; position: absolute; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 6px solid #046ea8; top: 9px; left: 22px; z-index: 1; }

/**/
.tt { font-size: 42px; text-align: center; font-family: "Microsoft Yahei"; color: #046ea8; line-height: 35px; margin-bottom:30px; font-weight: bold;}
.tt a { color: #046ea8; font-weight: normal; }
.tt p { font-weight: normal; font-size: 19px; color: #666; display: block; line-height: 30px; text-transform: uppercase; }
.herfBoxLeft2 { width: 1200px; display: inline-block; vertical-align: top; padding-right: 20px; margin: 0 auto; }
.proTable { width: 100%; box-sizing: border-box; border: 1px solid #828282; float: left; }
.proTableRow { width: 100%; float: left; box-sizing: border-box; border-bottom: 1px solid #828282; display: table; }
.proTableRow:last-child { border: none; }
.proTableCell1 { width: 50%; float: left; font-size: 18px; font-weight: bold; color: #fff; line-height: 24px; padding: 10px 0; background: #046ea8; border-right: 1px solid #fff; text-align: center; }
.proTableCell1a { width: 25%; float: left; font-size: 18px; font-weight: bold; color: #fff; line-height: 24px; padding: 10px 0; background: #046ea8; border-right: 1px solid #fff; text-align: center; box-sizing: border-box; }
.proTableCell1b { width: 25%; float: left; font-size: 18px; font-weight: bold; color: #fff; line-height: 24px; padding: 10px 0; background: #046ea8; border-right: 1px solid #fff; text-align: center; box-sizing: border-box; }
.proTableCell1c { width: 50%; float: left; font-size: 18px; font-weight: bold; color: #fff; line-height: 24px; padding: 10px 0; background: #046ea8; border-right: 1px solid #fff; text-align: center; box-sizing: border-box; }
.proTableCell2 { width: 50%; float: left; font-size: 18px; font-weight: bold; color: #fff; line-height: 24px; padding: 10px 0; background: #046ea8; text-align: center; }
.proTableCell2_2 { width: 100%; float: left; font-size: 18px; font-weight: bold; color: #fff; line-height: 24px; padding: 10px 0; background: #046ea8; text-align: center; border-top: 1px solid #fff; }
.proTableCell3 { width: 50%; float: none; font-size: 14px; color: #262626; line-height: 24px; padding: 10px 10px; background: #fff; border-right: 1px solid #828282; text-align: left; display: table-cell; }
.proTableCell3 a { color: #046ea8; }
.proTableCell3 a:hover { text-decoration: underline; }
.proTableCell3a { width: 25%; float: none; font-size: 14px; color: #262626; line-height: 24px; padding: 10px 10px; background: #fff; border-right: 1px solid #828282; text-align: left; display: table-cell; }
.proTableCell3a-c { width: 100%; float: none; font-size: 14px; color: #262626; line-height: 24px; padding: 10px 10px; background: #fff; text-align: left; display: table-cell; border-bottom: 1px solid #828282; }
.proTableCell4 { width: 50%; float: none; font-size: 14px; color: #262626; line-height: 24px; padding: 10px 10px; background: #fff; text-align: left; display: table-cell; word-wrap: break-word; word-break: break-all; vertical-align: middle; }
.proTableCell4_2 { width: 100%; float: left; font-size: 14px; color: #262626; line-height: 24px; padding: 10px 5px; background: #fff; text-align: left; border-top: 1px solid #828282; }
.td1 { float: left; width: 50%; }
.td1 h4 { background: #046ea8; font-size: 18px; width: 165px; color: #fff; padding-left: 10px; }
.td2 { float: right; width: 48%; padding-top: 50px; }
.proTable02 { width: 100%; box-sizing: border-box; border: 1px solid #828282; }
.proTableRow02 { width: 100%; box-sizing: border-box; }
.proTableRow02:last-child { border: none; }
.proTableCell1a02, .proTableCell1c02 { font-size: 18px; font-weight: bold; color: #fff; line-height: 24px; padding: 10px 0; background: #046ea8; border-right: 1px solid #fff; text-align: center; }
.proTableCell1a02 { width: 25%; }
.proTableCell1c02 { width: 50%; border-right: 0; }
.proTableRow02 .proTableCell1a02:last-child { border: none; }
.proTableCell3a-c02 { font-size: 14px; color: #262626; line-height: 24px; padding: 10px 10px; background: #fff; text-align: left; border-right: 1px solid #828282; border-bottom: 1px solid #828282; }
.proTableRow02 .proTableCell3a-c02:not(:nth-child(3)) {vertical-align: baseline;}
.proTableRow02 td { border-bottom: 1px solid #828282; }
.proTableRow02 .borderLine_secondrow { border-bottom: 1px dashed; }
.table1 { display: table; width: 100%; }
.tablerow1 { display: table-row; }
.p0 { padding: 0!important; }
.bn { border-bottom: none; }
.sl { padding: 10px 0; background: #046ea8; font-size: 22px; width: 400px; color: #fff; margin: 30px auto 20px; text-align: center; line-height: 35px; }
.cz { width: 100%; margin: 50px 0; }
.cz h4 { background: #046ea8; font-size: 18px; width: 350px; color: #fff; padding-left: 10px; }
.jz_img ul li { width: 23%; float: left; margin-right: 2%; text-align: center; margin-bottom: 20px; }
.jz_img ul li:nth-child(4n) {margin-right: 0px;}
.jz_img ul li span { color: #333; font-size: 16px; display: block; margin-top: 10px; }
.mod ul li { width: 23%; float: left; margin-right: 2%; box-sizing: border-box; box-shadow: 0 0 5px #dedede; border-radius: 20px; margin-bottom: 30px; height: 365px;}
.mod ul li p { padding: 0 10px; margin: 15px 0; font-size: 16px; line-height: 25px; text-align: center; }
 .mod ul li:nth-child(4n) {margin-right: 0px;}
.mod ul li img { border-radius: 20px 20px 0 0; }
.mod ul li span { display: block; font-size: 22px; font-weight: bold; color: #046ea8; margin-top: 20px; text-align: center; }
.sl { padding: 10px 0; background: #046ea8; font-size: 22px; width: 400px; color: #fff; margin: 30px auto 20px; text-align: center; line-height: 35px; }
.cz { width: 100%; margin: 50px 0; }
.cz h4 { background: #046ea8; font-size: 18px; width: 350px; color: #fff; padding-left: 10px; }