@charset "utf-8";
/* CSS Document */
.age_div {
	width: 1600px;
	margin:0 auto;
	min-height: 750px;
	background: url(../images/prd_back4.jpg)no-repeat ;
	background-size:100%;
	padding: 100px 0 0 0;
}
.age_tab {
	width: 1250px;
	height: auto;
	margin: 0 auto;
}
.age_tab .hd ul {
	z-index: 5;
	position: relative;
	zoom: 1;
	font-size: 16px;
	color: #333;
	width: 832px;
	margin: 0 auto;
}
.age_tab .hd li {
	float: left;
	width: 103px;
	text-align: center;
	height: 103px;
	line-height: 30px;
	cursor: pointer;
	font-size: 20px;
	margin-left: 140px
}
.age_tab .hd li:nth-child(1) {
	margin-left: 0;
}
.age_tab .hd li span {
	width: 103px;
	height: 103px;
	display: block;
	margin: 0 auto 5px auto;
}
.age_tab .hd li:nth-child(1) span {
	background: url("../images/prd_yuan1.png")no-repeat center top;
}
.age_tab .hd li:nth-child(2) span {
	background: url("../images/prd_yuan2.png")no-repeat center top;
}
.age_tab .hd li:nth-child(3) span {
	background: url("../images/prd_yuan3.png")no-repeat center top;
}
.age_tab .hd li:nth-child(4) span {
	background: url("../images/prd_yuan4.png")no-repeat center top;
}
 
.age_tab .cpgg ul {
	z-index: 5;
	position: relative;
	zoom: 1;
	font-size: 16px;
	color: #333;
	width: 589px;
	margin: 0 auto;
}
.age_tab .cpgg li {
	float: left;
	width: 103px;
	text-align: center;
	height: 103px;
	line-height: 30px;
	cursor: pointer;
	font-size: 20px;
	margin-left: 140px
}
.age_tab .cpgg li:nth-child(1) {
	margin-left: 0;
}
.age_tab .cpgg li span {
	width: 103px;
	height: 103px;
	display: block;
	margin: 0 auto 5px auto;
}
.age_tab .cpgg li:nth-child(1) span {
	background: url("../images/prd_yuan1.png")no-repeat center top;
}
.age_tab .cpgg li:nth-child(2) span {
	background: url("../images/prd_yuan2.png")no-repeat center top;
}
.age_tab .cpgg li:nth-child(3) span {
	background: url("../images/prd_yuan3.png")no-repeat center top;
}
 







