.product-index-wrap { padding:6.4285em 0px 9.375em; }

.pro-index-sec01 .page-img { padding-top:4.625em; }
.pro-index-sec01 .page-img img { width:100%; }
.pro-index-sec01 .page-text { background:url(../images/pro-index-sec01-bg01.jpg) no-repeat center center; background-size:cover; line-height:1.667; padding:1.8em 2.5em 1.8em 2.25em; color:#fff; margin:0px 5em; box-shadow:0.625em 0px 2.5em rgba(240,189,0,0.4); margin-top:-5.25em; position:relative; z-index:2; }

@media only screen and (max-width:767px){
.product-index-wrap { padding:2.5em 0px 3em; }
.pro-index-sec01 .page-img { padding-top:2em; }
.pro-index-sec01 .page-text { margin:0px; padding:1.5em; }
}

.pro-index-sec02 { padding-top:8.9375em; }
.pro-index-sec02 .page-list { margin-top:4.625em; position:relative; padding-left:50%; }
.pro-index-sec02 .page-list .page-img-list { width:50%; position:absolute; left:0px; top:0px; height:100%; bottom:0px; }
.pro-index-sec02 .page-list .page-img-list .page-sec { position:absolute; overflow:hidden; height:48.07%; width:48.611%; top:0px; }
.pro-index-sec02 .page-list .page-img-list .page-sec .bg_container { height:100%; }
.pro-index-sec02 .page-list .page-img-list .page-sec.li02 { right:0px; left:auto; }
.pro-index-sec02 .page-list .page-img-list .page-sec.li03 { width:100%; bottom:0px; top:auto;}
.pro-index-sec02 .page-list .page-number { width:100%; padding:2.1875em 7.91% 2.1875em 5.556%; background:#fff; box-shadow:0.625 0px 2.5em rgba(0,0,0,0.04); }
.pro-index-sec02 .page-list .page-number dl dt { color:#333; position:relative; left:0px; padding-left:1.667em;  }
.pro-index-sec02 .page-list .page-number dl dt:before { position:absolute; left:0px; top:50%; margin-top:-0.50208em; width:1.0416em; height:1.0416em; background:url(../images/pro-index-sec02-ico01.png) no-repeat center center; content:""; background-size:100% 100%; }
.pro-index-sec02 .page-list .page-number dl dd { color:#999; padding-top:0.4285em; }
.pro-index-sec02 .page-list .page-number .page-num span { width:2.0833em; line-height:2.0833; text-align:center; height:2.0833em; background:#f7f7f7; border-radius:50%; display:inline-block; }
.pro-index-sec02 .page-list .page-number ul li { padding:1.5625em 0px; }
.pro-index-sec02 .page-list .page-number ul li:hover dl dt { left:5px; }

.pro-index-sec02 .page-index-logo { margin-top:1.25em; background:#fff; box-shadow:0.625em 0px 2.5em rgba(0,0,0,0.06); }
.pro-index-sec02 .page-index-logo ul { margin:-1px 0px 0px -1px; }
.pro-index-sec02 .page-index-logo ul li { float:left; width:20%; height:9.3125em; position:relative; border-left:1px solid #eee; border-top:1px solid #eee; }
.pro-index-sec02 .page-index-logo ul li img { max-width:50%; max-height:50%; }
.pro-index-sec02 .page-index-logo .swiper-button-prev,.pro-index-sec02 .page-index-logo .swiper-button-next { width:2.5em; height:5.625em; margin-top:-2.8125em; border-radius:3px; z-index:5; cursor:pointer; background:rgba(240,189,0,0.9) no-repeat center center; }
.pro-index-sec02 .page-index-logo .swiper-button-prev { left:0px; }
.pro-index-sec02 .page-index-logo .swiper-button-prev:before { width:8px; height:16px;background-image:url(../images/pro-jt02.png); background-size:100% 100%; position:absolute; content:""; left:50%; top:50%; margin:-8px 0px 0px -4px; transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari �� Chrome */
-o-transform:rotate(180deg);  }
.pro-index-sec02 .page-index-logo .swiper-button-next { right:0px; }
.pro-index-sec02 .page-index-logo .swiper-button-next:before { width:8px; height:16px;background-image:url(../images/pro-jt02.png); background-size:100% 100%; position:absolute; content:""; left:50%; top:50%; margin:-8px 0px 0px -4px; transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari �� Chrome */
-o-transform:rotate(0deg); }


.pro-index-sec02 .swiper-button-next.swiper-button-disabled,.pro-index-sec02  .swiper-button-prev.swiper-button-disabled { opacity:1; background-color:#eee; }
.pro-index-sec02 .swiper-button-next.swiper-button-disabled:before {background-image:url(../images/pro-jt01.png); background-size:100% 100%;transform:rotate(-180deg);
-ms-transform:rotate(-180deg); 	/* IE 9 */
-moz-transform:rotate(-180deg); 	/* Firefox */
-webkit-transform:rotate(-180deg); /* Safari �� Chrome */
-o-transform:rotate(-180deg); }
.pro-index-sec02  .swiper-button-prev.swiper-button-disabled:before {background-image:url(../images/pro-jt01.png); background-size:100% 100%;transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari �� Chrome */
-o-transform:rotate(0deg);   }

@media only screen and (max-width:767px){
.pro-index-sec02 { padding-top:2.5em; }
.pro-index-sec02 .page-list { margin-top:2em; padding-left:0%; }
.pro-index-sec02 .page-list .page-img-list { position:relative; padding-bottom:100%; width:100%;  }
.pro-index-sec02 .page-index-logo ul li { width:50%; height:5em; }
}

.pro-index-sec03 { padding-top:8.9375em; }
.pro-index-sec03 .page-video { margin-top:4.625em; }
.pro-index-sec03 .page-video video { width:100%; }

@media only screen and (max-width:767px){
.pro-index-sec03 { padding-top:2.5em; }
.pro-index-sec03 .page-video { margin-top:2em; }

}



/********************ҽ��ҵ��*************************/

.pro-medical-sec01 {padding:6.4285em 0px 0px; }
.pro-medical-sec01 .page-scroll-wrap { position:relative; margin-top:3.375em; }
.pro-medical-sec01 .page-scroll-wrap .page-text { padding-right:53.1944%; color:#666; padding-top:0.75em; }
.pro-medical-sec01 .page-scroll-wrap .page-text h3 { color:#333; }
.pro-medical-sec01 .page-scroll-wrap .page-text .page-txt { line-height:1.875; margin-top:1.625em; height:9.375em; overflow-y:auto; margin-bottom:7.5em; }
.pro-medical-sec01 .page-scroll-wrap .page-img-wrap { position:absolute; top:0px; right:0px; width:50%; }
.pro-medical-sec01 .page-scroll-wrap .page-img-wrap .bg_container { padding-bottom:57.1428%;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; }
.pro-medical-sec01 .page-scroll-wrap .page-img-wrap .swiper-slide { width:70%; }
.pro-medical-sec01 .page-scroll-wrap .page-btn {margin-top:-5.375em; }
.pro-medical-sec01 .page-scroll-wrap .page-btn .page-wrap { padding-right:50%;  }
.pro-medical-sec01 .page-scroll-wrap .page-btn .btn {  border:2px solid #f0bd00; height:2.5em; display:inline-block; float:left; width:5em; background:#f0bd00; position:relative; cursor:pointer; z-index:5; }
.pro-medical-sec01 .page-scroll-wrap .page-btn .btn:before { width:9px; height:15px; position:absolute; left:50%; top:50%; margin:-7.5px 0px 0px -4.5px; content:""; }
.pro-medical-sec01 .page-scroll-wrap .page-btn .into-button-next { background:#fff; }
.pro-medical-sec01 .page-scroll-wrap .page-btn .into-button-next:before { background:url(../images/pro-jt03.png) no-repeat center center; background-size:100% 100%; }
.pro-medical-sec01 .page-scroll-wrap .page-btn .into-button-prev:before { background:url(../images/pro-jt04.png) no-repeat center center; background-size:100% 100%; }
.pro-medical-sec01 .page-scroll-wrap .page-img-wrap .swiper-slide-active .bg_container { -moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:none;}

@media only screen and (max-width:767px){
.pro-medical-sec01 { padding-top:2.5em; }
.pro-medical-sec01 .page-scroll-wrap { margin-top:2em; }
.pro-medical-sec01 .page-scroll-wrap .page-text { padding-right:0px; }
.pro-medical-sec01 .page-scroll-wrap .page-img-wrap { position:relative; width:100%; }
.pro-medical-sec01 .page-scroll-wrap .page-text .page-txt { min-height:0px; margin-bottom:2em; }
.pro-medical-sec01 .page-scroll-wrap .page-btn {margin-top:2em; width:100%; }
.pro-medical-sec01 .page-scroll-wrap .page-btn .page-wrap { padding-right:0px; }
}

.pro-medical-sec02 { padding-bottom:9.375em; padding-top:8.6875em; }
.pro-medical-sec02 .page-img-wrap { margin-top:3.375em; }
.pro-medical-sec02 .page-img-wrap .bg_container { padding-bottom:27.0833%; border-radius:0.5em 0.5em 0px 0px; }
.pro-medical-sec02 .page-img-wrap ul li { display:none; }
.pro-medical-sec02 .page-text { box-shadow:0.625em 0px 2.5em rgba(0,0,0,0.04); background:#fff; padding:2.33em 0px; overflow:hidden; }
.pro-medical-sec02 .page-text ul { margin-left:-2px; }
.pro-medical-sec02 .page-text ul li { position:relative; display:inline-block; padding:0.833em 3.33em; color:#666; cursor:pointer; }
.pro-medical-sec02 .page-text ul li:before { position:absolute; left:0px; width:2px; height:1em; top:50%; margin-top:-0.5em; background:#eee; content:""; }
.pro-medical-sec02 .page-text ul li:hover,.pro-medical-sec02 .page-text ul li.on { color:#f0bd00; }

@media only screen and (max-width:1200px){
.pro-medical-sec02 .page-text ul li {  padding:0.833em 2.33em;  }
}

@media only screen and (max-width:767px){
.pro-medical-sec02 { padding-bottom:3em; padding-top:2.5em; }
.pro-medical-sec02 .page-img-wrap { margin-top:2em; }
.pro-medical-sec02 .page-img-wrap .bg_container { padding-bottom:50%; }
.pro-medical-sec02 .page-text ul li {  padding:0.833em 1.33em;  }
}





/********************�ص��Ʒ*************************/
.product-key-list { padding:6.4285em 0px 7.4375em; position:relative; }

.product-key-list .pro-key-search { position:relative; display:none; margin-right:1.25em;  width:20.13%; }
.product-key-list .pro-key-search .page-inp { background:#f7f7f7; width:100%; padding:0px 4.5em 0px 1.1875em; }
.product-key-list .pro-key-search .page-inp input { width:100%; line-height:3.125; border:none; background:none; }
.product-key-list .pro-key-search .page-btn input { position:absolute; width:4.375em; height:100%; bottom:0px; top:0px; right:0px; background:url(../images/search01.png) no-repeat center center #f0bd00; border:none;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
.product-key-list .pro-key-search .page-btn input:hover { opacity:0.7; filter:alpha(opacity=70);}

.product-key-list .page-list { padding-bottom:5em; }
.product-key-list .page-list ul { margin:0px -0.75em; }
.product-key-list .page-list ul li { width:33.33%; float:left; margin-top:2.5em; }
.product-key-list .page-list ul li .page-con { margin:0px 0.75em; }
.product-key-list .page-list ul li .page-img { overflow:hidden; position:relative; }
.product-key-list .page-list ul li .bg_container { padding-bottom:55.91%; background-size:contain; }
.product-key-list .page-list ul li .page-text{ padding:2em 2.5em 2.5em; border:1px solid #eaeaea; }
.product-key-list .page-list ul li h3 { color:#333; margin-top:0.375em; height:1.5em; }
.product-key-list .page-list ul li .page-txt { color:#999; line-height:1.875; margin-top:1.125em; height:7.5em; max-height:7.5em; }
.product-key-list .page-list ul li .page-time { color:#999; }
.product-key-list .page-list ul li h4 { color:#999; margin-top:1.125em; }
.product-key-list .page-list ul li a {display:block; }
.product-key-list .page-list ul li a:hover { color:#000;  }
.product-key-list .page-list ul li a:hover h3 { color:#fcc800; }
.product-key-list .page-list ul li .page-more { padding-top:2.5em; }
.product-key-list .page-list ul li .page-more span { display:inline-block; color:#999; border:1px solid #ddd; padding:0px 1em; text-align:center; min-width:9.2857em; line-height:2.8; border-radius:1.42855em; }
.product-key-list .page-list ul li a:hover .page-text { background:#fff; border-color:#fff; box-shadow:0.625em 0px 2.5em rgba(0,0,0,0.04); }
.product-key-list .page-list ul li a:hover .page-more span { color:#fff; background:#fcc800; border-color:#fcc800; }


@media only screen and (max-width:1200px){
.product-key-list .pro-key-search { flex:1; }
.product-key-list .page-list ul li .page-text { padding:1em 1.5em 1.5em; }
}
@media only screen and (max-width:1100px){
.product-key-list .pro-key-search .page-btn input { width:3em; }
.product-key-list .pro-key-search .page-inp { padding-right:3.5em; padding-left:1em; }
}
@media only screen and (max-width:1000px){
.er-page-key { display:block; }
.er-page-key ul { width:100%; }
.product-key-list .pro-key-search { width:100%; }

}
@media only screen and (max-width:767px){
.product-key-list { padding:2.5em 0px; }
.product-key-list .page-list ul li { width:100%; }
.product-key-list .page-list { padding-bottom:2em; }

.er-page-key ul li  a { padding:0px 0.5em; height:6em; }

}



/********************�ص��Ʒ����ҳ*************************/
.product-key-content { padding:10.4285em 0px 6em; }

.product-key-content  .page-key-focus { }
.product-key-content  .page-key-focus .page-img { width:41.667%; }
.product-key-content  .page-key-focus .page-img .bg_container { padding-bottom:66.667%; }
.product-key-content  .page-key-focus .page-text { width:52.778%; color:#666; }
.product-key-content  .page-key-focus .page-title { color:#333; }
.product-key-content  .page-key-focus .page-txt dl { padding-top:1em; }
.product-key-content  .page-key-focus .page-txt dl dt { color:#333; }
.product-key-content  .page-key-focus .page-txt dl dd { margin-top:0.556em; }
.product-key-content  .page-key-focus .page-txt dl.wid01 { width:56%; } 
.product-key-content  .page-key-focus .page-txt dl.wid02 { width:40.26%; } 
.product-key-content  .page-key-focus .page-txt .page-sec span { float:left; display:block; width:6em; text-align:justify;text-align-last:justify; }
.product-key-content  .page-key-focus .page-txt .page-sec p { overflow:hidden; }
.product-key-content  .page-key-focus .page-btn { margin-top:1.5em; }
.product-key-content  .page-key-focus .page-btn a { background:url(../images/down01.png) no-repeat left center; padding-left:2.778em; display:inline-block; background-size:1.556em 1.556em; color:#cd2222; text-decoration:underline; }

.product-key-content  .page-key-text { color:#666; line-height:1.875; border-top:1px solid #eaeaea; padding:3.4375em 0px; margin-top:5em; }
.product-key-content  .page-key-text dl dt { color:#333; }
.product-key-content  .page-key-text dl { padding:0.875em 0px; }
.product-key-content  .page-key-text dl dd { padding-top:0.5em; }

@media only screen and (max-width:767px){
.product-key-content { padding:2.5em 0px 2.5em; }
.product-key-content  .page-key-focus .page-img { width:100%; }
.product-key-content  .page-key-focus .page-text { width:100%; padding-top:2em; }
.product-key-content  .page-key-focus .page-txt dl.wid01 { width:100%; } 
.product-key-content  .page-key-focus .page-txt dl.wid02 { width:100%; } 
.product-key-content  .page-key-text { margin-top:2.5em; padding:2em 0px; }
}