﻿@charset "utf-8";
@media screen and (min-width: 1200px) {
	.inbanner a {
		display: block;
		overflow: hidden;
		width: 100%;
		height: 306px;
	}
	.inpagebox{
		
	}
	.innertitle {
	    background: url(../images/home.png) no-repeat left;
	    padding-left: 30px;
	    border-bottom: 1px solid #dfdfdf;
	    height: 60px;
	    line-height: 60px;
	    width: 1200px;
	    margin: 0px auto;
	    font-size: 14px;
	}
	.innertitle a{
		font-size: 0.875rem;
	}
	.neirong{
		font-size: 14px;
		width: 1200px;
		line-height: 35px;
		padding: 30px 0;
	}
	
	
	
	/*内页*/
	
	
	
	.inpagebox {
		overflow: hidden;
		width: 100%;
		padding: 0px;
		
	}
	
	.inpagebox02 {
		background-color: #fff
	}
	
	
	.inmenu {
		width: 100%;
		position: relative;
		/* margin-bottom: 50px; */
	}
	
	.inmenu em {
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 1px;
		background-color: #cdd8e8;
	}
	
	.inmenu ul {
		margin: 0 auto;
		position: relative;
		z-index: 2;
		width: 100%;
		text-align: center;
	}
	
	.inmenu li {
		display: inline-block;
		margin: 0 10px;
		position: relative;
		*height: 75px;
	}
	
	.inmenu li div.rowsChildCln {
		position: absolute;
		bottom: -22px;
		display: none;
		width: 1000px;
	}
	
	.inmenu li div.rowsChildCln a {
		float: left;
		margin-right: 10px;
	}
	
	.inmenu li {
		*display: inline;
	}
	
	.inmenu li a {
		display: block;
		font-size: 14px;
		color: #777;
		padding: 10px 20px;
		border-radius: 3px;
		margin-bottom: 5px;
		text-align: center;
		text-decoration: none
	}
	
	.inmenu li i {
		display: none;
		width: 1px;
		height: 30px;
		background-color: #cdd8e8;
		margin: 0 auto;
		margin-bottom: 4px;
	}
	
	.inmenu li b {
		display: none;
		width: 3px;
		height: 3px;
		background-color: #b2c0d5;
		margin: 0 auto;
	}
	
	.inmenu li.cur div.rowsChildCln {
		display: block;
	}
	
	.inmenu li.cur a,
	.inmenu li:hover a {
		background-color: #1651b9;
		color: #fff;
	}
	
	.inmenu li a.on {
		background-color: #1651b9;
		color: #fff;
	}
	
	.inmenu li.cur,
	.inmenu li:hover {
		display: inline-block;
	}
	
	/* .inmenu li.cur,
	.inmenu li:hover {
		*display: inline;
		*zoom: 1
	}
	
	.inmenu li.cur i,
	.inmenu li:hover i {
		display: block
	}
	
	.inmenu li.cur i,
	.inmenu li:hover i {
		*display: inline-block
	} */
	
	.inmenu li.cur b,
	.inmenu li:hover b {
		display: block
	}
	
	.inmenu li.cur b,
	.inmenu li:hover b {
		*display: inline-block
	}
	
	
	.probox {
		overflow: hidden;
		width: 1200px;
		margin: 0 auto;
		position: relative;
		margin-bottom: 5px;
	}
	
	.probox ul {
		padding: 10px;
		overflow: hidden;
		width: 1230px;
	}
	
	.probox li {
		overflow: hidden;
		float: left;
		position: relative;
		width: 380px;
		height: 460px;
		margin-right: 16px;
		background-color: #fff;
		margin-bottom: 20px;
	}
	
	.probox li img {
		display: block;
		position: absolute;
		left: 0;
		top: 0
	}
	
	.probox li .wen {
		overflow: hidden;
		padding: 0 20px;
		width: 346px;
		height: 93px;
		border-top: 1px solid #ccc;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 2;
		background: url(../images/p02_jiantou.png) no-repeat -40px center;
	}
	
	.probox li h4 {
		font-size: 16px;
		font-weight: normal;
		margin-top: 20px;
		margin-bottom: 5px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	.probox li h4 a {
		color: #333;
	}
	
	.probox li p {
		font-size: 12px;
		color: #999;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 290px;
	}
	
	.probox li:hover {
		box-shadow: 0 0 10px #ccc;
	}
	
	.probox li:hover a {
		color: #fff;
	}
	
	.probox li:hover p {
		color: #a3beef;
	}
	
	.fenye {
		overflow: hidden;
		margin: 0 auto;
		height: 38px;
	}
	
	.fenye li {
		float: left;
		width: 36px;
		height: 36px;
		border: 1px solid #cecece;
		text-align: center;
		line-height: 36px;
		font-size: 16px;
		color: #888;
		margin: 0 5px;
		cursor: pointer
	}
	
	.fenye li:hover,
	.fenye li.cur {
		color: #fff;
		background-color: #1651b9;
		border-color: #1651b9;
	}
	
	/* 新闻列表 */
	.innewsbox {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.innewsbox .listnews {
		overflow: hidden;
		width: 100%;
	}
	
	.innewsbox .listnews dl {
		overflow: hidden;
		padding: 40px 0;
		border-bottom: 1px solid #eee;
		margin-bottom: 0;
		width: 1200px;
	}
	
	.innewsbox .listnews dt {
		overflow: hidden;
		float: left;
		position: relative
	}
	
	.innewsbox .listnews dd {
		overflow: hidden;
		width: 700px;
		float: left;
		position: relative;
		height: 125px;
	}
	
	.innewsbox .listnews dt img {
		display: block;
		float: left;
		margin-left: 30px;
		margin-right: 25px;
	}
	
	.innewsbox .listnews dt h4 {
		font-weight: normal;
		float: left;
		margin-top: 40px;
		margin-right: 30px;
	}
	
	.innewsbox .listnews dt em {
		font-size: 28px;
		color: #333;
		display: block;
		font-family: Arial;
	}
	
	.innewsbox .listnews dt span {
		display: block;
		font-size: 14px;
		color: #888;
		float: left;
		font-family: Arial;
	}
	
	.innewsbox .listnews dt i {
		display: none;
		width: 0px;
		height: 2px;
		background-color: #1651b9;
		position: absolute;
		left: 267px;
		top: 62px;
	}
	
	.innewsbox .listnews dd h5 {
		font-weight: normal;
		font-size: 16px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		margin-bottom: 20px;
		width: 600px;
	}
	
	.innewsbox .listnews dd p {
		font-size: 14px;
		width: 600px;
		color: #666;
		line-height: 20px;
		height: 40px;
		overflow: hidden;
	}
	
	.innewsbox .listnews dd .more {
		overflow: hidden;
		display: block;
		width: 40px;
		height: 40px;
		background: url(../images/innews_more.jpg) no-repeat center top;
		position: absolute;
		top: 44px;
		right: 0;
	}
	
	.innewsbox .listnews:hover dl {
		background-color: #e8eff9;
		box-shadow: none
	}
	
	.innewsbox .listnews:hover {
		box-shadow: 0 0 10px #ccc
	}
	
	.innewsbox .listnews:hover h5 a {
		color: #1651b9;
	}
	
	
	
	
}

@media (max-width: 768px) {
	.inbanner a {
		display: block;
		overflow: hidden;
		width: 100%;
		height:100%;
	}
	.inpagebox{
		margin-top: 50px;
	}
	.innertitle {
	    background: url(../images/home.png) no-repeat left;
	    padding-left: 30px;
	    border-bottom: 1px solid #dfdfdf;
	    height: 40px;
	    line-height: 40px;
	    width: 90%;
	    margin: 0px auto;
	    font-size: 1rem;
	}
	.innertitle a{
		font-size: 0.875rem;
	}
	.neirong{
		width: 98%;
		padding: 1%;
		line-height: 1.875rem;
	}
	
	
	/*内页*/
	
	
	
	.inpagebox {
		overflow: hidden;
		width: 100%;
		/* padding: 20px 0;
		background-color: #e8eff9; */
	}
	
	.inpagebox02 {
		background-color: #fff
	}
	
	
	.inmenu {
		width: 100%;
		position: relative;
		/* margin-bottom: 50px; */
	}
	
	.inmenu em {
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 1px;
		background-color: #cdd8e8;
	}
	
	.inmenu ul {
		margin: 0 auto;
		position: relative;
		z-index: 2;
		width: 100%;
		text-align: center;
	}
	
	.inmenu li {
		display: inline-block;
		margin: 0 10px;
		position: relative;
		*height: 75px;
	}
	
	.inmenu li div.rowsChildCln {
		position: absolute;
		bottom: -22px;
		display: none;
		width: 100%;
	}
	
	.inmenu li div.rowsChildCln a {
		float: left;
		margin-right: 10px;
	}
	
	.inmenu li {
		*display: inline;
	}
	
	.inmenu li a {
		display: block;
		font-size: 14px;
		color: #777;
		padding: 10px 20px;
		border-radius: 3px;
		margin-bottom: 5px;
		text-align: center;
		text-decoration: none
	}
	
	.inmenu li i {
		display: none;
		width: 1px;
		height: 30px;
		background-color: #cdd8e8;
		margin: 0 auto;
		margin-bottom: 4px;
	}
	
	.inmenu li b {
		display: none;
		width: 3px;
		height: 3px;
		background-color: #b2c0d5;
		margin: 0 auto;
	}
	
	.inmenu li.cur div.rowsChildCln {
		display: block;
	}
	
	.inmenu li.cur a,
	.inmenu li:hover a {
		background-color: #1651b9;
		color: #fff;
	}
	
	.inmenu li a.on {
		background-color: #1651b9;
		color: #fff;
	}
	
	.inmenu li.cur,
	.inmenu li:hover {
		display: inline-block;
	}
	
	/* .inmenu li.cur,
	.inmenu li:hover {
		*display: inline;
		*zoom: 1
	}
	
	.inmenu li.cur i,
	.inmenu li:hover i {
		display: block
	}
	
	.inmenu li.cur i,
	.inmenu li:hover i {
		*display: inline-block
	} */
	
	.inmenu li.cur b,
	.inmenu li:hover b {
		display: block
	}
	
	.inmenu li.cur b,
	.inmenu li:hover b {
		*display: inline-block
	}
	
	
	.probox {
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		position: relative;
		margin-bottom: 54px;
	}
	
	.probox ul {
		padding: 10px;
		overflow: hidden;
		width: 100%;
		height: auto;
		float: left;
	}
	
	.probox li {
		overflow: hidden;
		float: left;
		position: relative;
		width: 95%;
		height: 460px;
		background-color: #fff;
		margin-bottom: 20px;
	}
	
	.probox li img {
		width: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0
	}
	
	.probox li .wen {
		overflow: hidden;
		padding: 0 20px;
		width: 100%;
		height: 93px;
		border-top: 1px solid #ccc;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 2;
		background: url(../images/p02_jiantou.png) no-repeat -40px center;
	}
	
	.probox li h4 {
		font-size: 16px;
		font-weight: normal;
		margin-top: 20px;
		margin-bottom: 5px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	
	.probox li h4 a {
		color: #333;
	}
	
	.probox li p {
		font-size: 12px;
		color: #999;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 290px;
	}
	
	.probox li:hover {
		box-shadow: 0 0 10px #ccc;
	}
	
	.probox li:hover a {
		color: #fff;
	}
	
	.probox li:hover p {
		color: #a3beef;
	}
	.age_li_about{
		padding: 1%;
		margin-top: 50px;
	}
	.age_li_about img{
		width: 90%;
	}
	.fenye {
		overflow: hidden;
		margin: 0 auto;
		height: 38px;
	}
	
	.fenye li {
		float: left;
		width: 36px;
		height: 36px;
		border: 1px solid #cecece;
		text-align: center;
		line-height: 36px;
		font-size: 16px;
		color: #888;
		margin: 0 5px;
		cursor: pointer
	}
	
	.fenye li:hover,
	.fenye li.cur {
		color: #fff;
		background-color: #1651b9;
		border-color: #1651b9;
	}
	
	
	#neir{
		margin-top: 50px;
	}
	/* 新闻列表 */
	.innewsbox {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.innewsbox .listnews {
		overflow: hidden;
		width: 98%;
		padding: 1%;
	}
	
	.innewsbox .listnews dl {
		overflow: hidden;
		padding: 0;
		border-bottom: 1px solid #eee;
		margin-bottom: 0;
		width: 98%;
	}
	
	.innewsbox .listnews dt {
		overflow: hidden;
		float: left;
		position: relative;
		text-align: center;
		width: 100%;
		height: auto;
	}
	
	.innewsbox .listnews dd {
		overflow: hidden;
		width: 100%;
		float: left;
		position: relative;
		height: 125px;
	}
	
	.innewsbox .listnews dt img {
		display: block;
		float: left;
		width: 100%;
		
		
	}
	
	.innewsbox .listnews dt h4 {
		display: none;
		font-weight: normal;
		float: left;
		margin-top: 40px;
		margin-right: 30px;
	}
	
	.innewsbox .listnews dt em {
		font-size: 28px;
		color: #333;
		display: block;
		font-family: Arial;
	}
	
	.innewsbox .listnews dt span {
		display: block;
		font-size: 14px;
		color: #888;
		float: left;
		font-family: Arial;
	}
	
	.innewsbox .listnews dt i {
		
		display: none;
		width: 0px;
		height: 2px;
		background-color: #1651b9;
		position: absolute;
		left: 267px;
		top: 62px;
	}
	
	.innewsbox .listnews dd h5 {
		font-weight: normal;
		font-size: 16px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		margin-bottom: 20px;
		width: 100%;
	}
	
	.innewsbox .listnews dd p {
		font-size: 14px;
		width: 100%;
		color: #666;
		line-height: 20px;
		height: 40px;
		overflow: hidden;
	}
	
	.innewsbox .listnews dd .more {
		overflow: hidden;
		display: none;
		width: 40px;
		height: 40px;
		background: url(../images/innews_more.jpg) no-repeat center top;
		position: absolute;
		top: 44px;
		right: 0;
	}
	
	.innewsbox .listnews:hover dl {
		background-color: #e8eff9;
		box-shadow: none
	}
	
	.innewsbox .listnews:hover {
		box-shadow: 0 0 10px #ccc
	}
	
	.innewsbox .listnews:hover h5 a {
		color: #1651b9;
	}
	
	
}