* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nav_top {
	width: 100%;
	background: #00524c;
	padding: 4px 0;
}
.nav_top a{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 3.0rem;
	color: #fff;
	display: inline-block;
	margin-right: 8px;
}
.nav_top .topIcon{
	float: right;
	margin-right: 2.8%;
}
.nav_top .topIcon a{
	display: inline-block;
}
.nav_top .topIcon img{
	width: 20px;
	height:18px;
}

.topIcon .weixinBox{
	position: relative;
		z-index: 999999;
}
.weixinBox .weixinpic{
	display: none;
	position: absolute;
	top: 30px;
	left: -20px;
	z-index: 999999;
	width: 120px;
	height: 120px;
	background: url(../images/ewmico.jpg) no-repeat;
	background-size: contain;
}
 .weixinBox:hover .weixinpic{
	display: block;
}
.mode003{
	top: 0;
}
.noticeBox{
	width: 100%;
}
.mode003 h3 {
	float: left;
	width: 9%;
	background: #dceade;
	text-align: center;
	font-size:36px;
	font-size: 3.6rem;
	font-weight: normal;
	padding: 74px 0 83px;
}
.mode003 .rt {
	margin-left: 9%;
}

.mode003 .rt ul li {
	width: 26%;
	float: left;
	line-height: 25px;
	font-size: 20px;
	font-size: 2.0rem;
	color: #00776e;
	margin: 1.7rem 1% 0 2%;
	overflow: hidden;
	height: 82px;
	font-weight: bold;
}
.mode003 .rt ul li{
	font-size: 18px;
	font-size: 1.8rem;
}
.mode003 .rt ul li a {
	display: block;
	color: #666;
	margin-top: 0;
		font-weight: normal;
}

.mode003 .rt ul li:hover a{
		color:#ee931d;
	transition: all .5s;
	-webkit-transition: all .5s; 
    -moz-transition: all .5s; 
    -ms-transition: all .5s; 
}
.mode003 .rt ul li:hover{
	color:#ee931d;
	transition: all .5s;
	-webkit-transition: all .5s; 
    -moz-transition: all .5s; 
    -ms-transition: all .5s; 
}

