body{ margin:0; background: #fff;}
td,div,li,select,input,textarea{ font:14px/24px "微软雅黑"; color:#555;}
input{ line-height:1.3; color:#333}
a{ color:#555; text-decoration:none}
a:hover{ color:#333; text-decoration:underline}
ul{ list-style-type:none; padding:0; margin:0}
img{ border:0;}
.clear{ clear:both; font-size:0; line-height:0; height:0}

.wrap{ width: 1100px; margin: auto;}
.title{ font-size: 36px; text-align: center; color: #05aa99; position: relative; border-bottom: 1px solid #ddd; height: 50px; margin: 0 0 40px}
.title span{ display: block;  font: 20px/30px arial; color: #333; margin: 20px auto 0; padding: 0 0 7px; background: url(../images/tbg.gif) no-repeat center bottom }
.title1{ color: #fff}
.title1 span{ background: url(../images/tbg2.gif) no-repeat center bottom }
.tbw{ border-bottom: 1px solid #fff}

.oh{ background: #fff}
.header{ border-top: 10px solid #05aa99; background: #fff;}
.inheader{ width: 1100px; margin: auto; height: 100px;}
.logo{ float: left; padding: 15px 0 0; line-height: 0}
.nav{ float: left;}
.nav ul{ overflow: hidden; margin: 36px 0 0 50px}
.nav li{ float: left; margin: 0 0 0 58px; font-size: 16px;}
.nav li a{ color: #336e74}
.banner{ position: relative; width: 100%; margin: 0 0 60px}
#bimg{ line-height: 0; display: block}
#bimg img{ width: 100%}
#bimgm{ line-height: 0; display: none}
#bimgm img{ width: 100%}

#bpage,#bpagem{ position: absolute; bottom: 5%; text-align: center; z-index: 101; width: 100%}
#bpagem{ bottom: 10px; display: none}
#bpage a,#bpagem a{ display: inline-block; margin: 0 8px; width: 18px; height: 18px; background: #05aa99; border-radius: 9px}
#bpage a.cycle-pager-active,#bpagem a.cycle-pager-active{ background:#fff}

.ps{ margin: 0 0 60px}
.psbimg{ float: left; width: 548px; line-height: 0}
.pssimg li{ float: left; width: 270px; margin: 0 0 6px 6px; line-height: 0}
.products{ margin: 0 0 60px; width: 1200px }
#proimg div{ overflow: hidden}
#proimg a{ display: block; float: left;  margin: 0 70px 30px 0; width: 320px; height: 370px; line-height: 0  }
#proimg a p{ text-align: center; line-height: 20px; font-size: 16px; margin: 10px 0 5px}
#proimg a img{ width: 100%; height: auto}
.proctrl{ text-align: center; }
.promore{ width: 1100px}
.promore a{ display: block; width: 180px; height: 50px; background: #2571A6; border-radius: 6px; text-align: center; font-size: 24px; line-height: 50px; color: #fff; margin: 40px auto 0}
.promore a:hover{ text-decoration: none; background: #4992ED}
.cert{ position: relative; margin: 0 0 60px}
#cprev,#cnext{ width: 38px; height: 40px; text-align: center; cursor: pointer; position: absolute; background: #2571A6; top: 120px; padding: 20px 0 0; border-radius: 6px}
#cprev{ left: -70px}
#cnext{ right: -70px}
#cprev:hover,#cnext:hover{ background: #4992ED}
#certimg li{ width: 220px; margin: 0 73px 0 0; line-height: 0}
#certimg li img{ border: 1px solid #ddd; padding: 9px;}
#certimg li p{ text-align: center; line-height: 20px; margin: 16px 0 0}
.videocontent{ width: 720px; padding: 20px; background: #fff; margin: auto; line-height: 0 }


.footer{ padding: 50px 0 0; background: #058c7e}

.finfo{ float: left; color: #fff; margin: 0 0 30px}
.finfo p{  margin: 0}
.finfo p span{ font-size: 20px; font-weight: bold; display: block; margin: 0 0 8px}
.fyd{ color: #fff; float: left;}
.ftitle{ font:22px/26px microsoft yahei}
.cr{ border-top: 1px solid #fff; padding: 12px 0; color: #fff }
.crl{ float: left;  color: #fff}
.qrcode{ float: right; width: 110px; text-align: center; line-height: 0; margin: 0 0 40px 60px; color: #fff}
.ypzg{ float: right; color: #fff; }
#backtop{ cursor: pointer; width: 58px; height: 55px; background: url(../images/backtop.png); position: fixed; bottom: 200px; right: 20px; z-index: 2000; opacity: .6}
.nav-toggle{ display: none}

.cbanner{ background: url(http://www.jinshanmed.com/UploadedFiles/image/cbanner.jpg); height: 300px}
.cmain{ background: #fff; padding: 50px 149px; min-height: 400px; border: 1px solid #eee; margin: -150px 0 60px}
.btitle{ font:bold 30px/36px microsoft yahei; margin: 0 0 30px; color: #2571A6}
.bcontent{ font:16px/30px microsoft yahei; word-break:break-all; word-wrap:break-word;  }
.bcontent p{ margin:0 0 30px}

.pcontent p{ margin:0 0 30px}
.pcontent img{ width: 100%}
.pcontent #iir{ margin: 0 auto 30px; width: 750px}
#bgpager{ text-align:center; margin:0 0 30px}
#bgprev,#bgnext{ display:inline-block; width:60px; height:30px; text-align:center; background:#eee; font-size:30px; line-height:30px; border-radius:5px; cursor:pointer; margin:0 10px; font-family:瀹嬩綋; color:#999}

.main{ background: #fff; padding: 30px 150px; margin: 50px 0}
.btitle{ text-align: center; margin: 0 0 40px; font-size: 46px; line-height: 46px; color: #333}
.btitle span{ width: 220px; margin: 18px auto 0; height: 3px; background: #004CA5; display: block}
.content{ font-size: 18px; line-height: 30px}
.content img{ max-width: 100%}
.content p{ margin: 0 0 30px;}

.pitem{ overflow: hidden;  }
.pitem a{ display: block; width: 27%; margin: 0 3% 30px; text-align: center; float: left; box-sizing: border-box; border: 1px solid #eee; padding: 10px; }
.pitem a img{ width: 100%; height: auto;}
.pitem a p{ margin: 3px 0 0;}
#dituContent{ border: 1px solid #ddd; width: 100%; height: 300px; box-sizing: border-box}
.ys{ margin: 0 0 60px}
.ys img{ width: 100%; height: auto }
.ys img.pcimg{ display: block}
.ys img.mimg{ display: none}
#backtop{ cursor: pointer; width: 58px; height: 55px; background: url(../images/backtop.png); position: fixed; bottom: 200px; right: 20px; z-index: 2000; opacity: .6}
.zs{ float: left; margin: 0 0 0 150px}
    .zs a{ display: block; background: #5286B2; color: #fff; padding: 10px 15px; margin: 0 0 20px; border-radius: 6px; font-size: 16px; text-align: center}
.pro_decBox{  width: 100%; box-sizing: border-box;  border-bottom: 1px solid #A9C2D9;}
.ovH{ overflow:hidden;  border: 1px solid #A9C2D9; border-bottom:0}
.sm_l_box{ float:left; width:16%; box-sizing:border-box; border-right: 1px solid #A9C2D9; background: #E6EEF4; padding:8px 5px; margin-bottom:-10000px; padding-bottom: 10006px; text-align:center; font-size: 14px; line-height: 20px}
.sm_r_box{ float:left; width:84%; box-sizing:border-box; padding:8px; font-size: 14px; line-height: 20px; }

.yszx{ margin: 0 0 60px}
.ysimg{ float: left; width: 520px}
.ystxt{ float: right; width: 520px; font-size: 16px}
.fwf{ font-weight: bold; margin: 0 0 6px 36px}
.fwf span{ background: #05aa99; color: #fff; padding: 0 20px; border-radius: 5px; display: inline-block; margin: 0 0 0 8px}
.fwl { margin: 0 0 0 36px }
.fwl li{ margin: 0 0 5px; font-size: 16px; line-height: 32px}
.fwl li::before{  content: "- "; }
.ys{  margin: 20px 0 0 36px; position: relative}
.ysr{ float: left; padding: 10px 0 0}
.ys img{ float: left; margin: 0 30px 0 0}
.ys h3{ font-size: 14px; font-weight: normal}
.ys h3 span{ font-size: 20px; padding: 0 0 0 15px}
.ys a{ display: block; background: #05aa99; color: #fff; width: 100px; padding: 5px 0; border-radius: 5px; text-align: center }
.ysqr{ display: none; position: absolute; top: -22px; left: 108px; width: 105px; height: 117px}
.ysqrc{ display: none; width: 15px; height: 15px; cursor: pointer; position: absolute; top: -22px; left: 216px; background: #05aa99; color: #fff; text-align: center; line-height: 15px; font-size: 14px}
.ts{ width: 60%; margin:0px auto 60px; bottom: 75px; box-sizing: border-box; padding: 10px 19px; background: #eee; color: #333; font-size: 16px}
.ts p{ margin: 0;}

.map{ background:#fff}

@media only screen and (max-width: 736px){
  #bpagem{ display: block}
  #bimgm{ display: block}
  #bimg{ display: none}
  .yszx{ width: 90%; margin: 0 auto 45px}
  .ysimg,.ystxt{ float: none; width: 100%;}
  .ysimg{ margin: 0 0 25px}
  .ysimg img{ width: 100%;}
  .fwf,.fwl{ margin-left: 0}
  .ys{ width: 320px;margin: 20px auto}
  .ts{ width: 90%;}
.zs{ float: none; width: 90%; margin: -30px auto 30px}
  .wrap,.header{ width: 100%;}
  .inheader{ width: 90%; height: auto}
  .lang{ float: none; position: absolute; top: 0; left: 124px}
  .video{ height: auto}
  .video video{ width: 100%; height: auto}
  #bimg,#bt { width: 100%; overflow: hidden}
  #bimg img{ width: 150%; margin-left: -25% }
  #bt img{ width: 270%; margin-left: -144%}
  #bpage{ display: none}
  .ps{ margin: 0 4% 30px}
  .psbimg{ float: none; width: 98%; margin: 0 1% 2%}
  .pssimg li{ width: 48%; margin: 0 1% 2% }
  .psbimg img,.pssimg img{ width: 100%}
  .products{ width: 100%}
  .title{ margin: 0 5% 25px}
  .flogo{ float: none; text-align: center; margin: 0 0 20px}
  .finfo{ float: none; }
  #proimg div{ width: 100%;}
  #proimg a{ float: none; margin: 0 auto 20px; height: auto }
  .cert{ width: 90%; margin: 0 auto 60px; overflow: hidden}
  .logo{ float: none; width: 70%; padding: 18px 5%; line-height: 0}
  .logo img{ width: 100%;}
  .header{ height: auto}
  .qrcode{ display: none}
  .finfo{ margin: 0 6%}
  .footer{ padding: 40px 0 0}
  .videocontent{ padding: 0; width: 90%; height: auto}
  .promore{ width: 100%}
  .promore a{ margin: 20px auto 0}
  .nav{ width: 100%; float: none; height:auto; padding: 0}
  .nav ul{ margin: auto; border-top: 1px solid #eee}  
  .nav ul li { float: none; width: 100%; padding:0; margin:0; border:0; text-align: left}
  .nav ul li a,.nav ul li a:hover{ color:#336e74; text-decoration: none}
  .nav a { color: #fff; width:100%; background: #fff; border-bottom: 1px solid #eee; padding: 5% 6%; font-size:18px; height:auto; display:block; box-sizing: border-box;}
  .nav ul ul a { display: block;}
  .js .nav { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; }
  .nav.opened { max-height: 9999px; }
  .nav-toggle { display:block; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; -o-user-select: none; user-select: none;}
  .nav-toggle {  position: absolute; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; overflow: hidden; width: 50px; height: 40px;  z-index:1000; top: 32px; right: 2%}
  .nav-toggle:before {
    color: #05aa99; /* Edit this to change the icon color */
    font-family: Verdana, Geneva, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 32px;
    text-transform: none;
    position: absolute;
    content: "≡";
    text-indent: 0;
    text-align: center;
    line-height: 36px;
    speak: none;
    width: 100%;
    top: 0;
    left: 0;
    z-index:1000
	}
  .nav-toggle.active::before{  font-size: 32px; line-height: 32px; content:"x";}
  .btitle{ font-size: 28px; line-height: 30px}
  .bcontent video{ width: 100%;}
  .bcontent img{ min-width: 100%}
  .main{ padding: 4%; border: 0; width: 90%; box-sizing: border-box; margin: 5% auto}
  .pcontent #iir{ width: 92%}
  .pitem a{ width: 100%; float: none;}
  .ys{ width: 90%; margin: 0 auto 60px}
  .ys img.mimg{ display: block}
  .ys img.pcimg{ display: none}
.pro_decBox{ float: none; width: 100%}
  .sm_l_box{ width:24%; }
  .sm_r_box{ width:76%; }
.titleb{ font-size: 24px; line-height: 1.2; height:auto}
  .finfo,.fyd,.qrcode{ width: 87.5%; margin: 0 auto 30px; float: none;}
  .crl,.ypzg{ float: none; text-align: center}
}