.header .nav{ border-bottom: 1px solid #ddd;}

.middle{ font-size: 0; letter-spacing: -1.5em;}
.middle:after{ content:''; display:inline-block; vertical-align:middle; height:100%;}

.bread{ line-height: 20px; font-size: 14px; color: #707070;}
.bread a{ color: #707070;}
.bread a:hover{ color:#01763a;}
.bread .cur{}

.public-box{ padding: 100px 0 138px; background: url(../images/jpg7.jpg) center bottom no-repeat #fff;}
.public-box .t{ margin-bottom: 40px; text-align: center;}
.public-box .h1{ font-size: 24px; line-height: 1;}
.public-box .list{ margin: 0 2px; overflow: hidden;}
.public-box .list li{ float: left; width: 196px; text-align: center;}
.public-box .list li + li{ margin-left: 10px;}
.public-box .list li > a{ display: block; height: 170px; border: 1px solid #ccc; border-radius: 5px;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.public-box .list .ico{ display: block; margin: 40px auto 15px; width: 50px; height: 52px; background: left no-repeat;}
.public-box .list .p{ font-size: 18px;}
.public-box .list li:hover .ico{ background-position: right;
	-webkit-animation:rot 0.5s;
	animation:rot 0.5s;
}
.public-box .list li:hover > a{ color: #fff; border-color: #55a5aa; background-color: #55a5aa;}

.dynamic{ overflow: hidden; min-height: 700px;}
.dynamic .t{ margin-bottom: 40px; text-align: center;}
.dynamic .h1{ font-size: 24px; line-height: 1.2;}
.dynamic .list{ position: relative; margin-bottom: 62px;}
.dynamic .list li{ width: 398px; background-color: #fff; opacity: 0; visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.dynamic .list .pad{ padding: 23px;}
.dynamic .list .img{ margin-bottom: 21px; overflow: hidden;}
.dynamic .list .img img{ display: block; width: 100%;}
.dynamic .list .h3{ margin-bottom: 8px; font-size: 18px; line-height: 24px; color: #333; font-weight:bold; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/}
.dynamic .list .p{ margin-bottom: 5px; font-size: 14px; line-height: 22px; color: #474747;}
.dynamic .list .date{ font-family: Arial; font-size: 12px; line-height: 1.5; color: #474747;}
.dynamic .more{ display: block; margin: auto; width: 150px; border: 1px solid #c9c9c9; border-radius: 15px; font-size: 14px; line-height: 34px; text-align: center;}
.dynamic .more:hover{ color: #fff; border-color: #01763a; background-color: #01763a;}

.article{}
.article .main{ float: left; width: 704px; padding: 67px 42px 0;}
.article .main .t{ margin-bottom: 25px; padding-bottom: 34px; border-bottom: 1px solid #015128; font-size: 30px; line-height: 44px;}
.article .main .tip{ margin-bottom: 51px; font-size: 12px; line-height: 26px;}
.article .main .tip span{ display: inline-block; width: 232px; text-align: center; color: #666; }
.article .main .tip span + span + span{ margin-right: 0; }
.article .main .tip i{ font-family: Arial;}
.article .main .tip b{ cursor: pointer;}
.article .main .tip b + b{ margin-left: 20px;}
.article .main{ font-size: 16px; line-height: 26px;}
.article .main .text{line-height:1.8;}
.article .main .p + .p{ margin-top: 15px;}
.article .main .img{ margin: 35px 0; width: 691px;}
.article .main img{ /*display: block; width: 100%;*/}
.share_details {
    padding-top: 30px;
}
.article .main .handle{ margin: 20px -42px 0; padding-top: 20px;overflow: hidden;border-top:1px solid #ccc;}
.article .main .prev, .article .main .next{ position: relative; font-size: 14px; line-height: 25px; cursor: pointer;}
.article .main .prev{ float: left; padding-left: 32px;}
.article .main .prev:before{ content: '1'; position: absolute; left: 0; top: 0; width: 25px; height: 25px; background: url(../images/prev1.png) left no-repeat; font-size: 0;}
.article .main .next{ float: right; padding-right: 32px;}
.article .main .next:before{ content: '1'; position: absolute; right: 0; top: 0; width: 25px; height: 25px; background: url(../images/next1.png) left no-repeat; font-size: 0;}
.article .main .prev:hover:before, .article .main .next:hover:before{ background-position: right;}
.article .side{ float: right; width: 368px; margin-right: 15px;}
.article .side .t{ height: 190px; background: url(../images/jpg8.jpg) center no-repeat; font-size: 24px; line-height: 190px; text-align: center; color: #fff;}
.article .side .list{ border-left: 1px solid #ededed; border-right: 1px solid #ededed;}
.article .side .list li{ padding: 18px 15px; height: 48px; border-bottom: 1px solid #ededed; text-align: center;}
.article .side .list a{ display: inline-block; vertical-align: middle; width: 336px; font-size: 16px; line-height: 24px; text-align: left; letter-spacing: 0;}

.nursing{ padding: 0 40px 100px;}
.nursing .t{ margin-bottom: 29px; border-left: 10px solid #01763a; padding-left: 20px;}
.nursing .h1{ font-size: 24px; line-height: 40px;}
.nursing .list{ margin-bottom: 49px; border-top: 1px solid #e8e8e8; overflow: hidden;}
.nursing .list li{ position: relative; padding: 17px 0 14px; border-bottom: 1px solid #e8e8e8; font-size: 14px; line-height: 1.5;}
.nursing .list li:after{ content: '1'; position: absolute; bottom: 0; left: 0; right: 100%; border-bottom: 1px solid #328e5f; font-size: 0;
	-webkit-transition: right 0.2s;
	transition: right 0.2s;
}
.nursing .list li:hover:after{ content: ''; right: 0%;}
.nursing .num{ margin-right: 10px; font-family: Arial; color: #01763a;}
.nursing .date{ float: right; margin-left: 20px; font-family: Arial;}

.header .navList li .one{
	padding:0 20px;
}

#datalist .scaleimg{ position: relative;  }
#datalist .scaleimg .tuijian{ position: absolute; right: 0; top:0; width:40px; height:20px; line-height:20px; color:#fff; background:#01763a; text-align: center; font-size:12px; }

@-webkit-keyframes arr{
	0% { -webkit-transform:translateY(5px); transform:translateY(5px);}
	25% { -webkit-transform:translateY(0px); transform:translateY(0px);}
	50% { -webkit-transform:translateY(-5px); transform:translateY(-5px);}
	75% { -webkit-transform:translateY(0px); transform:translateY(0px);}
	100% { -webkit-transform:translateY(5px); transform:translateY(5px);}
}
@keyframes arr{ 
	0% { -webkit-transform:translateY(5px); transform:translateY(5px);}
	25% { -webkit-transform:translateY(0px); transform:translateY(0px);}
	50% { -webkit-transform:translateY(-5px); transform:translateY(-5px);}
	75% { -webkit-transform:translateY(0px); transform:translateY(0px);}
	100% { -webkit-transform:translateY(5px); transform:translateY(5px);}
}


@media only screen and (min-width:1024px) {
	/*	复用图片包裹	*/
	.scaleimg{ overflow:hidden;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.scaleimg img{ width:100%; height:auto;
		-webkit-transition:all .5s ease 0s;
		transition:all .5s ease 0s;
	}
	.scaleimg:hover img{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}


}

@media only screen and (min-width:1024px) and (max-width:1279px){

	.public-box .list{ margin: 0;}
	.public-box .list li{ width: 160px; margin: 0 2px;}
	.public-box .list li + li{ margin-left: 2px;}
	.public-box .list li > a{ height: 140px;}
	.public-box .list .ico{ margin: 30px auto 10px;}

	.article .main{ padding: 0; width: 700px;}
	.article .main .handle{ margin: 67px 0 0;}
	.article .side{ width: 274px; margin-right: 0;}
	.article .side .list li{ height: auto;}
	.article .side .list a{ width: 244px;}


}

@media only screen and (max-width:1023px) {
	.share_details{padding-top:0.3rem;}
	.article .main .handle{padding-top:0.2rem;}
	.bread{ line-height: 1.5; font-size: 0.24rem;}
	
	.xpage .p-show{ display: none;}
	.xpage .more.m-show{ display:inline-block; border:1px solid #bbbbbb; border-radius:0.5rem; font-size: 0.22rem; padding: 0.1rem 0.5rem;}

	.public-box{ padding: 1rem 0; background-size: contain;}
	.public-box .t{ margin-bottom: 0.5rem;}
	.public-box .h1{ font-size: 0.3rem;}
	.public-box .list{ text-align: center;}
	.public-box .list li{ display: inline-block; margin: 0 1% 0.1rem; width: 30%; vertical-align: top;}
	.public-box .list li + li{ margin-left: 1%;}
	.public-box .list li > a{ height: 1.6rem;}
	.public-box .list .ico{ margin: 0.4rem auto 0.2rem; width: 0.5rem; height: 0.52rem; background-size: 200%;}
	.public-box .list .p{ font-size: 0.22rem;}


	.dynamic{ min-height: 5rem;}
	.dynamic .t{ margin-bottom: 0.4rem;}
	.dynamic .h1{ font-size: 0.3rem;}
	.dynamic .list{ margin-bottom: 0.5rem;}
	.dynamic .list li{ width: 5rem;}
	.dynamic .list .pad{ padding: 0.2rem;}
	.dynamic .list .img{ margin-bottom: 0.2rem;}
	.dynamic .list .h3{ margin-bottom: 0.1rem; font-size: 0.26rem; line-height: 1.2;}
	.dynamic .list .p{ margin-bottom: 0.1rem; font-size: 0.24rem; line-height: 1.5;}
	.dynamic .list .date{ font-size: 0.2rem;}
	.dynamic .more{ width: 1.5rem; border-radius: 0.2rem; font-size: 0.24rem; line-height: 0.4rem;}

	.article .main{ float: none; margin-bottom: 0.5rem; width: 100%; padding: 0;}
	.article .main .t{ margin-bottom: 0.2rem; padding-bottom: 0.3rem; font-size: 0.3rem; line-height: 1.5;}
	.article .main .tip{ margin-bottom: 0.5rem; font-size: 0.22rem; line-height: 1.5;}
	.article .main .tip span{ margin-right: 0.5rem;}
	.article .main .tip b + b{ margin-left: 0.2rem;}
	.article .main { font-size: 0.22rem; line-height: 1.5;}
	.article .main .p + .p{ margin-top: 0.2rem;}
	.article .main .img{ margin: 0.3rem 0; width: 100%;}
	.article .main .handle{ margin: 0.3rem 0 0;}
	.article .main .prev, .article .main .next{ display: block; float: none; font-size: 0.22rem; line-height: 1.5;}
	.article .main .prev{ margin-bottom: 0.2rem; padding-left: 0.4rem;}
	.article .main .prev:before{ width: 0.3rem; height: 0.3rem; background-size: 200%;}
	.article .main .next{ padding-left: 0.4rem; padding-right: 0;}
	.article .main .next:before{ left: 0; right: auto; width: 0.3rem; height: 0.3rem; background-size: 200%;}
	.article .side{ float: none; width: 100%; margin-right: 0;}
	.article .side .t{ margin-bottom: 0.3rem; height: auto; background: none; font-size: 0.28rem; line-height: 1.5; text-align: left; color: #333;}
	.article .side .list{ border-left: 0; border-right: 0;}
	.article .side .list li{ padding: 0.2rem; height: auto; text-align: left;}
	.article .side .list a{ width: 100%; font-size: 0.24rem; line-height: 1.5;}

	.nursing{ padding: 0 0 1rem 0;}
	.nursing .t{ margin-bottom: 0.3rem; padding-left: 0.2rem;}
	.nursing .h1{ font-size: 0.3rem; line-height: 1.5;}
	.nursing .list{ margin-bottom: 0.5rem;}
	.nursing .list li{ padding: 0.2rem 0; font-size: 0.22rem;}
	.nursing .num{ margin-right: 0.1rem;}
	.nursing .date{ margin-left: 0.2rem;}


}