.mode003 .more {
	padding-top: 12px;
	width: 85px;
	height: 76px;
	position: absolute;
	right: 80px;
	bottom: 29%;
	background: url(../images/moricos.png) no-repeat left center;
	background-size: cover;
    text-align: center;
}
.mode003 .more a{
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
}
.more i {
	float: none;
	width: 100%;
	text-align: center;
	display: block;
	background: url(../images/jysicons04.png) center center no-repeat;
	background-size: 36%;
	height: 20px;
	margin-top:6px;
}
.mode02 .lf {
	width: 28%;
	float: left;
	margin-top:0;
}
.mode02 .rt {
	float: right;
	padding-left: 2%;
	width: 72%;
	margin-right: 0;
	margin: 0;
}
.mode02 .rt ul li {
	float: left;
	width: 46%;
	overflow: hidden;
	margin-bottom: 1%;
	height: auto;
	margin: 0 2% 3.7%;
}
.mode02 .rt ul li:nth-child(9),
.mode02 .rt ul li:nth-child(10){
	margin-bottom: 0;
}
.mode02 .rt ul li span strong {
    font-size: 30px;
    font-size: 3.0rem;
    color: #fff;
    height: auto;
    display: block;
    font-weight: normal;
    padding-top: 16px;
    line-height: 30px;
}
.mode02 .rt ul li span i {
	margin-top: 4px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    height: auto;
    display: block;
    font-style: normal;
}
.flex-control-nav {
    bottom: 4%;
    right: 6%;
    text-align: right;
    width: auto;
    position: absolute;
    z-index: 999;
}
.imgMark li{
	position: relative;
}
.main005 ul li a{
	position: relative;
	overflow: hidden;
	display: block;
	height: 100%;
}
.imgMark img{
	width: 100%;
	height: 100%;
}
.imgMark p{
	position: absolute;
	top: 45%;
	width: 100%;
	z-index: 9;
	font-size: 2.6rem;
	color: #fff;
	text-align: center;
}
.imgMark .caption{
 background: #1a1a1a;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.1) inset;
    height: 100%;
	top: 0;
    left: 0;
    opacity: 0.3;
    position: absolute;
    width: 100%;
	text-align:center;
	color: #fafafa;}

		.kyPic img {
			width: 100%;
		}
	/* .kyPic img {
       width: 60.5rem;
	   height: 33.7rem;
	} */
/* .footer_top .footLogo{
    width: 22%;
}
.footer_top .footLogo img{
	width: 80%;
}
.footer_top .footNav{
  margin-top: 10px;
   width: 75%;
}
.footNav ul li{
    float: left;
    width: 18%;
    margin-left: 3%;
    position: relative;
}
.footNav ul li:first-child{
  width: 30%;
}
.footNav ul li a,.footNav ul li p{
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 4.2rem;
    display: block;
}
.footer_bottom span{
	padding-right: 2%;
} */
.kyjz_tit{
	text-align: center;
	padding: 2rem 0 3rem;
}
.kyjz_tit h3{
	font-size: 2.7rem;
}
.kyjz_tit h3 p{
	font-size: 2.3rem;
}
.picShow,.picCare{
	float: left;
	width: 50%;
}
.picAll a{
	display: block;
	margin-bottom: 10px;
}
.careTit{
	margin-top: 0.5rem;
}
.careTit strong{
	font-size: 1.7rem;
	color: #00524c;
}
.careTit p{
	color: #000;
	font-size: 1.7rem;
	line-height: 3.3rem;
	 display: block;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
}
.careTit img{
	width: 100%;
}
.carePic .careIns{
	float: left;
	width: 50%;
	padding: 0 20px 0 0;
	margin-bottom: 2%;
}
.picAll{
	padding-right: 30px;
}
.picAll img,.carePic .careIns img{
	width: 100%;
}
.Picstrs{
   position: relative;
    overflow: hidden;
}
.Picstrs img{

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.Picstrs:hover img{
     -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
     transform: scale(1.1);
}
.careIns .Picstrs img{
	width: 100%;
	/* height: 30.6rem; */
	
}
.careIns:hover p{
	color: #00524c;
}
.jyMore a{
   display: block;
   font-size: 2.0rem;
   text-align: center;
   color: #4d4d4d;
}

/* imgBanner */
#carousel {
    width: 1776px;
	margin: 0 auto 2rem;
	/* margin-left: -10px; */
    position: relative;
}

#carousel ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

#carousel li {
    /* background: transparent url(../images/carousel_polaroid.png) no-repeat 0 0;
    font-size: 40px; */
    color: #999;
    text-align: center;
    display: block;
    width: 427px;
    padding: 0;
    margin:0 8px;
    float: left;
    position: relative;
}

#carousel li img {
   width: 100%;
   /* height: 100%; */
}

#carousel li span {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left;
    padding: 6px 0;
}

.kyimgt{
	position: relative;
}
.kyimgt p{
	position: absolute;
	top: 2rem;
	left: 2%;
	width: 96%;
	z-index: 9;
	color: #fff;
	font-weight: bold;
	font-size: 2.8rem;
	text-align: center;
}

#carousel .prev{
    background: transparent url(../images/banicon01.png) no-repeat 0 0;
    background-size: contain;
    text-indent: -999px;
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
      margin-left: -56px;
    position: absolute;
    top: 50%;
    left: 2px;
}

#carousel .next {
  background: transparent url(../images/banicon02.png) no-repeat 0 0;
   background-size: contain;
        text-indent: -999px;
        display: block;
        overflow: hidden;
        right: -50px;
        width: 30px;
        height: 30px;
        margin-left: 10px;
        position: absolute;
        top: 50%;
}
.indexWidth {
    padding: 20px 3% 20px;

}
.main005{
	padding-bottom:40px
}
/* #carousel .prev:hover {
    left: -31px;
}

#carousel .next {
    background-position: -18px 0;
    right: -20px;
}

#carousel .next:hover {
    right: -21px;
} */

#carousel .pager {
    display: none;
    text-align: center;
    margin: 0 auto;
}