.productDwon {
	float: left;
	width: 103px;
	text-align: center;
	height: 103px;
	line-height: 30px;
	cursor: pointer;
	font-size: 20px;
	margin-left: 140px;
	color:#333;
}
.productDwon span {
	width: 103px;
	height: 103px;
	display: block;
	margin: 0 auto 5px auto;
	background: url("../images/prd_yuan4.png")no-repeat center top;
}
.age_tab .hd li.on {
	color: #0285ee !important
}
.age_tab .hd li.on span {
}
.age_tab .hd li:nth-child(1).on span {
	background: url("../images/prd_yuan1_1.png")no-repeat center top;
}
.age_tab .hd li:nth-child(2).on span {
	background: url("../images/prd_yuan2_2.png")no-repeat center top;
}
.age_tab .hd li:nth-child(3).on span {
	background: url("../images/prd_yuan3_3.png")no-repeat center top;
}
.age_tab .hd li:nth-child(4).on span {
	background: url("../images/prd_yuan4_4.png")no-repeat center top;
}
.age_tab .bd {
	padding: 0 58px 0 58px;
	clear: both;
	position: relative;
	height: 445px;
	overflow: hidden;
	margin-bottom: 32px
}
.age_tab .bd .conWrap {
	width: 1200px;
	float: left;
	height: 445px;
}
.age_tab .bd .conWrap .img {
	width: 541px;
	height: 394px;
	float: left;
	display: block;
	z-index: 9;/* margin-left:100px; */
	position: relative
}
.age_tab .bd .conWrap .lefttxt {
	width: 400px;
	height: auto;
	float: left;
	color: #ff7380;
	line-height: 28px;
	padding: 0px 0 0 0;
	margin-left: 80px;
}
.age_tab .bd .conWrap .dh {

	margin-bottom: 15px;
	font-size:18px;
	line-height: 34px;
	text-align: justify;
	color: #111;
}
.age_tab .bd .conWrap .tedian {
	width: 80%;
	height: 500px;
	/*background: #fff;*/
	margin: 0 10%;
	padding: 5%;overflow: auto;
}
.age_tab .bd .conWrap .ww {
	width: 80%;
	height: 500px;
	 
	margin: 0 10%;
	padding: 2%
}
.age_tab .bd .conWrap .tedian table {
	width: 100%;
	/*height:90%;*/
	margin: 0 auto;
	border: 1px solid #aaa;
}
.age_tab .bd .conWrap .tedian table tr td {
	border: 1px solid #aaa;
	padding: 5px 10px;
	color: #111;
}
.age_tab .bd .conWrap .guige {
	width: 80%;
	height: 450px;
	background: #fff;
	margin: 0 10%;
}
.age_tab .bd .conWrap .tedian p {
	font-size: 20px;
	color: #111;
	line-height: 42px;
	text-align: justify
}
.age_tab .prev, .age_tab .next {
	position: absolute;
	left: 0;
	top: 190px;
}
.age_tab .next {
	left: auto;
	right: 0;
}
.age_tab .prevStop, .age_tab .nextStop {
	display: none;
}
.age_tab .bd .conWrap .lefttxt a {
	display: block;
	width: 175px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	background: #0067ac;
	text-align: center;
}
.age_div1 {
	width: 100%;
	min-height: 670px;
	background: url(/OnLine/Images/agea.png) repeat-x 0 589px;
	padding: 60px 0 0 0;
}
.age_tab1 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.age_tab1 .hd ul {
	z-index: 5;
	position: relative;
	zoom: 1;
	height: 112px;
	font-size: 16px;
	color: #c6c6c6;
}
.age_tab1 .hd li {
	float: left;
	width: 84px;
	text-align: center;
	height: 74px;
	line-height: 24px;
	padding: 38px 0 0px 0;
	line-height: 30px;
	cursor: pointer;
	margin-right: 13px;
	font-size: 20px;
}
.age_tab1 .hd li span {
	width: 2px;
	height: 28px;
	display: block;
	margin: 0 auto 5px auto;
	background: #c6c6c6
}
.age_tab1 .hd li.on {
	background: url(/OnLine/Images/subc.png) no-repeat center top;
	color: #e5006e !important
}
.age_tab1 .hd li.on span {
	background: #ff7380 !important
}
.age_tab1 .bd {
	padding: 0 58px 0 58px;
	clear: both;
	position: relative;
	height: 455px;
	overflow: hidden;
	margin-bottom: 32px
}
.age_tab1 .bd .conWrap {
	width: 1200px;
	float: left;
	height: 455px;
}
.age_tab1 .bd .conWrap .img {
	width: 453px;
	height: 453px;
	float: left;
	display: block;
	z-index: 9;
	border-radius: 50%;
	position: relative
}
.age_tab1 .bd .conWrap .imga {
	width: 451px;
	height: 451px;
	float: left;
	z-index: 1;
	border-radius: 50%;
	border: 1px dashed #fed2d7;
	margin-left: -432px;
}
.age_tab1 .bd .conWrap .lefttxt {
	width: 600px;
	height: auto;
	float: left;
	color: #f0348c;
	line-height: 28px;
	padding: 0 0 0 0;
}
.age_tab1 .bd .conWrap .dh {
	height: 50px;
	line-height: 50px;
	color: #f0348c;
	font-size: 30px;
	margin-bottom: 20px;
}
.age_tab1 .bd .conWrap .dh span {
	display: inline-block;
	width: 48px;
	height: 30px;
	border-bottom: 2px solid #ff7380;
	margin-left: 6px
}
.age_tab1 .prev, .age_tab1 .next {
	position: absolute;
	left: 0;
	top: 190px;
}
.age_tab1 .next {
	left: auto;
	right: 0;
}
.age_tab1 .prevStop, .age_tab1 .nextStop {
	display: none;
}
.age_tab1 .bd p {
	padding-bottom: 10px
}
.banner_con {
	width: 1200px;
	margin: 0 auto;
}
.productDetail {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
}
.productDetail table {
	width: 100%; 
	margin: 0 auto;
	border: 1px solid #aaa;
	margin-bottom:4%
}
.productDetail table tr td {
	border: 1px solid #aaa;
	padding: 5px 10px;
	color: #111;
}
.productDetail h3 {
	width: 100%;
	text-align: center;
	color: #333;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 2.5%;
	font-size: 20px;
	padding-bottom: 1.5%
}
.productDetail h4 {
	width: 100%;
	text-align: center;
	color: #333; 
	margin-bottom: 2.5%;
	font-size: 20px; 
}
.productDetail p {
	font-size: 14px;
	color: #333;
	line-height: 28px;
}
@media only screen and (max-width: 1680px){
	.age_div{width: 1360px; background-size:cover}
	 .age_tab .bd{ padding:0 25px;}
}
 @media screen and (max-width: 1440px) {
	 .age_tab .bd { padding:0}
	 .age_div{ width: 1170px;}
	 .age_tab{ width:1170px;}
	 .age_tab .bd .conWrap .tedian{ margin:0 0 0 7%; height:500px}
	 
 }
  @media screen and (max-width: 1170px) {
	  .age_div{ display:none}
	  }
 @media screen and (max-width: 991px) {
.productDetail {
	width: 100%;
	max-width: none; 
}
.productDetail h3 {
	text-align: left;
	font-size: 18px;
}
.productDetail h4{ font-size:18px;  margin-bottom: 4% 0;}
.productDetail table{  border:none}
.productDetail table tr td{ font-size:12px; padding:0;}
}