@font-face {
font-family:GOTHIC;
src: url(../cssnew/GOTHIC_otf.txt),url(../cssnew/GOTHIC_woff.txt),url(../cssnew/GOTHIC_eot.txt),url(../cssnew/GOTHIC_woff2.txt),url(../cssnew/GOTHIC_ttf.txt)}
/*通用代码*/
html{ font-size:20px !important;}
*{ margin:0px; padding:0px;}
body{color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1200px; overflow-x:hidden; margin:0 auto;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #ffde01;cursor:pointer;}
em,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.fl{ float:left;}
.fr{ float:right;}
/*抬头*/
.header{ position:absolute; width:92%; left:0; right:0; margin:0 auto; top:30px; z-index:9999; min-width:1200px;}
.nav{ position:relative;}
.nav a,.header p.fr{ display:block; line-height:1.3rem;}
.nav li{ display:inline-block; position:relative;    width: 5rem;    text-align: center;}
.nav li a span.en,.header p.fr a span.en{ display:block; text-transform:uppercase; color:#333333; font-size:0.75rem; text-transform:uppercase; white-space:nowrap;}
.nav li+li{ transition: all 0.2s ease-in-out;}
.nav li span.ch,.header p.fr a span.ch,.header p.fl a span.ch{ position:absolute; top:0; left:0; font-size:0.75rem; color:#999; opacity:0; transition: all 0.6s ease-in-out; white-space:nowrap;    right: 0;margin: 0 auto;}
.nav li:hover span.en,.header p.fr:hover span.en,.header p.fl:hover span.en{ opacity:0;}
.header p.fr,.header p.fl{ position:relative;}
.nav li:hover span.ch,.header p.fr:hover span.ch,.header p.fl:hover span.ch{ opacity:1;}
.navmore a{ display:block; padding-left:26px; background:url(../uploadfile/image/20200819/20200819101622_332451082.png) no-repeat left center;}
.navmore a span{ display:inline-block;}
.navmore{ margin:0 1.5rem 0 2.5rem;}
.navmore span{ display:inline-block; padding:0 0.5rem; line-height:1.3rem; font-size:0.7rem; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; background:#000000; transform:all .3s ease;}
.navmore a:hover span{ background:#ffa101;}
 .header p.fl a span.ch{ right:0; color:#fff;margin-left: 26px;
    text-align: center;}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1000px; height:970px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:970px; background-position: center; background-repeat: no-repeat; background-color: #eee}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:50%; left: 0; margin-left: 0; }
.banner-btn a{ display:block; width:24px; height:45px; position:absolute; top:30px;  transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:2%; background:url(../uploadfile/image/20200818/20200818193155_1898594008.png) no-repeat; } 
.banner-btn a.next{ right:2%; background:url(../uploadfile/image/20200818/20200818193155_643135325.png) no-repeat; }
.banner-box .hd { position:absolute; bottom:30px; width: 100%; display: block; text-align:center; z-index:999;}
.banner-box .hd ul{ text-align: center; background:#b9b3b3; display:inline-block; width:470px; height:3px; font-size:0;}
.banner-box .hd ul li{ width:20%; height:100%; border-radius :50%; text-indent:-9999px; cursor:pointer; display:inline-block;position:relative;}
.banner-box .hd ul li:after{ content:''; display:block; position:absolute; width:0; height:100%; transition:0.3s all ease-in-out;  background: #ffc501; top:0; left:0;}
.banner-box .hd ul li.on:after{ width:100%;}
/*医疗产品设计首选服务商*/
.mean{ text-align:center; padding:2rem 0;}
.meanwa{ font-size:0.9rem; color:#888888;}
.mc_t em{ font-size:2.5rem; color:#1d1d1d; font-weight:lighter; display:block; margin:0.25rem 0;}
.mc_t span{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; display:block;}
.mw_c{ font-size:0.8rem; margin:1rem 0 0 0;}
.meanum{ margin:2.5rem auto 0 auto;}
.meanum li{ width:14.285%; float:left; font-size:0.8rem; color:#888888;}
.meanum li span{ font-size:2.6rem; color:#555; font-family:GOTHIC,Arial, Helvetica, sans-serif; vertical-align:sub;}
.meanum li em{ display:inline-block; width:1.1rem; height:1.1rem; border-radius:50%; background:#f4820c; font-size:0.9rem; color:#333333; line-height:1rem; margin:0 0 0 0.9rem; position:relative;}
.meanum li em:after{ content:''; display:block; position:absolute; width:1.55rem; height:1.55rem; border-radius:50%; background:rgba(244,130,12,0.3); top:-0.225rem; left:-0.225rem;}
/*产品分类*/
.proclass{ background:#f5ec0b;}
.proline{ border-top:3px solid #161616; border-bottom:8px solid #343434;}
.proclass li a{ display:block; color:#000000; font-size:0.8rem;} 
.proclass li{ width:12.5%; text-align:center; padding:1.5rem 0; float:left; }
.proclass li em{ display:block; font-size:0.6rem; color:#afa919; font-family:Arial, Helvetica, sans-serif; margin:0.25rem 0 0 0; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pcicon{ box-sizing:border-box; width:80px; height:80px; border-radius:50%; border:1px solid #4d4b1c; margin:0 auto 1rem auto; position:relative;}
.pcicon span{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:33px; height:42px; background:url(../images/button_bg.png) no-repeat left top;transition:all .3s ease;}
.proclass li:nth-child(2) .pcicon span{ width:56px; height:41px; background-position-x:-47px;}
.proclass li:nth-child(3) .pcicon span{ width:57px; height:29px; background-position-x:-125px;}
.proclass li:nth-child(4) .pcicon span{ width:47px; height:34px; background-position-x:-201px;}
.proclass li:nth-child(5) .pcicon span{ width:36px; height:44px; background-position-x:-277px;}
.proclass li:nth-child(6) .pcicon span{ width:43px; height:40px; background-position-x:-327px;}
.proclass li:nth-child(7) .pcicon span{ width:42px; height:38px; background-position-x:-391px;}
.proclass li:nth-child(8) .pcicon span{ width:37px; height:43px; background-position-x:-448px;}
.proclass li.on{ background:#464646;}
.proclass li.on .pcicon{ border-color:#fff;}
.proclass li.on .pcicon span{ background-position-y:-70px;}
.proclass li.on a{ color:#fff;}
.proclass li.on em{ color:#606161;}
/*产品*/
.probox1>div+div {margin-top: 1.4%;}
.product{ margin:0.4% 0;}
.product li+li{ margin-top:0.4%;}
.product dl{ width:49.8%;}
.box{ position:relative;}
.box img{ width:100%; height:auto;}
.box:hover a{opacity:1;}
.box a{position:absolute;content:"";width:100%;height:100%;background:rgba(0,0,0,0.5);left:0px;top:0px;transition: all 0.5s ease-in-out;opacity:0;} 
.box a span{font-size:1.2rem; color:#fff;position:absolute;width:80%;left:5%;bottom:10%;z-index:3; font-weight: lighter;}
.box a span:after{ content:'';height:1px;width:1.75rem; margin-top:1rem;background:#fff;display:block;transition: all 0.5s ease-in-out 0.3s;}
.box:hover a span:after{ width:2.5rem;}
.box a span em {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.4rem; text-transform:uppercase}
.box1+.box1{ margin-top:0.8%}
.product dl dt{ width:49.6%;}
/*MEDICAL*/
.abpic{ height:464px; background:url(../uploadfile/image/20200818/20200818163222_861480457.jpg) no-repeat center;}
/*关于我们*/
.about{ padding:3rem 0; width:70%; margin:0 auto;} 
.abtitl{ text-align:center;}
.abtitl span{ display:block; font-size:2.5rem; color:#1b1b1b; font-weight:lighter;}
.abtitl em{ font-size:1rem; color:#999999; text-transform:uppercase;} 
.abwa{ font-size:0.8rem; color:#666666; line-height:1.6rem; margin:2rem 0;}
.ab_e{ color:#afafaf; font-family:Arial, Helvetica, sans-serif; margin:1.5rem 0 0 0;}
.abbtn{ text-align:center;}
.abbtn a{ display:inline-block; width:; box-sizing: border-box; width:5.5rem; line-height:1.9rem; text-align:center; border:1px solid #dcdcdc; transition:all .3s ease; color:#999999; font-size:1.4rem; font-weight:lighter;}
.abbtn a:hover{ color:#000; background:#f5ec0b; border-color:#f5ec0b;}
/*我们的优势*/
.adv{ text-align:center; padding-bottom:2.5rem;}
.adv_t{ font-size:2.2rem; color:#097f7f;}
.adv_c{ font-size:0.8rem; color:#888888; line-height:1.4rem;}
.adv_c span{ display:block; font-size:2.4rem; color:#333333; font-weight:lighter; margin:1.5rem 0;}
/*流程*/
.process{ background:url(../uploadfile/image/20200819/20200819083656_785410143.jpg) no-repeat; background-size:cover; position:relative; padding:0 0 6px 0; color:#fff; position:relative;} 
.pcon{ width:98%; margin:0 auto;}
.pcon li{ width:14.02%; float:left;}
.pcon li+li{ margin-left:0.3%;}
.pctop dl{ width:42.4%; font-size:0.8rem; text-align:center;}
.pctop dl em{ display:block; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:1.8rem; color:#ffde01;}
.pctop dl span{ display:block; font-size:1.4rem; margin:1rem 0 1.5rem 0;}
.pctop{ padding:3rem 0 1rem 0;}
.pcpic img{ width:100%; height:auto;}
.pcwa p{ white-space:nowrap;}
.pcwa{ padding:2rem 20% 5.5rem 20%; background:#097f7f; font-size:1rem;color:#fff;}
.pcwa a{ color:#fff;}
.pcwa a:hover{ padding:2rem 20% 5.5rem 20%; background:#097f7f; font-size:1rem; color:#ff0;}
.pcwa p span{ white-space:nowrap; display:block; font-size:0.65rem; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:180%; margin:0.5rem 0 0 0;}
.pcbox{ height:1rem;}
.pcen{ position:absolute; left:0; right:0; width:13.5%; top:0; margin:0 auto; height:100%;}
.pcentop{ width:100%; height:69.2%; background:#097f7f; position:relative;}
.pcenbottom{ width:100%; height:30%; background:#097f7f; margin-top:2%; box-sizing:border-box; padding:10% 30%;}
.pcenpic{ position:absolute; bottom:0; left:0; width:100%;}
.pcenpic img{ width:100%; height:auto;}
.pcentop p{ font-size:0.8rem; text-align:center; padding:3rem 0 0 0;}
.pcenbottom p{ white-space:nowrap; font-size:1rem;}
.pcenbottom p em{ display:block; text-transform:uppercase; font-size:0.65rem;}
.pcenbottom p+p:before{ content:''; display:block; width:4rem; height:0.2rem; background:#fff; margin:1rem 0;}
/*新闻*/
.news{ margin:1rem 0 0 0; color:#fff; position:relative;}
.news a{color:#fff;}
.newstitl{ width:20%; box-sizing:border-box; position:absolute; top:0; left:0;padding:2rem; height:100%; background:#414141;}
.newscon{ width:80%; background:#414141;}
.newstab a{ display:block; font-size:0.8rem; margin-bottom:2rem; padding-left:50px; line-height:30px; white-space:nowrap;}
.newstab a:nth-child(1){ background:url(../uploadfile/image/20200909/20200909141225_1543051728.png) no-repeat left center;}
.newstab a:nth-child(2){ background:url(../uploadfile/image/20200909/20200909141412_801537582.png) no-repeat left center;}
.newstab a:nth-child(3){ background:url(../uploadfile/image/20200909/20200909141412_778584854.png) no-repeat left center;}
.newstab a span{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.newstab:after{ content:''; display:block; width:1.7rem; height:0.25rem; background:#7c7c7c;}
.newst{ margin-bottom:3rem; font-size:0.9rem;}
.newst span{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;}
.newstab a:hover{ text-decoration:underline;}
.newscon .news_div_item{ float:left; width:25%; box-sizing: border-box; border-left:0.25rem solid #fff; position:relative;}
.newscon .news_div_item .news_div_item_content{  height:5.8rem; box-sizing:border-box;width:100%; padding:1rem; position:absolute; bottom:0; left:0;}
.newscon .news_div_item .news_div_item_pic{ margin-bottom:5.8rem; overflow:hidden;}
.newscon .news_div_item .news_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;}
.newscon .news_div_item_a{ font-size:0.8rem; color:#fff;}
.news_div_item_body{ font-size:0.65rem; color:#888; height:1.4rem; line-height:1.4rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0.25rem 0 0.5rem 0;}
.newmore a{ font-size:0.65rem; color:#888; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.newscon .news_div_item:hover .newmore a{ color:#fff;}
.newscon .news_div_item:hover .news_div_item_pic img{ transform: scale(1.1);}
/*他们选择了我们*/
.custerm{ padding:3rem 0rem 1rem 0rem;}
.custitl{ text-align:center; font-size:1.4rem; color:#5e5e5e;}
.custitl em{ font-family:Arial, Helvetica, sans-serif; font-size:2.25rem; text-transform:uppercase; display:block;}
.custitl:after{ content:""; display:block; width:2.5rem; height:0.25rem; background:#5e5e5e; margin:0.5rem auto 0 auto;}
.custcon{ width:92%; margin:2rem auto 0 auto;}
.custcon tr,.custcon tbody{ display:block; height:auto !important;}
.custcon {padding:1rem;overflow:hidden;}
.custcon .tempWrap{overflow: visible !important;}
.custcon td{ display:inline-block;position:relative; padding: 0 !important;width:12.5% !important; overflow:hidden; transition:all .3s ease; height:120px !important;}
.custcon td a{ display:block;}
.custcon td a img{ width:70%; height:auto;  -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; transition:all .3s ease; padding:1rem 0 !important;}
.custcon td br{ display:none;}
.custcon td:hover a img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0); -o-filter: grayscale(0);filter: grayscale(0);filter:initial; }
.custcon td div a{ position:absolute; background:#fce003; line-height:1.5rem; font-size:0.6rem; color:#000; white-space:nowrap; padding:0 0.5rem; right:-150%; top:0; transition:all .5s ease;}
.custcon td:hover div a{ right:0;}
.custcon td:hover{ box-shadow:0 0 1rem #fff; z-index:999;}
.custcon td div{ padding:0 !important;}

/*我们取得设计奖项*/
.honer{ background:#f5f5f4; padding:5rem 4%;}
.honertitl{ color:#5e5e5e; font-size:1.33rem;}
.honertitl em{ display:block; font-size:1.5rem; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 0.5rem 0;}
.honeright li{ height:94px !important;}
.honertitl em span{ display:block; font-size:0.9rem;}
.honertitl:after{ content:''; display:block; width:2.2rem; height:0.25rem; background:#5e5e5e; margin:0.5rem 0 0 0;}
.honeright{ font-size:0; margin-left:8rem;}
.honeright li span{ display:inline-block; width:6.1rem;}
.honeright span+span{ margin-left:2.8rem;}
.honeright img{ cursor:pointer; transition:all .3s ease;}
.honeright img:hover{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
/*版权*/
.copyright{ background:#cfefff; padding-top:2.5rem;}
.copyright,.copyright a{ color:#aa9400; font-size:0.7rem;}
.crtitl{ text-align:center; font-size:1.43rem; color:#aa9400;}
.crtitl span{ display:block; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:3rem;}
.crcon{ padding:3rem 4% 2.5rem 4%; border-bottom:1px solid #414141;}
.crcode img{ width:8rem; height:auto;}
.crcode{ margin-right:2rem;}
.crlogo span{ display:block; font-size:0.8rem; font-weight:lighter; margin:0.25rem 0 1.25rem 0;}
.crtel{ color:#aa9400;}
.crtel span{ display:block; font-size:1.5rem; color:#aa9400; font-family:Arial, Helvetica, sans-serif; margin:0.25rem 0 1.25rem 0;}
.crhide li{ display:inline-block; width:39px; height:39px; position:relative; cursor:pointer;}  
.crhide li+li{ margin-left:1.7rem;}
.crhide li:nth-child(1){ background:url(../uploadfile/image/20200818/20200818092106_428171475.png) no-repeat center;}
.crhide{font-size:0;}
.crhide li:nth-child(2){ background:url(../uploadfile/image/20200818/20200818092106_51483697.png) no-repeat center;}
.crhide li:nth-child(3){ background:url(../uploadfile/image/20200818/20200818092106_960516716.png) no-repeat center;}
.crhide li span{ position:absolute; top:100%; left:0; background:#f9f9f9; padding:0.5rem; font-size:1.5rem; font-weight:bold; color:#222; white-space:nowrap; display:none; font-family:Arial, Helvetica, sans-serif;} 
.crhide li:hover span{ display:block;}
.crhide li span img{ width:4rem; height:auto;}
.cright dl{ float:left; line-height:1.4rem;}
.cright dl:before{ content:''; display:block; width:1.7rem; height:3px; background:#aa9400; margin-bottom:0.75rem;}
.cright dl+dl{ margin-left:6vw;}
.cr_e{ text-transform:uppercase; margin:1rem 0;}
.crmore p{ padding-left:32px; background:url(../images/tel.png) no-repeat left center;} 
.crmore p:nth-child(3){ background:url(../images/email.png) no-repeat left center;}
.end{ margin:1rem 0 0 0;}
.end a:hover{ text-decoration:underline;}
.links{ border-top:1px solid #2b2b2b; padding:0 4%; line-height:80px;}
.links p.fl{ font-size:0.75rem; color:#c0c0c0; padding-left:30px; background:url(../uploadfile/image/20200818/20200818140802_237645353.png) no-repeat left center;}
@media screen and (max-width:1500px){
 html {
   font-size:16px !important;
  }
}
@media screen and (max-width:1350px){
 html {
   font-size:14px !important;
  }
   .newstab a{ margin-bottom:1rem;}
}
@media screen and (max-width:1300px){
 html {
   font-size:12px !important;
  }
}
@media screen and (max-width:1200px){
.banner-btn a.next{ right:17%;}
}
/*左侧浮动*/
.leftfloat{ width:140px; height:210px; background:url(../uploadfile/image/20201012/20201012170329_798928068.png) no-repeat center; position:fixed; right:0; bottom:10%; z-index:9999; text-align:center; font-size:14px; color:#48423a;}
.leftfloat span{ display:block;}
.lfphone{ line-height:25px; padding:10px 0;}
.lfphone a{color:#525252;}
#gototop{ font-size:15px; color:#ffffff; cursor:pointer; line-height:65px;}
#gototop span{ display:inline-block; padding-right:40px; background:url(../uploadfile/image/20200819/20200819094413_100942581.png) no-repeat right center;}

.codeico { padding-left:32px; background:url(../images/code.png) no-repeat left center;} 
.telico { padding-left:32px; background:url(../images/tel.png) no-repeat left center;} 
.faxico { padding-left:32px; background:url(../images/fax.png) no-repeat left center;} 
.emailico { padding-left:32px; background:url(../images/email.png) no-repeat left center;}
.httpico { padding-left:32px; background:url(../images/http.png) no-repeat left center;}