/* #carousel .pager a {
    background: transparent url(../images/carousel_control.png) no-repeat -2px -32px;
    text-decoration: none;
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    width: 8px;
    height: 8px;
    margin: 0 5px 0 0;
}

#carousel .pager a.selected {
    background: transparent url(../images/carousel_control.png) no-repeat -12px -32px;
    text-decoration: underline;
} */

.tabMore {
	font-size: 1.8rem;
    position: absolute;
    right: 1.5%;
    z-index: 1;
}
.rtMore {
	font-size: 1.8rem;
	 right: 1.5%;
    float: right;
    position: relative;
}
.rtMore i{
	margin-top: 3px;
	background: url(../images/jt_03.png) left 3px no-repeat;
	background-size: contain;
}
@media screen and (max-width:1890px) {
#carousel {
    width: 1660px;
    margin: 0 auto 2rem;
    position: relative;
}
	#carousel li{
		width: 390px;
	}
	#carousel .next{
		    right: -21px;
	}

}

@media screen and (max-width:1690px) {
#carousel {
    width: 1500px;
    margin: 0 auto 2rem;
    position: relative;
}
	#carousel li{
		width: 350px;
	}
	#carousel .next{
		    right: -21px;
	}

}

@media screen and (max-width:1640px) {
.mode02 .rt ul li{
	    margin: 0 2% 26px;
}

}

@media screen and (max-width:1580px) {
#carousel {
    width: 1400px;
    margin: 0 auto 2rem;
    position: relative;
}
	#carousel li{
		width: 320px;
	}
	#carousel .next{
		    right: -42px;
	}
.nav_top .topIcon {
    float: right;
    margin-right: 0;
}

}




@media screen and (max-width:1480px) {
	.mode02 .rt ul li{
		margin: 0 2% 1.5%;
	}
.mode02 .rt ul li span{
width: 66px;
    height: 70px;
}
.mode02 .rt ul li a{
margin-left: 19%;
}
#carousel {
    width: 1220px;
    margin: 0 auto 2rem;
    position: relative;
}
	#carousel li{
		width: 286px;
	}
	#carousel .next{
		    right: -42px;
	}
.kyCon{
	padding: 1rem 1.5rem 1.5rem;
}
html{
	font-size: 56%;
}
.kyCon h3{
   margin-bottom: 1.2rem;
}
.mode003 h3{
	font-size: 3.4rem;
}
}

@media screen and (max-width:1320px) {
#carousel {
    width: 1180px;
    margin: 0 auto 2rem;
    position: relative;
}
	#carousel li{
		width: 276px;
	}
	#carousel .next{
		    right: -42px;
	}
	.mode003 .more {
    padding-top: 8px;
    width: 69px;
    height: 66px;
    position: absolute;
    right: 3%;
	margin-top: 2.8%;
    background: url(../images/moricos.png) no-repeat left center;
    background-size: cover;
    text-align: center;
}
.more i {
    float: none;
    width: 100%;
    text-align: center;
    display: block;
    background: url(../images/jysicons04.png) center center no-repeat;
    background-size: 38%;
    height: 20px;
    margin-top: 0;
}

}



@media screen and (max-width:1280px) {
#carousel {
    width: 880px;
    margin: 0 auto 2rem;
    position: relative;
}
	#carousel li{
		width: 276px;
	}
	#carousel .next{
		    right: -42px;
	}



}








@media screen and (max-width:1210px) {
.picShow, .picCare {
    float: left;
    width: 100%;
}
.mode02 .lf,.mode02 .rt{
	width: 100%;
	margin-bottom: 4%;
	padding-left: 0;
}
 .mode02 .rt{
	margin-bottom: 0;
 }
.mode02 .lf .kyCon {
    padding: 3% 3%;
}
.kyPic img{
	width: 100%;
	/* height: 100%; */
}

.kyimgt p {
	font-size: 2.2rem;
}
}

@media screen and (max-width:1010px) {

#carousel {
    width: 600px;
    margin: 0 auto 2rem;
    position: relative;
}
	#carousel li{
		width: 282px;
	}
	#carousel .next{
		    right: -42px;
	}
