@charset "gb2312";
@import url("base.css");
@import url("swiper.min.css");
@import url("animate.css");
@import url("font.css");
/*hot*/
.hot { width: 100%; height: 1.04rem; }
.hot dl {}
.hot dl dt { float: left; width: 1.95rem; height: 1.04rem; }
.hot dl dt img { width: 100%; height: auto; display: block; }
.hot dl dd { float: left; width: 3.99rem; height: 1.04rem; margin-left: .18rem; }
.hot dl dd .hotTextWrap { width: 100%; height: .27rem; overflow: hidden; margin-top: .385rem; position: relative; }
.hot dl dd ul { overflow: hidden; position: absolute; top: 0; left: 0;}
.hot dl dd ul li { float: left; font-size: .25rem; line-height: .25rem; padding-bottom: 5px;}
.hot dl dd ul li a { width: 3.5rem; height: auto; overflow: hidden; display: block; float: left; text-overflow:ellipsis; white-space:nowrap;}
.hot dl dd .hotTextWrap span { width: .4rem; height: .2rem; display: block; float: right; }
.hot dl dd .hotTextWrap span img { width: 100%; height: auto; display: block; }

/*dialogue*/
.dialogue { width: 5.82rem; height: 3.2rem; margin: .3rem auto; position: relative; }
.dialogue::after, .dialogue .dLeft::after, .dialogue .dRight .dRightTop::after, .dialogue .dRight .dRightBottom::after { border-color: #dcdcdc; }
.dialogue .dLeft { width: 1.8rem; height: 3.2rem; position: relative; }
.dialogue .dLeft a { width: 100%; height: 100%; display: block; }
.dialogue .dLeft figure { padding-top: .78rem; }
.dialogue .dLeft figure img { width: .97rem; height: .97rem; display: block; margin: 0 auto; }
.dialogue .dLeft figure figcaption { text-align: center; width: 100%; height: .80rem; line-height: .80rem; font-size: .27rem; color: #000000; }
.dialogue .dLeft figure figcaption i { display: block; font-size: 11px; line-height: 11px; margin-top: -5px; color: #CCCCCC }
.dialogue .dRight { width: 4.02rem; height: 3.2rem; }
.dialogue .dRight .dRightTop { width: 100%; height: 1.66rem; display: block; position: relative; } 
.dialogue .dRight .dRightTop figure { padding-top: .13rem; }
.dialogue .dRight .dRightTop figure figcaption { text-align: center; padding: .55rem .2rem 0 .55rem; }
.dialogue .dRight .dRightTop figure figcaption p { font-size: .27rem; }
.dialogue .dRight .dRightTop figure figcaption i { font-size: .24rem; color: #a3c3d9; }
.dialogue .dRight .dRightTop figure img { width: 1.04rem; height: 1.21rem; display: block; margin-top: .1rem; }
.dialogue .dRight .dRightBottom { width: 50%; height: 1.54rem; display: block; position: relative;}
.dialogue .dRight .dRightBottom figure { padding-top: .33rem; }
.dialogue .dRight .dRightBottom figure img { width: .63rem; height: .59rem; display: block; margin: 0 auto;}
.dialogue .dRight .dRightBottom figure figcaption { width: 100%; height: auto; text-align: center; font-size: .27rem; line-height: .55rem; }

/*news*/
.news .newsCon .swiper-slide dl dt { width: 2.17rem; height: 1.57rem; float: left; }
.news .newsCon .swiper-slide dl dt img { width: 100%; height: auto; display: block; }
.news .newsCon .swiper-slide dl dd { width: 3.41rem; height: 1.57rem; float: right; }
.news .newsCon .swiper-slide dl dd h2 { width: 100%; font-size: .26rem; color: #000; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .newsCon .swiper-slide dl dd p { width: 100%; height: .8rem; overflow: hidden; font-size: .22rem; line-height: .3rem; padding-top: .05rem; text-align: justify; text-overflow:ellipsis; }
.news .newsCon .swiper-slide dl dd p a { color: #666; }
.news .newsCon .swiper-slide dl dd span { font-size: .24rem; color: #b0b0b0; float: right; margin:.08rem 0 0 .15rem;}
.news .newsCon .swiper-slide dl dd span i { margin-right: .1rem ; font-weight: 100; }

/* case */
.case .caseCon .swiper-slide dl dd {}
.case .caseCon .swiper-slide dl dd div { text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.case .caseCon .swiper-slide dl dd a.btn sup { position: absolute; top: -.1rem;}

/*office*/
.office { width: 5.84rem; height: 10.05rem; margin: 0 auto; position: relative; margin-bottom: .22rem;}
.office::after { border-color: #cecece; }
.office a { overflow: hidden;  }
.office figure { width: 1.946rem; height: 2rem; float: left; position: relative; }
.office figure::after { border-color: #cecece; }
.office figure img { width: 1.02rem; height: 1.02rem; display: block; margin: .3rem auto .15rem; }
.office figure figcaption { width: 100%; text-align: center; }

/* hospital */
.hospital { }
.hospital ul { overflow: hidden; }
.hospital ul li.hospitalConTop { width: 100%;}
.hospital ul li.hospitalConTop figure { height: 2.79rem; }
.hospital ul li figure { position: relative; margin-bottom: .2rem; }
.hospital ul li figure img { width: 100%; height: auto; display: block; }
.hospital ul li figure figcaption { width: 100%; height: .4rem; position: absolute; left: 0; bottom: 0;  background-color: rgba(0,0,0,0.5); }
.hospital ul li figure figcaption p { text-align: center; line-height: .4rem; color: white; font-size: .25rem; }
.hospital ul li.hospitalConBottomFl { width: 2.99rem;}
.hospital ul li.hospitalConBottomFr { width: 2.65rem; }
.hospital ul li.hospitalConBottomFl figure { height: 1.83rem; }
.hospital ul li.hospitalConBottomFr figure { height: 3.86rem; }
.hospital ul li.jszl { width: 2.82rem; }
.hospital ul li.jszl figure { height: 1.82rem;}


/*comment*/
.comment { width: 100%; height: auto; }
.comment .commentTabs,.comment .commentCon { width: 5.84rem; height: auto; overflow: hidden; margin: 0 auto; }
.comment .commentTabs { margin-bottom: .07rem; }
.comment .commentTabs li { display: inline-block; position: relative; font-size: 12px; line-height: .4rem; color: #6e6e6e; padding: .05rem .1rem; margin: 0 .05rem .15rem 0 ; cursor: pointer; }
.comment .commentTabs li::after { border-radius: .2rem;}
.comment .commentTabs li.on { color: orange; }
.comment .commentCon { padding-bottom: .05rem;}
.comment .commentCon dl { width: 100%; height: auto; overflow: hidden; position: relative; padding: .3rem 0; border-bottom:1px dashed #d1d1d1;}
.comment .commentCon dl dt { width: .93rem; height: auto; float: left;  }
.comment .commentCon dl dd { width: 4.5rem; height: auto; overflow: hidden; float: right; padding-bottom: .05rem; }
.comment .commentCon dl dt figure { width: .93rem; height: auto;  }
.comment .commentCon dl dt figure img { width: 100%; height: auto; display: block; border-radius: 50%; }
.comment .commentCon dl dt figure figcaption { text-align: center; color: #476280; font-size: .24rem; line-height: .5rem;  text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.comment .commentCon dl dd div {}
.comment .commentCon dl dd div span { float: right; }
.comment .commentCon dl dd div span img { width: 17px; height: 17px; display: inline-block; margin-left: .07rem; float: left;}
.comment .commentCon dl dd p { color: #777; font-size: .22rem; padding-top: .1rem; }
.comment .commentCon dl dd div p { color: #5B5B5B; font-size: .31rem; line-height: .31rem; padding: 0; }
.comment .commentCon dl dd div p i { font-size: .26rem; }
.comment .commentCon dl dd a { width: 1.5rem; height: .4rem; position: relative; text-align: center; line-height: .4rem; font-size: .24rem; float: right; margin:.15rem .05rem 0; color: #999999; }
.comment .commentCon dl dd a b { font-weight: normal;}
.comment .commentCon dl dd a::after { border-radius: 0.2rem;}
.comment .commentCon dl dd img.hj_img { width: 1.46rem; height: auto; display: inline-block; margin: .08rem 0.03rem 0 0;}
.comment .commentCon dl dd img.hj_img:last-child { margin-right: 0;}

@media screen and (min-width: 325px) {
	.comment .commentTabs li { padding:.05rem 0.1rem;}
}
@media screen and (min-width: 375px) {
	.comment .commentTabs li { padding:.05rem 0.2rem;}
} 
@media screen and (min-width: 414px) {
	.comment .commentTabs li { padding:.05rem 0.25rem;}
} 
.comment .more {  width: 2.9rem; height: 0.61rem; margin: .3rem auto; background: #9dd7ff; text-align: center; line-height: .61rem;  border-radius: .1rem;}  
.comment .more a { display: block; color: #0250a3;}

/**/
.plate { display: -webkit-flex; display: flex; width: 100%; height: 1.9rem; border-top: 1px solid #eeeeee; }
.plate figure { width: 33.33%; height: 1.3rem; margin-top: .3rem; }
.plate figure.center { border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }
.plate figure img { width: .9rem; height: .68rem; display: block;  margin: 0 auto;}
.plate figure figcaption { text-align: center; }
.plate figure figcaption h2 { color: #333; padding-top: .15rem;}

/*items*/
.items { width: 5.84rem; height: auto; margin: 0 auto; }
.items img { width: 100%; height: auto; display: block; }
.items .itemsTitle { width: 100%; height: .4rem; border-bottom: 1px solid #dcdcdc; }
.items .itemsTitle dt { font-size: .26rem; font-weight: bold; height: .4rem; border-bottom: 1px solid #0081cc;}
.items .itemsTitle dt i { width:.11rem; height: .11rem; background: #0081cc; display: inline-block; margin-right: .15rem; }
.items .itemsTitle dd { width:.25rem; height: .25rem; margin-top: .075rem; }
.items div.con { display: -webkit-flex; display: flex;  -webkit-justify-content: space-around; justify-content: space-around; width: 5.84rem; height: auto; margin: .3rem auto 0; }
.items div.con a { text-align: center;  color: #333333; line-height: .5rem;}
.items div.con a img { width: 1.05rem; height: 1.05rem; margin: 0 auto; }

/*myopicCrowd*/
.myopicCrowd { }


/**/
.search{ margin:10px; position:relative;}
.search .keywords{ display:block; width:100%; height:15px; line-height:15px; font-size:15px; padding:10px 0; border:1px solid #DDD; text-indent:10px; color:#CCC; border-radius:4px; font-family:'Microsoft YaHei',arial,helvetica,sans-serif;}
.search .btn{ display:block; width:35px; height:35px; background:url(../images/ico-search.png) center center no-repeat; border:none; position:absolute; top:0; right:0; cursor:pointer; }


/**/
.map_nav{ font-size:15px; overflow:hidden; color:#666;}
.list_page{padding:13px 0 16px;font-size:12px;line-height:20px;text-align:center; margin-top:10px;}
.list_page li{ display:inline-block;border:1px solid #bfbfbf;border-radius:0.18em; margin-right:0.2em;padding:2px 8px; color:#000; height:20px; overflow:hidden;}
.list_page li.thisclass{ background:#0081cc; color:#fff; border-color:#0081cc;}
.list_page li.current{background-color:#339ee2;}
.list_page li a{ display:block;}


/**/
.titleLh { width: 5.84rem; height: .45rem; margin: .2rem auto; border-bottom: 1px solid #dcdcdc; line-height: .45rem; }
.titleLh a { display: inline-block; }
.titleLh a.titleLhT { height: .45rem; font-size: .26rem; font-weight: bold; border-bottom: 1px solid #0081cc; }
.titleLh a.telTitLh { padding-left: .4rem; background: url(../images/lh_tel.jpg) no-repeat left center; background-size: .32rem .30rem; }
.titleLh a span { margin-right: .15rem; padding-top: .07rem; float: left;}
.titleLh a span img { width: .32rem; height: .30rem; display: block; }

/*presbyopia*/
.presbyopia { width: 5.84rem; height: 3.07rem; background: #f8f8f8; margin: .1rem auto 0; }
.presbyopia dl { width: 5.25rem; height: auto; overflow: hidden; margin: 0 auto; }
.presbyopia dl dt { width: 2.2rem; height: 2.48rem; float: left; }
.presbyopia dl dt img { width: 100%; height: auto; display: block; }
.presbyopia dl dd { width: 2.88rem; height: auto; float: right; }
.presbyopia dl dd div { width: 100%; height: 1rem; border-bottom: 1px solid #dcdcdc; text-align: justify; font-size: .22rem; font-size: #222222; }
.presbyopia dl dd div i { width: .98rem; height: .24rem; background: #ffc06f; color: #FFFFFF; margin-right: .05rem; }
.presbyopia dl dd p { font-size: .22rem; padding-left: .7rem; color: #666666;}
.presbyopia dl dd p strong { color: #222222; font-weight: normal; }
.presbyopia dl dd p.p1 { background: url(../images/pic2.jpg) no-repeat left top; background-size: .54rem .54rem; margin-top: .19rem;}
.presbyopia dl dd p.p2 { background: url(../images/pic3.jpg) no-repeat left top; background-size: .54rem .54rem; margin-top: .1rem;}

.lhNavImg { width: 5.84rem; height: auto; overflow: hidden; margin: .2rem auto 0; }
.lhNavImg li { display: -webkit-flex; display: flex; width: 100%; height: auto;   -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .2rem; }
.lhNavImg li a { width: 2.81rem;}
.lhNavImg li a img { width: 100%; height: auto; display: block; }

.fun dl:last-child::after { border-bottom: 0;}
.newsLh dl:last-child,.docLh dl:last-child,.doc_js dl:last-child { margin-bottom: 0; }



/*js页面*/
/*office_js*/
.office_js { width: 5.84rem; height: 5.64rem; margin: 0 auto; position: relative; margin-bottom: .22rem;}
.office_js::after { border-color: #cecece; }
.office_js a { overflow: hidden;  }
.office_js figure { width: 1.46rem; height: 1.88rem; float: left; position: relative; }
.office_js figure::after { border-color: #cecece; }
.office_js figure img { width: .86rem; height: .86rem; display: block; margin: .3rem auto .15rem; }
.office_js figure figcaption { width: 100%; text-align: center; }

/*lhNavImg_js*/
.NavImg_js {}
.NavImg_js li a { width: 1.69rem; height: .44rem; display: block;}
.NavImg_js li a img { width: 1.69rem; height: .44rem; display: block; }

/*Surgery is introduced*/ 
.sii { display: -webkit-flex; display: flex; width: 5.84rem; height: auto; margin: 0 auto; }
.sii figure { width: 1.94rem; height: auto; }
.sii figure img { width: 1.77rem; height: 2rem; display: block; margin: 0 auto;}
.sii figure figcaption { margin-top: .22rem; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; position: relative; }
.sii figure figcaption h3 {font-size: .24rem; line-height: .60rem; padding-top: .15rem; color: #0081cc; text-align: center; }
.sii figure figcaption p { word-break:break-all; font-size: .23rem; line-height: .34rem; padding: 0 .2rem; text-align: justify; }
.sii figure:last-child figcaption { border-right: 1px solid #e5e5e5; }
.sii figure figcaption span { position: absolute; width: .13rem; height: .13rem; top: -0.065rem; left: -0.065rem; }
.sii figure figcaption span.rightSpan { right: -.065rem; left: auto; }
.sii figure figcaption span img { width: 100%; height: auto; display: block; }

/*设备荣誉*/
.equipmentHonor {}
.equipmentHonor .equipmentHonorCon .swiper-slide {}

/*千万案例*/

/*适用人群*/
.ApplicablePeople,.equipmentHonor { width: 5.84rem; height: auto; margin: 0 auto; }

/*设备荣誉   and 千万案例   and 适用人群*/
.p_js p { font-size: .24rem; color: #333333; margin: .28rem 0; text-align: justify; word-break:break-all; line-height: .34rem; }
.p_js p.p1 { height: .67rem; }
.p_js p.p1 img { margin-right: .2rem; width: .74rem; height: .67rem; display: block; float: left;}
.p_js p.verticalBar { padding-left: .3rem; position: relative; }
.p_js p.verticalBar span.icon-radio { position: absolute; top: 0; left: 0; width: .1rem; height: .1rem; color: #000000; display: block; }
.p_js p.verticalBar span img { width: 100%; height: auto; display: block; }
.p_js p.verticalBar span.x { position: absolute; top: .1rem; left: .04rem; width: 0; height: .9rem; display: block; border-left: 1px solid #e3e3e3;}

/*技术*/
.news_js .swiper-tabs .swiper-slide dl { width: 100%; height: inherit; overflow: hidden; margin: 0; }
.news_js .swiper-tabs .swiper-slide dl dt { float: left; width: 1.53rem; height: 1.15rem; }
.news_js .swiper-tabs .swiper-slide dl dt img { width: 100%; height: auto; display: block; }
.news_js .swiper-tabs .swiper-slide dl dd { float: right; width: 4.05rem; height: auto; font-size: .24rem; color: #444444; text-align: justify; }
.news_js .swiper-tabs .swiper-slide p { font-size: .24rem;  color:#333333; padding-top: .05rem;}
.news_js .swiper-tabs .swiper-slide a.TelephoneService { padding-top: .04rem;}


/*申请电话*/
.TelephoneService { display: block; margin: .2rem auto; width: 2.65rem; height: .75rem; border: 1px solid #ff8b21; border-radius: .5rem; padding-top: .03rem;}
.TelephoneService i { width: .7rem; height: .6rem; background: #ff8b21; display: inline-block; color: #FFFFFF; border-radius: 50%; font-size: .22rem; text-align: center; line-height: .25rem; padding-top: .1rem; float: right; margin-right: .05rem;}
.TelephoneService em { display: block; width: 1.9rem; height: .7rem; float: left; font-size: .24rem; color: #ff8b21; text-align: center; padding-top: .03rem;}

/*mp3*/
.music { width: 5.84rem; height: auto; margin: 0 auto; overflow: hidden; }
.music div.player { width: 2.68rem; height: .8rem; border: 1px solid #ebebeb; margin-top: .2rem; padding: .11rem .11rem 0 0; overflow: hidden;}
.music div.player div.mark { width: .37rem; height: .37rem; border-radius: 50%;
overflow: hidden; margin-left: .14rem; float: left; margin-top: .15rem; }
.music div.player div.mark img { width: .37rem; height: .37rem; display: block; }
.music div.player div.musicCon { width: 1.98rem; height: auto; float: right; }
.music div.player div.musicCon h3 { font-size: .24rem; text-align: left; color: #333333; white-space:nowrap;  text-overflow:ellipsis;overflow:hidden; }
.music div.player div.musicCon span { margin-top: .05rem; width: 1.98rem; height: 1px; display: block;  background: #ebebeb;}
.music div.player div.musicCon span i { display: block; width:0; height: 1px; background: red;}
.music div.player div.musicCon div.time { width: 100%; height: auto; }
.music div.player div.musicCon div.time p { font-size: .24rem; color: #b2b2b2; }
.music div.player div.musicCon div.time p.firstTime { float: left; }
.music div.player div.musicCon div.time p.lastTime { float: right;}
.music .musicCon audio { width: 0; height: 0;}
.music div.on { border-color: #0081cc; background: #e3e3e3; }
.music div.player div.rotate { animation:myRotate 5s infinite;
	-moz-animation:myRotate 5s linear infinite; /* Firefox */
	-webkit-animation:myRotate 5s linear infinite; /* Safari and Chrome */
	-o-animation:myRotate 5s linear infinite; /* Opera */}

@keyframes myRotate
{
    from { 
    	transform:rotate(0deg);
			-ms-transform:rotate(0deg); 	/* IE 9 */
			-moz-transform:rotate(0deg); 	/* Firefox */
			-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
			-o-transform:rotate(0deg); 	/* Opera */
		}
    to { 
    	transform:rotate(360deg);
			-ms-transform:rotate(360deg); 	/* IE 9 */
			-moz-transform:rotate(360deg); 	/* Firefox */
			-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
			-o-transform:rotate(360deg); 	/* Opera */
		}
}

@-moz-keyframes myRotate /* Firefox */
{
    from { 
    	transform:rotate(0deg);
			-ms-transform:rotate(0deg); 	/* IE 9 */
			-moz-transform:rotate(0deg); 	/* Firefox */
			-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
			-o-transform:rotate(0deg); 	/* Opera */
		}
    to { 
    	transform:rotate(360deg);
			-ms-transform:rotate(360deg); 	/* IE 9 */
			-moz-transform:rotate(360deg); 	/* Firefox */
			-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
			-o-transform:rotate(360deg); 	/* Opera */
		}
}

@-webkit-keyframes myRotate /* Safari and Chrome */
{    from { 
    	transform:rotate(0deg);
			-ms-transform:rotate(0deg); 	/* IE 9 */
			-moz-transform:rotate(0deg); 	/* Firefox */
			-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
			-o-transform:rotate(0deg); 	/* Opera */
		}
    to { 
    	transform:rotate(360deg);
			-ms-transform:rotate(360deg); 	/* IE 9 */
			-moz-transform:rotate(360deg); 	/* Firefox */
			-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
			-o-transform:rotate(360deg); 	/* Opera */
		}
}

@-o-keyframes myRotate /* Opera */
{    from { 
    	transform:rotate(0deg);
			-ms-transform:rotate(0deg); 	/* IE 9 */
			-moz-transform:rotate(0deg); 	/* Firefox */
			-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
			-o-transform:rotate(0deg); 	/* Opera */
		}
    to { 
    	transform:rotate(360deg);
			-ms-transform:rotate(360deg); 	/* IE 9 */
			-moz-transform:rotate(360deg); 	/* Firefox */
			-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
			-o-transform:rotate(360deg); 	/* Opera */
		}
}


/*活动入口图*/
.entranceDrawing { width:1.18rem; height:1.04rem; position: fixed; z-index: 10000; right:0; top:45%;}
.entranceDrawing img { width:1.20rem; height:1.3rem; display:block;}


/*************************************old-style*****************************************/

.frame{ width:100%; height:auto;}
.frame_topBor{ height:7px; line-height:0; background:#EEE; border-bottom:1px solid #DDD; border-top:1px solid #DDD;}
.frame_title{ height:41px; line-height:41px; background:#F5F5F5; border-bottom:1px solid #DDD; padding:0 10px;}
.frame_title strong{ display:block; float:left; height:40px; padding:0 9px; min-width:55px; border-bottom:2px solid #007aff; text-align:center; font-weight:lighter; font-size:19px; white-space:nowrap;}
.frame_title strong a{ color:#007aff;}
.frame_title span { display:block; float:right; font-size:14px;}

.frame_img{ padding:0 10px;}
.frame_img img{ display:block; width:100%;}


.frame_list { margin:0 10px; border-top:1px solid #EEE;}
.frame_list li{ height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #EEE; }
.frame_list li a{ display:block; float:left; white-space:nowrap; overflow:hidden;}
.frame_list li span{ display:block; float:left;}
.news_xw li span img{display: inline; float: left; height: auto; margin-left: 2px; margin-top: 3px; width: 40px;}
.frame_list li em img{display: inline; float: left; height: auto; margin-left: 2px; margin-top: 3px; width: 40px;}

.doc_list{ margin:0 10px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.doc_list li{ -webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; white-space:nowrap; min-width:140px; max-width:300px;}
.doc_list li a{ display:block; width:80%; height:auto; text-align:center; margin:0 auto;}
.doc_list li a img{ display:block; width:100%; height:auto;}
.doc_list li a span{ display:block; font-size:14px; line-height:20px; padding:10px 0;}



	
/*鏂囩珷椤垫牱寮忓紑*/
.arc_title{ width:93%; height:auto; margin:0 auto; border-bottom:1px solid #eaeaea; margin-top:20px; padding-bottom:22px;}
.arc_title h1{ font-size:22px; height:auto; line-height:30px;}
.arc_title p{ font-size:14px; height:20px; line-height:20px; color:#888888; margin-top:10px;}
.arc_con{ width:93%; height:auto; text-align:justify; margin:18px auto 0; padding-bottom:6px;}
.arc_con p{ height:auto; font-size:17px; line-height:30px; margin-bottom:20px;}
.arc_con div{ height:auto; font-size:17px; line-height:30px; margin-bottom:20px;}

.arc_next{ width:93%; height:70px; margin:0 auto; border-top:1px solid #eaeaea; padding-top:18px;}
.arc_next ul li{ height:30px; line-height:30px; color:#888888; font-size:17px; overflow:hidden;}
.arc_next ul li a{ color:#111111;}	

.relatedArticles { width: 93%; height: auto; overflow: hidden; margin: 0 auto; }
.relatedArticles .rAcTop {width:99%; height:50px; font-size:18px; color: #444444; line-height: 50px; -moz-box-shadow:0px 0px 2px #DEDEDE; -webkit-box-shadow:0px 0px 2px #DEDEDE; box-shadow:0px 0px 2px #DEDEDE; margin: 10px auto;}
.relatedArticles .rAcTop img { width: auto; height: 50px; display: block; float: left; margin-right: 25px;}
.relatedArticles ul { width: 99%; overflow: hidden; margin: 10px auto 0;}
.relatedArticles ul li { height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #EEE; font-size: 17px; background:url(../images/rac_ps_03.jpg) no-repeat left center; background-size:17px 17px;}
.relatedArticles ul li a {display:block; padding-left:23px}
.relatedArticles ul li.last { border:none}


/*涓撳鍒楄〃鏍峰紡*/
.doctor_list{ height:auto; padding:0 10px 15px 10px;}
.doctor_list li{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; padding-top:15px; }
.doctor_list .doc_left{ -webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; max-width:150px; }
.doctor_list .doc_right{ -webkit-box-flex:2; -moz-box-flex:2; -webkit-flex:2; -ms-flex:2; flex:2; padding-left:15px; }
.doctor_list img{ display:block; width:100%; height:auto;}
.doctor_list p.p1{ font-size:17px; font-weight:bold; color:#0081cc;}
.doctor_list p.p2{ font-size:14px; color:#666; line-height:22px;}
.doctor_list p.p3 a{ display:block; width:80px; font-size:15px; height:30px; line-height:30px; border:1px solid #DDD; float:left; text-align:center; margin:10px 5px 0 0; background:#F5F5F5;}

	
/*挂号页面样式*/
.wsyy{ height:auto; padding:20px 10px;}
.wsyy p{ width:100%; height:auto; margin-bottom:20px; float:left;}
.wsyy p span{ width:30%; height:25px; line-height:25px; display:block; float:left;}
.wsyy p span em{ font-style:normal; display:block; padding-left:10px;}
.wsyy p input{ width:60%; height:25px; float:left; display:block; line-height:25px; padding-left:10px; border: 1px solid; border-color: rgb(169, 169, 169);} 
.wsyy p select{ width:60%; height:25px; float:left; display:block; line-height:25px; -webkit-appearance: none;}
.wsyy p input.s{ width:85px; height:35px; float:left; display:block; border:none; border-radius: 3px; background:#0081cc; font-size:17px; color:#fefefe; text-align:center; line-height:0 !important; padding-bottom:3px; cursor:pointer; -webkit-appearance: none; padding-left:0;}
input[type=”button”], input[type=”submit”], input[type=”reset”] {-webkit-appearance: none;}
.wsyy p input.sub{ margin-right:10px; background:#2eb300; margin-left:70px;}
.wsyy p input.re{ background:#e60012;}


.formbann1{ width:6.4rem; height:4.71rem; margin:0 auto; background:url(../../../../tp.xsjyk.net/shyk/swt/img/form_wap2.jpg) no-repeat center top; background-size:6.4rem 4.71rem;}
.formbb{ width:6.4rem; height:4.71rem; margin:0 auto;}
.form_sub{ width:3.93rem; height:2.82rem; padding-left:2.47rem; padding-top:1.89rem;}
.form_sub p{ width:3.93rem; height:auto;}
.form_sub p.p1{ height:.34rem; margin-bottom:.08rem;}
.form_sub p.p1 span{ width:.8rem; height:.34rem; line-height:.34rem; float:left; display:block; font-size:.16rem; color:#4679be;}
.form_sub p.p1 input{ width:2.46rem; height:.32rem; line-height:.32rem; font-size:.16rem; float:left; display:inline; border:1px solid #a3c0e8; padding-left:.1rem;}

.form_sub p.p3{ width:3.13rem; height:.3rem; line-height:.2rem; padding-left:.18rem; padding-top:.01rem; padding-left:.8rem; padding-bottom:.06rem;}
.form_sub p.p3 input[type="radio"] { margin: .03rem .1rem 0 .03rem; display: none; float:left;}
.form_sub p.p3 label { height:.3rem; line-height:.26rem; margin-top:.05rem; font-size:.16rem; padding-left:.15rem; cursor: pointer; background: url(../../../../tp.xsjyk.net/shyk/swt/img/light.jpg) no-repeat 0 .04rem; float:left; display:inline; color:#4679be;}
.form_sub p.p3 label.checked { background: url(../../../../tp.xsjyk.net/shyk/swt/img/dark.jpg) no-repeat 0 .04rem; color:#4679be;}
.form_sub p.p3 span{ float:left; display:inline;}
.form_sub p.p5{ width:2.48rem; height:.42rem; padding-left:.8rem; padding-top:.08rem;}
.form_sub p.p5 input{ width:2.48rem; height:.42rem; cursor:pointer;}

.news_frame{ width:6rem; height:auto; padding:.3rem .2rem 0;}
.news_frame dl{ width:6rem; height:auto; padding-bottom:.3rem; border-bottom:1px solid #ccc; margin-bottom:.3rem; float:left; display:inline;}
.news_frame dl dt{ width:1.86rem; height:1.54rem; float:left; display:inline;}
.news_frame dl dt img{ width:1.86rem; height:1.54rem; display:block; border-radius:.2rem;}
.news_frame dl dd{ width:3.94rem; height:auto; float:right; display:inline;}
.news_frame dl dd p.p1{ font-size:.24rem; line-height:.32rem; font-weight:bold;}
.news_frame dl dd p.p2{ font-size:.2rem; line-height:.34rem; margin-top:.1rem; text-align:justify;}
.news_frame dl dd p.p3{ width:2.04rem; font-size:.2rem; line-height:.3rem; margin-top:.1rem; padding-left:1.9rem;}
.news_frame dl dd p.p3 span{ width:.35rem; height:.3rem; display:block; float:left; background:url(../../../../3g.shneweye.com/templets/news/images/yanj.png) no-repeat 0 .08rem; color:#bbbbbb; background-size:.26rem .16rem; padding-left:.31rem;}
.news_frame dl dd p.p3 strong{ width:1rem; height:.3rem; text-align:center; display:block; float:left; color:#bbbbbb; margin-left:.3rem; border:1px solid #bbbbbb; border-radius:.05rem; font-weight:normal;}
.news_frame dl.n{ margin-bottom:0; border:none;}

.arc_con img { width: 100%;height:auto; }

.txt_limit{ width:4.09rem; height:.94rem; margin:0 auto; background:url(../../../../3g.shneweye.com/templets/news/images/pf_img.jpg) no-repeat; background-size:5.9rem 1.21rem; padding-left:1.55rem; padding-right:.26rem; padding-top:.27rem;}
.txt_limit p{ font-size:.18rem; color:#555555; line-height:.32rem; text-align:justify;}
.txt_limit p a{ color:#ff0000; text-decoration:underline;}











.swiper-slide dl.border2 dt { width: 2.17rem; height: 1.57rem; float: left; border-radius: 0.05rem; overflow: hidden; }
.swiper-slide dl.border2 dt img { width: 100%; height: auto; display: block; }
.swiper-slide dl.border2 dd { width: 3.41rem; height: 1.57rem; float: right; }
.swiper-slide dl.border2 dd h2 { width: 100%; font-size: .26rem; color: #000; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.swiper-slide dl.border2 dd p { width: 100%; height: .7rem; overflow: hidden; font-size: .22rem; line-height: .3rem; padding-top: .05rem; text-align: justify; text-overflow:ellipsis; }
.swiper-slide dl.border2 dd p a { color: #666; }
.swiper-slide dl.border2 dd span { font-size: .24rem; color: #b0b0b0; float: right; margin:.08rem 0 0 .15rem;}
.swiper-slide dl.border2 dd span i { margin-right: .1rem ; font-weight: 100; }


#gybt{width: 100%;font-size: .28rem;background: url(../../../../tp.xsjyk.net/shyk/swt/img/gybtbg_1.jpg) center no-repeat;background-size: 100% auto;height: 2rem;background-position: 0% 100%;}
#gybt div{width:.7rem;height:.7rem;border-radius: 50%;border: .01rem solid #4795e6;color: #4795e6;text-align: center;line-height: .7rem;margin: 0 auto;font-size: .42rem;font-weight: bold;}
#gybt p{margin: .22rem auto;display: block;text-align: center;color: #3c8ee4;font-weight: bold;display: block;font-size: .28rem;}
#gybt p .one{color: #fff;background: url(../../../../tp.xsjyk.net/shyk/swt/img/gybtlbg.png) center no-repeat; background-size: 100% 100%;width: 0.66rem;height: .37rem;padding: .01rem .02rem .02rem .11rem;letter-spacing: .1rem;}
.anniu{position: relative;width: 4.12rem;margin: 0 auto;background: url(../../../../tp.xsjyk.net/shyk/swt/img/anniu.gif)center no-repeat;background-size:  100%;height: 1.08rem;}
.arc_con .anniu{height: 1.08rem;}
.anniu img{width: 100%;display: block;height: 100%;}
.anniu a{position: absolute;width: 1rem;height: 1rem;top: 0;left: .12rem;}
.anniu .tel{right: .2rem;left: auto;}
.anniu p{color: #fff;font-weight: bold;font-size: .28rem;text-align: center;display: block;margin-bottom: 0;}
















.jiuda{ width:100%; overflow:hidden; margin-top:2px;}
.jiuda1 img{ width:100%;}
.jiuda1 ul li{ float:left; width:33.1%; margin-left:0.3%;}
.jiuda1{ width:100%; overflow:hidden; background:#dfdfdf;}


.jiuda2{ width:100%;overflow:hidden; background:#dfdfdf;}
.jiuda2 img{ width:100%;}

.jiuda3{ width:100%;overflow:hidden; margin-top:-3px; background:#dfdfdf;}
.jiuda3 img{ width:100%;}
.jiuda3 ul li{ float:left; width:49.8%; margin-left:0.4%;}

.jiuda4{ width:100%;overflow:hidden;margin-top:-3px; background:#dfdfdf;}
.jiuda4a{ width:58.4%; float:left;}
.jiuda4a ul li{line-height:0; margin-bottom:0.6%;}
.jiuda4a ul li img{ width:100%;}

.jiuda4b{ width:41.2%; float:right;}
.jiuda4b img{ width:100%;}





.fenlie{ margin-bottom:20px; margin-top:-5px;}



.home_depart{ overflow:hidden; background:#fff;}
.home_depart ul { width:100%; padding:10px 0; overflow:hidden;}
.home_depart ul li { float: left; width:24.8%; border-left:1px solid #dadada; border-top:1px solid #dadada; padding:10px 0 0 0 ;}
.home_depart ul li:nth-child(4n+1) { border-left:none;}
.home_depart ul li:nth-child(-n+4) { border-top: none;}
.home_depart ul li img { display: block; margin:0 auto;width: 70%;}
.home_depart ul li p { text-align: center; margin-top:5px; margin-bottom:5px; font-size:14px; color:#333; }
.home_team ul { padding:0.175rem 0 1.6rem;}
.home_team ul li { float: left; width: 4rem; margin-top: 0.825rem; }
.home_team .home_docimg { display: block; margin:0 auto; width: 3.4rem; height: 4.2rem; overflow: hidden; /*background: url(../images/home_docbg.png) no-repeat; border-radius: 50%;*/ padding-top: 0.3rem; background-size: 3.4rem auto;}
.home_team .home_docimg img { display: block; width: 4rem; margin-left: -0.4rem;}
.home_team ul li h3 { font-weight: normal; font-size: 0.65rem; text-align: center; color: #0052a6; margin:0.275rem 0; line-height: 0.65rem;}
.home_team ul li p { width: 3.325rem; margin:0 auto; text-align: center; font-size: 0.475rem; height: 0.925rem; border:1px solid #666; border-radius: 0.4rem; line-height: 0.825rem;}




.seven { margin:0 1.5%;}
.seven_t img {width: 100%;}
.seven_c {
	border: 1px solid #8b8b8b;
	border-bottom: none;
	padding:10px 10px;
	overflow: hidden;
}
.seven_c li {
	overflow: hidden;
	margin: 5px 0;
}
.seven_c li h1 {
	width:28%;
	background: #15A897;
	text-align: center;
	line-height:36px;
	font-size: 14px;
	float: left;
	color: #fff;
}
.seven_mar1 {
	width:67%;
	border: 1px solid #c3c3c3;
	border-left:0;
	background: #f7f7f7;
	height:30px;
	line-height:26px;
	font-size: 12px;
	color: #15A897;
	padding-left: 2%;
	overflow:hidden;
	border-radius:0;
}
.seven_c h2 {
	margin: 0;
	overflow: hidden;
}
.seven_c h2 input {
	background:#15a897; font-weight:bold; color:#ffff; line-height:37px; font-size:18px; border-radius:0;
	width: 49%;
}
.seven_c h2 p { margin-top:2px;
	width: 49%;margin: 0;
}
.seven_c h2 p a{
	background:#eb8604; font-weight:bold; color:#ffff; line-height:37px; font-size:18px; text-align:center;display: block;
}
.seven_c h2 p img {
	width: 100%;
}
.right {
    float: right;
}
input[type="text"] {
-webkit-appearance: none;
}

input:-webkit-autofill,select:-webkit-autofill {  
    -webkit-box-shadow: 0 0 0px 1000px white  inset !important;  
} 
 
 
input{
    outline-color: invert ;
	outline-style: none ;
	outline-width: 0px ;
	border: none ;
	border-style: none ;
	text-shadow: none ;
	-webkit-appearance: none ;
	-webkit-user-select: text ;
	outline-color: transparent ;
	box-shadow: none;
}


.footer .info div{ color:#fff; font-size:12px;}

.dibu111{ width:100%; margin:0 auto;margin-bottom: 50px;}
.dibu111 img{ width:100%; height:100%;}




.blank20{ height:20px; display:block;}





.mMain{
	width: 100%;
	padding-top: 5px;
}
.mainNav{
	background-color: #ffffff;
	padding: 13px 0%;
}
.mainNav ul{
	padding: 0px;
}
.mainNav ul li{
	width: 25%;
	height: auto;
	text-align: center;
	float: left;
	list-style: none;
}
.mainNav ul li a{
	display: block;
}
.mainNav ul li a img{
	width: 50%;
	height:100%;
	margin: 0 auto 2.5px;
}
.mainNav ul li a h3{
	height: 20px;
	line-height: 20px;
	font-weight: normal;
}
.mainNav ul li a:hover h3{
	color: #fa4c06;
}


.moreExp { text-align: center; font-size: .24rem; border-radius: 1em; border: 1px solid #e2e2e2; padding: .5em 0; width: 40%; margin: 0 auto; display: inline-block;}



.seven { margin:0 1.5%;

}
.seven_t img {
	width: 100%;
}

.bgfff {
    background-color: #FFF;
}

.dsdaa{ width:100%; margin:0 auto; padding-left:25%; margin:10px 0;}

.home_btn { width:100%;}
.home_btn ul li {float: left; width:45%;padding:5px 5px;border: 1px solid #dadada; margin:2% 0 2% 1.3%; border-radius: 0.1rem;}
.home_btn ul li img {display: block;width:80%; border-radius: 0.15rem; margin:0 auto;}
.home_btn ul li div {width:100%;}
.home_btn ul li div h3 {font-size:18px; font-weight: bold; color:#333; line-height26px; text-align:center;}
.home_btn ul li div p {font-size: 14px; margin:5px; color: #999; line-height:10px; text-align:center;}
.home_btn ul li div i {display: block;width:40%; height:2px;}


.home_tleee { height:auto; background: url(http://m.njsee.com/2017/images/homebg_18.png) repeat-x left center; width:70%; margin:0 auto; text-align: center;}
.home_tleee h3 { margin:0 auto; font-size:16px; font-weight: normal; width:50%; background: #efefef; color: #0052a6; padding-top:5px; line-height:15px;}
.home_tleee p { margin:0 auto; font-size:12px; color: #666; width:50%; background: #efefef; line-height:20px;}
.daoggee{ background:#efefef; overflow:hidden; margin:0px 0;}







.home_news{ background-color:#FFF;}
.home_tle {height:100%; margin: 0 auto;text-align: center; padding-top:10px; position:relative;}
.home_tle .more{ display:block; position:absolute; right:2%; top:35%;}
.home_tle h3 {font-size:18px;font-weight: normal;width:100%;line-height:30px; text-align:left; padding-left:2%;}
.home_tle p {margin: 0 auto;font-size: 0.45rem;color: #666;width: 5.5rem;background: #efefef;line-height: 0.45rem;}
.home_news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { text-align:right; top:12px; bottom:auto; padding-right:0.5rem;}
.xwdt .swiper-slide dl{ margin:0.5rem; border-bottom: solid 1px #e8e8e8; padding-bottom:0.4rem;}
.xwdt .swiper-slide dl .img1{ width:100px;}
.xwdt .swiper-slide dl .clamp{ color:#000;} 
.xwdt .swiper-slide dl .wsn{ color:#666; font-size:0.35rem; padding-top:0.3rem;}
.xwdt .more{ width:100%; line-height:1rem; text-align:center; display:block; font-size:0.55rem; margin-bottom:0.5rem;}
.physician{ background-color:#FFF;}
.physician ul{ margin-top:15px; padding-bottom:10px;}
.physician ul li{float: left; width: 33.3333%; text-align:center;margin-top:10px;}
.physician ul li i{ display:block; overflow:hidden; border-radius:50%; width:100%; margin:0 auto; background:url(../img/doc_listbg.png) no-repeat center center;}
.physician ul li i img {display: block;margin: 0 auto;width: 100%;}
.physician ul li span{ font-size:18px; margin-top:1%; display:block; text-align:center; line-height:20px;color:#0052a6;}
.physician ul li span p{ display:block; margin:0 auto; border:1px solid #CCC; color:#999; border-radius:1rem; width:90%; font-size:16px; margin:5% 0; padding:5px 0;}





.jujiao{ width:96%; margin:0 auto;}
.jujiao ul{ width:100%; margin-top:10px;}
.jujiao ul li{ width:48%; float:left; margin:1% 1%;}
.jujiao ul li img{ width:100%;}