﻿


.bannerBox{ width:100%; height:570px; overflow:hidden; position:relative;  }
.bannerBox .hd{ height:14px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; }
.bannerBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.bannerBox .hd ul li{ float:left; margin:0 4px;  width:14px; height:14px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:7px;}
.bannerBox .hd ul li.on{ background:#f39800; color:#fff; }
.bannerBox .bd{ position:relative; height:100%; z-index:0;   }
.bannerBox .bd li{ zoom:1; vertical-align:middle; }
.bannerBox .bd img{display:block;position:absolute;  left:50%;  margin-left:-960px;}




.zyjd_main{margin:auto; overflow:hidden;}
.w300{width:300px;float:left; overflow:hidden;}
.w680{width:680px;float:left; margin-left:20px; overflow:hidden;}




.section01{width:1180px;overflow:hidden; margin:20px auto;}
.jdtitle{ overflow:hidden; text-align:center; margin:40px auto;}
.jdtitle ul{display:inline-block; border-bottom:1px solid #f39800; margin:auto; overflow:hidden; padding:10px;}
.jdtitle li{ float:left;}
.jdtitle p{ float:left; font-size:24px; font-weight:bold; margin-left:6px;}

.news-left{height:340px;width:520px;overflow:hidden;position:relative; float:left;}

.news-left ul li{position:absolute;top:0;left:520px;width:520px;height:340px;}

.news-left ul li h3{position:absolute;bottom:16px;left:0;width: 400px;color:#FFF;margin-left:14px;z-index: 111;font-size: 16px; font-family:"微软雅黑";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-left ul li h3 a{color:#fff;}
.news-left ul li div{position:absolute;bottom:0;left:0;height:130px; background:url(../images/news_bgback.png) repeat-x;width:520px;opacity:1;filter: alpha(opacity=1);}
.news-left ul li img{transition: all 0.7s;}
.news-left ul li img:hover{transform: scale(1.05);}
.news-left .pages{width:520px;height:340px;}
.news-left .controler{position:absolute;bottom:6px;right:14px;}
.news-left .controler b{cursor:pointer;width:20px;height:10px;display:block;overflow:hidden;text-indent:20px;background:url(../images/news_index_icon.png) no-repeat -136px 3px; float:left;margin:0 0 0 5px;}
.news-left .controler b.down{background-position:-161px 1px;}
.news-left .controler2 a{display:block; width:40px;position:absolute;top:150px;height:40px; opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .4s ease;}
.news-left:hover .prev {opacity: 0.8;filter: alpha(opacity=25);}
.news-left:hover .next {opacity: 0.8;filter: alpha(opacity=25);}
.news-left .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url(../images/news_index_icon.png) no-repeat;}
.news-left .controler2 .prev{left:5px;}
.news-left .controler2 .prev i{background-position:0px -44px;margin-left:5px;}
.news-left .controler2 .prev:hover i{left:10px;background-position:0 0;}
.news-left .controler2 .next{right:10px;}
.news-left .controler2 .next i{background-position:-29px -44px;margin-left:10px;}
.news-left .controler2 .next:hover i{right:10px;background-position:-29px 0;}

.news-right{width:510px;float:left; margin-left:150px; overflow:hidden;}
.hosNews{ width:510px; }
.hosNews .hd{ line-height:31px; height:34px;position:relative; }
.hosNews .hd ul{z-index:5; position:absolute; width:510px; height:34px; zoom:1; border-top:1px solid #cecece; }
.hosNews .hd li{float:left;padding:5px 10px 5px 10px; cursor:pointer; font-size:18px; text-align:center; line-height:21px; margin-right:20px;}
.hosNews .hd li a {float:left; padding:4px 16px; cursor:pointer; font-size:18px; color:#000;  }
.hosNews .hd li.on { height:22px; line-height:22px;border-top:2px solid #f39800; text-align:center; margin-top:-1px;}
.hosNews .hd li.on a{ height:22px; line-height:22px;  color:#f39800; font-weight:bold;}
.hosNews .bd{clear:both; position:relative;  }
.arti{width:100%;overflow:hidden; margin:6px auto;}
.arti dl{overflow:hidden; margin-top:12px; padding:0 10px;}
.arti dt{width:70px;height:60px;display: inline-block; color:#f39800; border:1px solid #f39800;-webkit-transition: all .4s ease;}
.arti dt strong{width:100%;text-align: center;font-size: 24px;display: inline-block;margin-top: 3px;}
.arti dt p{width:100%;text-align: center;font-size: 14px;display: inline-block;}
.arti dd{width:396px;display: inline-block;margin-left:10px; padding-left:6px;height:60px;line-height:60px;border-bottom:1px solid #d2d2d2;color:#373737;font-size: 16px;vertical-align: top;overflow: hidden;-webkit-transition: all .4s ease;}
.arti dl a:hover dd{color:#f66f04;}
.arti dl a:hover dt{ background:#f66f04; color:#fff;} 

.zyjd_hr{width:100%;overflow:hidden;height:70px;background:#eff4f7; margin:40px auto;}






.section02{width:1180px;overflow:hidden; margin:20px auto;}
.rdjj{overflow:hidden;}
.jdslogan{width:343px; float:left; margin-top:20px;}
.jdslogan dt{ width:308px; margin:auto; border:1px solid #ccc; text-align:center; padding:15px 0; margin-top:20px;}
.jdslogan p{ width:270px; background:#017cc2; margin:auto;color:#fff; padding:20px; line-height:28px; font-size:18px;}
.jdslogan p span{ margin-right:10px;float:left;}
.drugtreatment{width:740px; float:left; margin-left:90px;}
.drugtreatment dl{width:244px; height:86px; margin:20px; padding:40px; float:left; background:url(../images/zyjd_09.jpg) no-repeat;}
.drugtreatment dl dt{width:53px; float:left;}
.drugtreatment dl dd{160px; float:left; margin-left:20px;}
.drugtreatment dl dd li{ font-size:24px; font-weight:bold; border-bottom:1px solid #f15b5a; padding-bottom:10px; margin-bottom:10px;}
.drugtreatment dl dd  p{ font-size:16px; color:#7a7a7a;}
.drugtreatment dl:hover{background:url(../images/zyjd_10.jpg) no-repeat; cursor:pointer;}





.section03{overflow:hidden; height:586px; margin:20px auto; background:url(../images/zyjd_15.jpg) no-repeat center;}
.place{width:1180px;overflow:hidden; margin:auto;}
.center-left{ width:560px; float:left;}
.center-left dt{height:157px;}
.center-left dt ul{width:66px; float:left; margin:20px;cursor:pointer;}
.center-left dt ul li{ width:66px; height:76px; background:url(../images/zyjd_18.png) no-repeat;transition: all 0.3s linear 0s;}
.center-left dt ul p{ font-size:16px; text-align:center; margin:10px auto;}
.center-left dt .uh1 li{background-position: 0 0;}
.center-left dt .uh2 li{background-position: 0 -76px;}
.center-left dt .uh3 li{background-position: 0 -152px;}
.center-left dt .uh4 li{background-position: 0 -228px;}
.center-left dt .uh5 li{background-position: 0 -304px;}
.center-left dt ul:hover li{background:url(../images/zyjd_19.png) no-repeat;background-position: 0 -70px; }
.center-left dt .uh1:hover li{background-position: 0 0;}
.center-left dt .uh2:hover li{background-position: 0 -76px;}
.center-left dt .uh3:hover li{background-position: 0 -152px;}
.center-left dt .uh4:hover li{background-position: 0 -228px;}
.center-left dt .uh5:hover li{background-position: 0 -304px;}
.center-left dd{width:559px; height:193px; background:url(../images/zyjd_20.png) no-repeat;}
.center-left dd p{ font-size:16px; text-indent:2em; line-height:24px; padding:25px 7px; text-align:justify;}
.center-right{ width:543px; float:left; margin-left:75px;}
.weixin{height:117px; position:relative; cursor:pointer;}
.weixin .weixin_nr{width:103px; height:103px;position:absolute; right:-28%; top:108px; display:none;}
.weixin.on .weixin_nr{ display:block;}




.section04{width:1180px;overflow:hidden; margin:20px auto;}
.ExpertTeam{}
.expertInfo{width:840px; height:620px;}
.expertInfo dt{width:506px; float:left;}
.expertInfo dd{width:320px; float:left; margin-left:10px;}
.expertInfo dd b{ display:block; margin-top:100px;}
.expertInfo dd i{ display:block; font-size:20px; color:#333; font-style:inherit; font-weight:bold; margin:20px auto;}
.expertInfo dd p{ font-size:16px; width:280px; line-height:24px; text-align:justify;}
.expertInfo dd p.ps{ padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.expertInfo dd p span{ color:#007cc3; font-weight:bold;}
.expertInfo dd li{ overflow:hidden;  margin:20px auto;}
.expertInfo dd li a{ width:80px; font-size:18px; color:#fff;  float:left; margin-right:20px; padding:10px;}
.expertInfo dd li a.a1{background:url(../images/zyjd_30.jpg) no-repeat #c3ae00 16px; padding-left:44px;}
.expertInfo dd li a.a2{background:url(../images/zyjd_29.jpg) no-repeat #f39800 16px;padding-left:44px;}
#jssor_1{position: relative; margin: 0 auto; top: 20px; left: 0px; width:1180px; height:520px; overflow: hidden; visibility: hidden; background:#eff4f7;}

.jssora05l, .jssora05r {		display: block;		position: absolute;		width: 40px;		height: 40px;		cursor: pointer;		background: url('../images/a17.png') no-repeat;		overflow: hidden;	}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }

.jssort01-99-66 .p {    position: absolute;    top: 0;    left: 0;    width: 116px;    height: 144px;}
.jssort01-99-66 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
.jssort01-99-66 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}
.jssort01-99-66 .c {    position: absolute;    top: 0px;    left: 0px;    width: 114px;    height: 142px;    border: #ccc 1px solid;    box-sizing: content-box;}
.jssort01-99-66 .pav .c {top: 0;left: 0;   width: 114px;    height:142px;    border: #f66f04 1px solid;background-position: 50% 50%;}
.jssort01-99-66 .p:hover .c {top: 0px;left: 0px;width: 114px;    height: 142px;    border: #f66f04 1px solid;    background-position: 50% 50%;}
.jssort01-99-66 .p.pdn .c {    background-position: 50% 50%;    width:114px;    height:142px;    border: #cbccce 1px solid;}
* html .jssort01-99-66 .c, * html .jssort01-99-66 .pdn .c, * html .jssort01-99-66 .pav .c {    /* ie quirks mode adjust */    width: 99px;    height: 100px;}



.section05{width:1180px;overflow:hidden; margin:20px auto;}
#drugtype{background:#fff;padding:0px 0px 10px 0px; margin: auto }
#drugtype h2{ margin-bottom:50px}
#drugtype ul{width:970px;height:63px;text-align:center;overflow:hidden; margin:auto;}
#drugtype ul li{display:block;width:222px;height:63px;line-height:50px;font-size:16px;cursor:pointer;margin:0 10px;float:left;text-align:center;background:url(../images/zyjd_33.jpg) no-repeat;transition: all 0.2s linear 0s;}
#drugtype ul li.select{background:url(../images/zyjd_32.jpg) no-repeat;display:inline;color:#fff; font-weight:bold;}
#drugtype dl{width:1180px; height:400px; display:none;}
#drugtype .drug{ overflow:hidden; margin:20px auto; text-align:center;}
#drugtype .drug li{ width:106px; display:inline-block; margin:10px; border:0px solid #ccc; overflow:hidden;  border-radius:4px;}
#drugtype .drug li.selectdrug{opacity:0.6;border:0px solid #3eb9ff; box-shadow:0px 0px 16px #000;}
#drugtype .drug li img{transition: all 0.2s; width:100%;}
#drugtype .drug li img:hover{transform: scale(1.06);  cursor:pointer;}
#drugtype .drugnews{ width:1180px; margin:10px auto; display:none;}
#drugtype .drugnews dt{ overflow:hidden;width:747px; height:248px; float:left;}
#drugtype .drugnews dt.dp1{background:url(../images/zyjd_42.jpg) no-repeat;}
#drugtype .drugnews dt.dp2{background:url(../images/zyjd_85.jpg) no-repeat;}
#drugtype .drugnews dt.dp3{background:url(../images/zyjd_86.jpg) no-repeat;}
#drugtype .drugnews dt.dp4{background:url(../images/zyjd_87.jpg) no-repeat;}
#drugtype .drugnews dt span{width:340px; float:left;}
#drugtype .drugnews dt ol{float:left; width:366px; margin:12px 0 0 0; background:#fff; border:0px solid #ccc; padding:20px;}
#drugtype .drugnews dt li{ font-size:20px; color:#007cc3; font-weight:bold; margin-bottom:10px;}
#drugtype .drugnews dt p{ font-size:16px; text-indent:2em; line-height:24px;}
#drugtype .drugnews dt p a{ color:#f39800; font-weight:bold;}
#drugtype .drugnews dd{ overflow:hidden;width:370px; float:left; margin-left:62px;}
#drugtype .drugnews dd p:before {content:"■ ";}
#drugtype .drugnews dd p{ font-size:16px; border-bottom:1px solid #eee; color:#333; padding:12px 10px;}
#drugtype .drugnews dd p span{ float:right;}





.section06{width:1180px;overflow:hidden; margin:20px auto;}
.treatmentBox{ width:1180px; height:380px; overflow:hidden; position:relative; }
.treatmentBox .hd{ height:15px; overflow:hidden; position:absolute; right:44%; bottom:2px; z-index:1; }
.treatmentBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.treatmentBox .hd ul li{ float:left; margin-right:8px;  width:15px; height:15px; line-height:14px; text-align:center; background:#eee; cursor:pointer; }
.treatmentBox .hd ul li.on{ background:#f39800; color:#fff; }
.treatmentBox .bd{ width:950px; height:352px; margin:auto;position:relative; z-index:0;   }
.treatmentBox .bd dl{ zoom:1; vertical-align:middle; }
.treatmentBox .bd dl dt{width:521px; float:left;}
.treatmentBox .bd dl dd{width:409px; float:left; margin-left:18px; text-align:justify;}
.treatmentBox .bd dl dd strong{ font-size:20px; display:block; margin-top:6px;}
.treatmentBox .bd dl dd li{width:201px; height:27px; background:url(../images/zyjd_45.jpg) no-repeat; font-size:18px; margin:20px 0;}
.treatmentBox .bd dl dd li i{ display:inline-block; font-style:inherit; color:#fff; font-size:18px;}
.treatmentBox .bd dl dd li i.ip{ margin:0 24px 0 11px;}
.treatmentBox .bd dl dd p{ font-size:16px;}
.treatmentBox .bd dl dd p.pe{ border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px;}
.treatmentBox .bd dl dd p span{ color:#036eb8;}
.treatmentBox .prev,
.treatmentBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/treatment-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.treatmentBox .next{ left:auto; right:3%; background-position:8px 5px; }
.treatmentBox .prev:hover,
.treatmentBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.treatmentBox .prevStop{ display:none;  }
.treatmentBox .nextStop{ display:none;  }






.section07{width:100%; max-width:1920px;overflow:hidden; margin:20px auto;}
.condition{ width:100%;  overflow:hidden; position:relative;}
.condition .bd{ overflow:hidden;}
.condition .bd ul{ overflow:hidden; zoom:1; }
.condition .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative; }
.condition .bd ul li .pic{ text-align:center; border:1px solid #eea120; overflow:hidden;}
.condition .bd ul li .pic:hover{ border:1px solid #f66f04; }
.condition .bd ul li img{ width:378px; height:348px; padding:4px;transition: 0.5s; }
.condition .bd ul li:hover img{transform: scale(1.2);}
.condition .bd ul li .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden;position: absolute; background-color:#333;box-sizing:border-box;opacity: 0.7; transition: 0.5s; color: #fff;}
.condition .bd ul li .text-desc dt{font-size:0; transition: 0.5s; }
.condition .bd ul li .text-desc p{font-size:0; margin:10px auto;transition: 0.5s; }
.condition .bd ul li .text-desc hr{width:0%;margin:0 auto; border:1px solid #fff;transition: 0.5s; }
.condition .bd ul li:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding: 150px 20px 80px;}
.condition .bd ul li:hover .text-desc dt{ font-size:28px;}
.condition .bd ul li:hover .text-desc p{font-size:20px;}
.condition .bd ul li:hover .text-desc hr{  width:20%;}