.mode003 .rt ul li{
	margin: 1rem 1% 0 2%;
	height: auto;
}
.mode003 .rt ul li a{
	 display: block;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
}
.mode003 h3{
	padding: 3.5rem 1rem;
}
.mode02 .rt ul li a {
    margin-left: 26%;
}
/* .rtMore a{
	font-size: 1.8rem;
} */
.mode003 h3 {
    padding: 3.5rem 1rem;
    min-height: 124px;
}


}

@media screen and (max-width:998px) {
.indexWidth {
    padding: 10px 3% 10px;
}
      .nlinks span a.weixinBox{
          position: relative;
      }
      .weixinBox .weixinpic {
    top: -100px;
    left: -30px;
    width: 100px;
    height: 100px;
    background-size: contain;
}
.imgMark p{
	font-size: 2rem;
}
}








@media screen and (max-width:710px) {
	.tabMore {
		font-size: 1.6rem;
		position: absolute;
		right: 1.5%;
		z-index: 1;
	}
	html{
		font-size: 58%!important;
	}
	.flex-control-nav {
		bottom: 8%;
		right: 16%;
		display: none;
	}
	.mode003 .more a,
	.jyMore a,
	.mode02 .rt ul li em {
		font-size: 1.6rem;
	}
	.mode003 .rt ul li,.mode003 .rt ul li a{
		font-size: 1.6rem;
	}
	.mode003 .more{
		margin-top: 4%;
	}
	.rtMore i{
 }
	.Picstrs img{
		width: 100%!important;
		/* height: 100%!important; */
	}
	.carePic .careIns{
		width: 100%;
	}
	.careIns .Picstrs img {
	width: 100% !important;
	/* height: 100% !important; */
	}
#carousel {
    width: 360px;
    margin: 0 auto 2rem;
    position: relative;
}
	#carousel li{
		width: 330px;
	}
	#carousel .next{
		    right: -42px;
	}
.mode003 h3 {
    font-size: 2.4rem;
}
.picAll {
    padding-right: 0;
}

}

@media screen and (max-width:540px) {
	.flex-control-nav {
		bottom: 6%;
		right: 23%;
		text-align: right;
		width: auto;
		position: absolute;
		z-index: 999;
	}
	.flex-control-paging li a{
		font-size: 1.6rem;
	}
	.flex-control-paging li a:hover,
	.flex-control-paging li a.flex-active{
		font-size: 1.8rem;
	}
.carePic .careIns{
	padding: 0 6px;
}
#carousel {
    width: 296px;
    margin: 0 auto 2rem;
    position: relative;
}
	#carousel li{
		width: 274px;
	}
	#carousel .next{
		    right: -42px;
	}
.mode003 h3 {
    font-size: 2.4rem;
}
#carousel .prev{
	margin-left: -30px;
}
#carousel .next {
    right: -28px;
}
.mode003 .rt ul li:nth-child(4),
.mode003 .rt ul li:nth-child(5){
	display: none;
}
.mode003 .rt ul li{
	width: 34%;
}
.mode003 .more{
	    width: 58px;
    height: 58px;
	    background-size: 90%;
}
.mode003 h3 {
	font-size: 2.0rem;
    padding: 3rem 0.5rem;
    min-height: auto;
}
.kyjz_tit h3 {
    font-size: 2.2rem;
}
.kyjz_tit h3 p {
    font-size: 1.8rem;
}
.mode003 .rt {
    margin-left: 12%;
}
.kyjz_tit {
    text-align: center;
    padding: 1rem 0 2rem;
}

.mode02 .rt ul li{
	width: 100%;
	margin: 0 0 2.5%;
}
.mode02 .rt ul li:nth-child(9), .mode02 .rt ul li:nth-child(10) {
    margin: 0 0 2.5%;
}
.mode02 .rt ul li span {
    width: 60px;
    height: 60px;
}
	.mode02 .rt ul li span strong{
			font-size: 2.4rem;
	}
.mode02 .rt ul li a {
    margin-left: 70px;
}
.mode02 .rt ul li span i{
	margin-top: 0;
}
}