.zoomPad {position:relative; float:left; z-index:99; cursor:crosshair;}
.zoomPreload {-moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px;}
.zoomPup {overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair;}
.zoomOverlay {position:absolute; left:0px; top:0px; background:#FFF;z-index:5000; width:100%; height:100%; display:none; z-index:101; }
.zoomWindow {position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; }
.zoomWrapper {position:relative; border:1px solid #ccc; z-index:110;}
.zoomWrapperTitle {display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage {display:block; position:relative; overflow:hidden; z-index:110; }
.zoomWrapperImage img {border:0px; display:block; position:absolute; z-index:101; }
.zoomIframe {z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; }

.m-prob{position: relative;width: 100%;padding-bottom: 54px;}
.m-propic { margin:0 auto; width: 462px; float:left;}

.m-propic .pic-big {width: 100%; position: relative; float: none;border: 1px solid #CCCCCC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background: #F9F9F9;z-index:9}
.m-propic .big-img { display: block; line-height: 0; font-size: 0;}
.m-propic .big-img .zoomPad { float: none; z-index: 8; }
.m-propic .zoomWrapperImage img { max-width: 1920px; z-index:99}

.m-propic .pic-small { position: relative; float: none; width: 100%; padding-left:30px;padding-right: 30px; margin-top:32px; overflow: hidden; z-index:1}
.m-propic .pic-btn { position: absolute;top: 50%;transform: translateY(-50%);  text-align: center; display: block; width:20px; font-size: 12px; line-height:26px; color: #aaa; cursor: pointer; border-radius:3px; z-index:9}
.m-propic .pic-btn.prev { left: 5px; }
.m-propic .pic-btn.next { right: 5px;  }
.m-propic .pic-btn:hover { color: #549762;}
.m-propic .pic-list {width: 100%;overflow: hidden;}
.m-propic .pic-list ul { width: 5000px;}
.m-propic .list-item {width: 2.425%;float: left; border-radius: 0px; margin-right:16px; position:relative;}

.m-propic .item-pics,.m-propic .pic-list .item-video { display: block; border:1px solid #e0e0e0; position:relative;}
.m-propic .item-pics:before,.m-propic .pic-list .item-video:before{ content:""; position:absolute; width:8px; height:15px; background:url() no-repeat center left; left:0px; top:50%; margin-top:-7px; z-index:-1}
.m-propic .item-pics img,.m-propic .pic-list .item-video img { width: 100%;display: block; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s; }
.m-propic .item-pics:hover {  }
.m-propic .item-pics.zoomThumbActive { border:1px solid #549762;}
.m-propic .item-pics.zoomThumbActive:before,.m-propic .item-video.active:before{ left:-8px;}
.m-propic2 { display: none; }

.m-propic .provideo-box { border-radius: 0; width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 9; }
.m-propic .provideo-box .provideo { position: relative; overflow: hidden; padding-bottom: 100%; height: 0; }
.m-propic .provideo-box .provideo iframe, .pro2-box .m-propic .provideo-box .provideo video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.m-propic .provideo-box .provideo iframe body { margin: 0px !important; }

.m-propic .item-pics:hover, .m-propic .item-pics.active,
.m-propic .item-video:hover, .m-propic .item-video.active{ border-color: #549762; }
@media screen and (max-width:1459px){
	.m-prob{padding-bottom: 48px;}
	.m-propic {width: 420px;}
	.m-propic .pic-small {padding-left:18px;padding-right: 18px; margin-top:15px;  }
	.m-propic .pic-btn { width: 18px;line-height:20px; font-size:12px;}
	.m-propic .list-item {width: 1.625%; margin-right: 16px; }
}
@media screen and (max-width:1259px){
	.m-prob{padding-bottom: 40px;}
	.m-propic {width: 340px;}
	.m-propic .pic-small {padding-left:16px;padding-right: 16px; margin-top:12px;  }
	.m-propic .pic-btn { width: 16px;line-height:20px; font-size:12px;}
	.m-propic .list-item {width: 1.5%; margin-right: 8px; }
}
@media screen and (max-width:999px){
	.zoomPad {cursor: default !important;}
	.zoomPup {display: none !important;}
	.zoomWindow {display: none !important;}
	.zoomPreload {display: none !important;}
	.prob-pic {float: none;margin: 0 auto;}
	.m-prob{padding-bottom: 32px;}
}
@media screen and (max-width:991px){
	.m-prob{padding-bottom: 24px;}
	.m-propic1 { display: none; }
	.m-propic2 { position: relative; display: block; overflow: hidden; width: 100%; padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:none; }
	.m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 17px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; color: #333;font-size: 18px;line-height: 32px;}
	.m-propic2 .box-btn.prev { left: 0; }
	.m-propic2 .box-btn.next { right: 0; ;}
	.m-propic2 .box-btn.prev:hover {color: #00428F; }
	.m-propic2 .box-btn.next:hover { color: #00428F; }
	.m-propic2 .box-list { overflow: hidden; }
	.m-propic2 .box-list ul { width: 1000%; }
	.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; padding:0px;}

}
@media only screen and (max-width:500px ) {
	.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:4.8%; }
}
@media only screen and (max-width:350px ) {
 	.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:9.8%; }
}

.prob-info{  width:518px; float:right;margin-top: -6px;}
.jianjie h1{font-size: 24px;font-family: Montserrat-Regular;color: #333333;line-height: 36px;}
.jiann{ font-size:18px;font-size:1.8rem;font-family: Montserrat-Light; line-height:36px;color: #666;overflow:hidden; margin-top:16px;margin-bottom: 16px;height: 396px;}
.jiann p,.jiann span,.jiann li,.jiann strong{ color:#666;}
.jiann a{ color:#00428F;}
.sharen{ display:inline-block;padding:0 20px;}
.share1{ display:inline-block; font-size:14px; font-size:1.4rem; line-height:20px; vertical-align:middle; color: #999;}
.share2{display:inline-block; margin-left:8px; vertical-align:middle;}
.share2 img{display: inline-block;vertical-align: top;}
.share a.prpdf{font-size:16px; font-size:1.6rem;color: #00428F;margin-left: 26px;display:inline-block; vertical-align:middle;text-transform: uppercase;line-height: 20px;font-family: Montserrat-Regular;}
.share a.prpdf .iconfont{display: inline-block;vertical-align: top; font-size:24px;margin-right: 10px;line-height: 20px;}
.share a.prpdf:hover{color: #00428F;}
.inno{letter-spacing:0; font-size:0px;margin-top: 60px;}
.inno a{ display:inline-block; vertical-align:top; min-width: 160px;line-height: 30px;background: #333;color:#fff; padding:10px 15px; text-align:center;margin-bottom:10px; font-size:16px; font-size:1.6rem; margin-right:18px;font-family: Montserrat-Light;}
.inno a:nth-last-of-type(1){margin-right: 0 !important;}
.inno a:hover{color: #fff; background: #00428F;}

@media screen and (max-width:1459px){
	.prob-info{width:420px;}
	.jianjie h1{font-size: 22px;line-height: 33px;}
	.jiann{ font-size:18px; font-size:1.8rem; line-height:32px;height:320px;margin-top:14px;margin-bottom: 14px;}
	.share1{font-size:14px;font-size:1.4rem; line-height:20px;}
	.share a.prpdf{font-size:16px;font-size:1.6rem;margin-left: 24px;line-height: 20px;}
	.share a.prpdf .iconfont{font-size:22px;margin-right: 10px;line-height: 20px;}
	.inno{margin-top: 44px;}
	.inno a{min-width: 148px;line-height: 28px;padding:8px 14px;margin-bottom:10px;font-size:16px; font-size:1.6rem; margin-right:12px;}
}
@media screen and (max-width:1259px){
	.prob-info{width:300px;}
	.jianjie h1{font-size: 20px;line-height: 30px;}
	.jiann{ font-size:16px; font-size:1.6rem; line-height:30px;height:240px;margin-top:12px;margin-bottom: 12px;}
	.share1{font-size:14px;font-size:1.4rem; line-height:20px;}
	.share a.prpdf{font-size:15px;font-size:1.5rem;margin-left: 0px;line-height: 20px;display: block;margin-top: 12px;}
	.share a.prpdf .iconfont{font-size:20px;margin-right: 10px;line-height: 20px;}
	.inno{margin-top: 40px;}
	.inno a{min-width: 128px;line-height: 28px;padding:7px 12px;margin-bottom:10px;font-size:15px; font-size:1.5rem; margin-right:12px;}
}
@media screen and (max-width:991px){
	.prob-info{width:100%;float:none;padding-top: 20px;}
	.jianjie h1{font-size: 18px;line-height: 28px;}
	.jiann{ font-size:14px; font-size:1.4rem; line-height:24px;max-height:none;margin-top:16px;margin-bottom: 28px;height: auto;}
	.share1{font-size:14px;font-size:1.4rem; line-height:20px;}
	.share a.prpdf{font-size:14px;font-size:1.4rem;margin-left: 16px;line-height: 20px;}
	.share a.prpdf .iconfont{font-size:18px;margin-right: 10px;line-height: 20px;}
	.inno{margin-top: 24px;}
	.inno a{min-width: 140px;line-height: 28px;padding:5px 10px;margin-bottom:8px;font-size:14px; font-size:1.4rem; margin-right:18px;}
}
@media screen and (max-width:767px){
	.prob-info{width:100%;float:none;padding-top: 16px;}
	.jianjie h1{font-size: 18px;line-height: 28px;}
	.jiann{ font-size:14px; font-size:1.4rem; line-height:24px;max-height:none;margin-top:16px;margin-bottom: 28px;height: auto;}
	.share1{font-size:14px;font-size:1.4rem; line-height:20px;}
	.share a.prpdf{font-size:14px;font-size:1.4rem;margin-left: 16px;line-height: 20px;}
	.share a.prpdf .iconfont{font-size:18px;margin-right: 10px;line-height: 20px;}
	.inno{margin-top: 24px;}
	.inno a{min-width: 124px;line-height: 24px;padding: 5px 10px;font-size:14px; font-size:1.4rem;margin-right:10px;margin-bottom:8px;}
}
@media screen and (max-width:480px){
	.share a.prpdf{display: block;margin-top: 12px;}
}

 
 
#daohangjiantou svg {
    width: 14px;
    height: 16px;
    margin-top: 0;
    margin-right: 0;
    margin-left: -3px;
	  transform: rotate(90deg);
  
	    
 
}
/*产品页搜索*/
.sousuo-123 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sousuo-left {
    width: 43%;
	 padding: 8px 0;
}

.sousuo-right {
    width: 51%;
}

@media screen and (max-width: 720px) {
   .sousuo-123 {
        flex-direction: column;
    }
   .sousuo-left {
        width: 100%;
    }
   .sousuo-right {
        width: 100%;
        margin-top: 24px;
    }
}

.search-box {
    width: 400px;
    position: relative;
}
 

.sousuo-right {
    position: relative;
}

.pro-search-box {
    display: flex;
    align-items: center;
	justify-content: flex-end; /* 添加这行，使内容居右对齐 */
}

.pro-search-box input {
    flex: 1;
	width: 240px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px 0 0 10px;
	 margin: 0; /* 去除默认的外边距 */
	 box-sizing: border-box; /* 确保边框和内边距不会增加元素的总宽度 */
}

.pro-search-box button {
    padding: 10px 20px;
    background-color: #27417E;
    color: white;
    border: none;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
	 margin-left: -5px; /* 设置一个负的左边距来消除边框之间的缝隙 */
    box-sizing: border-box;
	outline: 1px solid #27417E; /* 添加白色边框 */
}
/*产品页更多*/
.cp-123 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.cp-left {
    width: 50%;
    background-color: #27417E;
    border-radius: 10px;
    margin: 5px 5px 10px 15px;
    color: #fff;
    font-size: 14px; /* 修正这里，从14xp改为14px */
    padding: 5px;
}

.cp-left a { 
    color: #fff 
}
.cp-left:hover {
    background-color: #0055AF;  
}
.cp-left a:hover { 
    color: #D4E5F7!important; 
}
.cp-right {
    width: 50%;
	 color: #fff;
	 font-size: 14xp;
	outline: 1px solid #27417E;
	border-radius: 10px;
	padding:5px;
	  margin: 5px 15px 10px 5px;
}
.STYLE2 {
	color: #999999;
	font-size: 12px;
}
.cp-right:hover {
    position: relative;
    cursor: pointer;
    background: linear-gradient(90deg, rgba(220,238,251, 1) 0%, rgba(220,238,251, 1) 50%, transparent 50%, transparent 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    animation: slideInFromLeft 0.3s ease forwards;
}

@keyframes slideInFromLeft {
     to {  background-position: 0% 0; }
  }