@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑", Helvetica, Arial, "黑体", "宋体" !important;
	font-weight: 300 !important;
	color: #333;
	background: #FFF;
	letter-spacing: 0.5px;
}
.center {
	text-align: center
}
ul, li, dl, dt, dd, form {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
}
a:link, a:visited {
	color: #444;
	text-decoration: none
}
a:hover, a:active {
	color: #DC0A64
}
a.navlink:link, a.navlink:visited {
	color: #555;
	text-decoration: none;
	font-size: 18px;
	display: block;
	height: 40px;
	line-height: 40px;
}
a.navlink:hover, a.navlink:active, a.curnavlink:link, a.curnavlink:visited {
	color: #DC0A64;
	text-decoration: none;
	font-size: 18px;
	display: block;
	height: 40px;
	line-height: 40px;
}
.cleardiv {
	context: ".";
	height: "0";
	display: block;
	clear: both;
	visibility: hidden
}
.mtop {
	margin-top: 10px;
}
@media screen and (min-width:1200px) {
.m80 {
	width: 80vw;
	margin: 0 auto;
}
}
@media screen and (min-width: 1055px) and (max-width:1199px) {
.m80 {
	width: 90vw;
	margin: 0 auto
}
}
@media screen (max-width: 1054px) {
.m80 {
width:96vw;
margin:0 auto
}
}
.m80 {
	width: 1280px;
	margin: 0 auto
}
#header {
	margin: 30px auto;
	overflow: hidden;
}
#header dt {
	width: 230px;
	float: left
}
#header dd {
	width: 720px;
	float: right;
	padding-top: 20px
}
#header dd div {
	position: absolute;
	z-index: 10000;
	min-width: 120px;
	text-align: center;
	margin-left: -20px;
	border-radius: 5px;
	display: none
}
#header dd font {
	display: block;
	background: #F5F5F4;
	border-radius: 5px;
}
#header dd li {
	float: left;
	margin: 0 10px
}
#header dd div a:link, #header dd div a:visited {
	font-size: 16px;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px
}
#header dd div a:hover, #header dd div a:active {
	background: #F0F0F0;
	border-radius: 5px;
}
.ititle {
	text-align: center;
	font-size: 25px;
	font-weight: normal;
	color: #DC0A64
}
.istitle {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	color: #666;
	line-height: 2em;
}
.iinfo {
	text-align: center;
	font-size: 16px;
	color: #999;
	margin: 20px auto;
	line-height: 1.8em;
	padding: 0px 10px;
}
#iabout {
	overflow: hidden;
	width: 1280px;
	padding-top: 50px;
	margin: 0 auto
}
#iabout ul {
	width: 100%;
	overflow: hidden;
	margin: 30px auto
}
#iabout ul li {
	border: 1px solid #DC0A64;
	text-align: center;
	font-size: 16px;
	color: #666;
	width: 200px;
	height: 200px;
	float: left;
	padding: 20px;
	margin: 38px
}
#iabout ul li span {
	font-size: 45px;
	color: #DC0A64;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
	margin-top: 20px
}
.ml_4pec {
	margin-left: 8vw
}
#mobbtn {
	display: none
}
@media screen and (max-width:1024px) {
.m80 {
	width: 100vw
}
#header {
	background: #FFF;
	width: 60vw;
	height: 100vh;
	margin: 0;
	position: fixed;
	z-index: 1000;
	color: #FFF;
display:;
	border: 1px solid #DDD;
	margin-left: -65vw
}
#header dt {
	width: 100%;
	text-align: center;
	float: none;
	border-bottom: 1px solid #DDD;
	margin: 0;
	display: none
}
#header dt img {
	width: 40vw
}
#header dd {
	width: 100%;
	float: none;
	padding: 0;
}
#header dd li {
	display: block;
	height: 40px;
	line-height: 50px;
	float: none;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 0;
	text-align: center;
}
a.navlink:link, a.navlink:visited {
	color: #333;
	text-decoration: none;
	font-size: 18px;
	display: block;
	height: 40px;
	line-height: 40px;
}
a.navlink:hover, a.navlink:active, a.curnavlink:link, a.curnavlink:visited {
	color: #DB0C66;
	text-decoration: none;
	font-size: 18px;
	display: block;
	height: 40px;
	line-height: 40px;
}
#mobnav li a {
	padding-left: 20px;
	font-size: 15px
}
.nav-title a:link {
	font-size: 15px;
	font-weight: normal;
}
#mobbtn {
	background: #FFF;
	padding: 0;
	display: block;
	width: 100vw;
	overflow: hidden;
	position: fixed;
	z-index: 900;
	top: 0
}
#mobbtn dt {
	width: 60vw;
	float: left
}
#mobbtn dd {
	width: 40vw;
	float: right;
	text-align: right
}
#mobbtn dt img {
	height: 40px;
}
#mobbtn dd img {
	margin-right: 10px;
	margin-top: 10px
}
#iabout {
	width: 100vw
}
#iabout ul li {
	width: calc(19vw - 2px);
	height: 20vw;
	float: left;
	margin: 10px 1vw;
	padding: 2vw
}
#iabout ul li span {
	font-size: 30px
}
}
#banner {
	width: 100%
}
#banners {
	width: 100%;
	height: 160px;
	line-height: 40px;
	font-size: 30px;
	color: #FFF;
	background: #DC0A64;
	text-align: center;
	padding-top: 80px
}
#xfbanner {
	width: 100%;
	height: 240px;
	line-height: 40px;
	font-size: 30px;
	color: #FFF;
	background: #DC0A64;
	text-align: center;
	padding-top: 80px
}
@media screen and (max-width:1024px) {
#banner, #banners, #xfbanner {
	margin-top: 40px
}
}
@media screen and (max-width: 600px) {
#iabout ul li {
	border: 1px solid #DC0A64;
	text-align: center;
	font-size: 16px;
	color: #666;
	width: calc(42vw - 2px);
	height: 38vw;
	float: left;
	padding: 2vw;
	margin: 2vw
}
}
@media screen and (max-width: 400px) {
#iabout ul li {
	border: 1px solid #DC0A64;
	text-align: center;
	font-size: 16px;
	color: #666;
	width: calc(42vw - 2px);
	height: 46vw;
	float: left;
	padding: 2vw;
	margin: 2vw
}
}
#kecheng {
	width: 100%;
	background: #FBF0F3;
	overflow: hidden;
	margin: 30px auto;
	padding: 50px 0
}
#kecheng ul {
	width: 1280px;
	margin: 0px auto;
	background: none;
	padding: 30px 0 50px 0;
	overflow: hidden
}
#kecheng li {
	width: 310px;
	float: left;
	margin: 5px
}
.kc_li_left {
	margin-left: 13px
}
#kecheng li {
	background: #ffF;
	height: 500px
}
#kecheng li:hover {
	background-color: #DC0A64;
	color: #FFF
}
#kecheng li:hover a:link, #kecheng li:hover a:visited {
	color: #FFF
}
#kecheng li img {
	width: 100%;
}
#kecheng li span {
	display: block;
	height: 100px;
	line-height: 100px;
	text-align: center;
	font-size: 20px;
}
#kecheng span a:link {
	color: #444;
}
#kecheng span a:hover {
	color: #fff;
}
#kecheng li font {
	display: block;
	margin: 10px 20px;
	height: 150px;
	line-height: 1.8em;
}
a.kcmore:link, a.kcmore:visited {
	color: #DC0A64;
	display: block;
	width: 80px;
	height: 30px;
	margin: 10px auto;
	border-radius: 30px;
	border: 1px solid #DC0A64;
	text-align: center;
	line-height: 30px;
}
a.kcmore:hover, a.kcmore:active, #kecheng li:hover a.kcmore:link, #kecheng li:hover a.kcmore:visited {
	color: #FFF;
	border-color: #FFF
}
.kcseemore {
	text-align: center;
	margin: 0px auto
}
.kcseemore a:link, .kcseemore a:visited {
	width: 120px;
	margin: 0 auto;
	height: 32px;
	line-height: 32px;
	border: 1px solid #DC0A64;
	text-align: center;
	display: block;
	border-radius: 30px;
	color: #DC0A64
}
.kcseemore a:hover, .kcseemore a:active {
	background: #DC0A64;
	color: #FFF
}
 @media screen and (max-width:1024px) {
#banners {
	width: 100%;
	height: 120px;
	line-height: 40px;
	font-size: 30px;
	color: #FFF;
	background: #DC0A64;
	text-align: center;
	padding-top: 40px
}
#xfbanner {
	width: 100%;
	height: 160px;
	line-height: 40px;
	font-size: 30px;
	color: #FFF;
	background: #DC0A64;
	text-align: center;
	padding-top: 40px
}
#kecheng ul {
	width: 100vw
}
#kecheng li {
	width: 46vw;
	margin: 10px 2vw;
	float: left;
	padding-bottom: 10px;
	height: 580px
}
#kecheng li font {
	display: block;
	margin: 10px 20px;
	min-height: 150px;
	line-height: 1.8em
}
}
@media screen and (max-width:850px) {
#banners {
	width: 100%;
	height: 120px;
	line-height: 40px;
	font-size: 30px;
	color: #FFF;
	background: #DC0A64;
	text-align: center;
	padding-top: 40px
}
#xfbanner {
	width: 100%;
	height: 160px;
	line-height: 40px;
	font-size: 30px;
	color: #FFF;
	background: #DC0A64;
	text-align: center;
	padding-top: 40px
}
#kecheng ul {
	width: 100vw
}
#kecheng li {
	width: 46vw;
	margin: 10px 2vw;
	float: left;
	padding-bottom: 10px;
	height: 580px
}
#kecheng li font {
	display: block;
	margin: 10px 20px;
	min-height: 220px;
	line-height: 1.8em
}
}
@media screen and (max-width:600px) {
#banners {
	width: 100%;
	height: 120px;
	line-height: 40px;
	font-size: 30px;
	color: #FFF;
	background: #DC0A64;
	text-align: center;
	padding-top: 40px
}
#xfbanner {
	width: 100%;
	height: 160px;
	line-height: 40px;
	font-size: 30px;
	color: #FFF;
	background: #DC0A64;
	text-align: center;
	padding-top: 40px
}
#kecheng ul {
	width: 100vw
}
#kecheng li {
	width: 90vw;
	margin: 10px auto;
	float: none;
	padding-bottom: 10px;
	height: auto
}
}
#shizi {
	width: 100%;
	background: #FFF;
	overflow: hidden;
	margin: 30px auto;
	padding: 20px 0
}
#shizi ul {
	width: 1280px;
	margin: 0px auto;
	background: none;
	padding: 30px 0;
	overflow: hidden
}
#shizi li {
	width: 280px;
	float: left;
	margin: 20px
}
#shizi li img {
	width: 278px;
	height: 278px;
	border: 2px solid #FFF;
	border-radius: 18vw;
}
#shizi li:hover img {
	width: 278px;
	height: 278px;
	border-radius: 18vw;
	border: 2px solid #DC0A64
}
#shizi li div a:link, #shizi li div a:visited {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	margin-top: 10px
}
#shizi li span {
	display: block;
	margin: 0 10px;
	color: #999;
	font-size: 14px;
	line-height: 1.8em;
}
#shizimore {
	margin-top: 10px;
	overflow: hidden;
	width: 100%;
}
.shizimore {
	text-align: center;
	width: 100%;
	background: url(../images/line.fw.png) repeat-x left center
}
.shizimore a:link, .shizimore a:visited {
	padding: 5px 30px;
	background: #FFF;
	border: 1px solid #DC0A64;
	border-radius: 30px;
	margin-top: -15px;
	color: #DC0A64;
	z-index: 1000;
}
.shizimore a:hover, .shizimore a:active {
	background: #DC0A64;
	color: #FFF
}
@media screen and (max-width:1024px) {
#shizi ul {
	width: 100vw;
	margin: 0px auto;
	background: none;
	padding: 10px 0;
	overflow: hidden
}
#shizi li {
	width: 46vw;
	margin: 15px 2vw;
	float: left;
	height: 400px;
}
#shizi li img {
	width: 100%;
	height: auto;
	border-radius: 5px
}
#shizi li:hover img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	border: 2px solid #DC0A64
}
}
@media screen and (max-width:600px) {
#shizi ul {
	width: 100vw;
	margin: 0px auto;
	background: none;
	padding: 10px 0;
	overflow: hidden
}
#shizi li {
	width: 80vw;
	margin: 15px auto;
	float: none;
	height: auto
}
#shizi li img {
	width: 100%;
	height: auto;
	border-radius: 5px
}
#shizi li:hover img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	border: 2px solid #DC0A64
}
}
.kechengline {
	width: 100%;
	height: 10px;
	display: block;
	background: url(../images/line.fw.png) repeat-x left center
}
#huodong {
	width: 1300px;
	overflow: hidden;
	padding: 50px 0;
	margin: 0px auto
}
#huodong ul {
	width: 100%;
	overflow: hidden;
	margin: 20px auto 0 auto
}
#huodong li {
	width: 600px;
	float: left;
	margin: 25px;
	height: 110px;
	background: #FFF;
	overflow: hidden
}
#huodong li:hover {
	background: #FBF0F3
}
#huodong li div {
	float: left;
	margin-right: 10px;
	width: 110px;
	height: 110px;
}
#huodong li label {
	display: block;
	width: 480px;
	float: left;
	line-height: 1.4em;
	color: #666;
	margin-bottom: 6px;
	height: 42px;
	overflow: hidden
}
#huodong li a, #huodong li h3 {
	display: block;
	font-size: 18px;
	line-height: 2em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#huodong li font {
	color: #666;
}
#huodong li font span {
	margin-right: 2px
}
#huodong li font img {
	margin-right: 5px;
	margin-top: 2px;
}
@media screen and (max-width:1024px) {
#huodong {
	width: 100vw;
}
#huodong li {
	width: 46vw;
	margin: 10px 2vw;
	float: left
}
#huodong li a {
	font-size: 15px;
	line-height: 1.4em;
	margin-bottom: 3px;
}
#huodong li label {
	display: block;
	width: calc(46vw - 120px);
	float: left;
	line-height: 1.4em;
	color: #666;
	margin-bottom: 0px;
	height: 42px;
	overflow: hidden
}
}
@media screen and (max-width:600px) {
#huodong {
	width: 100vw;
}
#huodong li {
	width: 90vw;
	margin: 10px auto;
	float: none;
}
#huodong li a {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 0;
	font-weight: bold
}
#huodong li h3 {
	height: 22px;
	overflow: hidden
}
#huodong li label {
	display: block;
	width: calc(90vw - 120px);
	float: left;
	line-height: 1.4em;
	color: #666;
	margin-bottom: 6px;
	height: 55px;
	overflow: hidden
}
}
#wudao {
	padding: 20px 0;
	margin: 30px auto
}
#wudao ul {
	width: 1280px;
	margin: 0 auto;
	overflow: hidden
}
#wudao li {
	width: 390px;
	float: left;
	margin: 18px;
}
#wudao li img {
	width: 390px;
	height: 220px
}
#wudao li div {
	position: absolute;
	width: 380px;
	height: 30px;
	padding-left: 10px;
	padding-top: 190px;
	font-size: 16px;
	color: #FFF
}
#wudao li div:hover {
	background: rgba(0,0,0,0.5) url(../images/video.png) center center no-repeat
}
 @media screen and (max-width:1024px) {
#wudao ul {
	width: 100vw;
	margin: 0 auto
}
#wudao li {
	width: 46vw;
	float: left;
	margin: 18px 2vw;
	height: calc(26vw + 30px);
	text-align: center
}
#wudao li img {
	width: 46vw;
	height: 26vw
}
#wudao li div {
	position: absolute;
	width: 46vw;
	height: calc(26vw - 20px);
	color: #333;
	padding: 10px 0;
	text-align: center;
	background: url(../images/video.png) center center no-repeat
}
#wudao li div span {
	display: block;
	width: 46vw;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-top: 26vw;
	position: absolute
}
}
@media screen and (max-width:600px) {
#wudao ul {
	width: 100vw;
	margin: 0 auto
}
#wudao li {
	width: 80vw;
	float: none;
	height: calc(45vw + 30px);
	margin: 18px auto;
	text-align: center;
	position: relative;
}
#wudao li img {
	width: 80vw;
	height: 45vw
}
#wudao li div {
	position: absolute;
	width: 80vw;
	height: calc(45vw - 20px);
	color: #333;
	padding: 10px 0;
	text-align: center;
	background: url(../images/video.png) center center no-repeat
}
#wudao li div span {
	display: block;
	width: 80vw;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-top: 45vw;
	position: absolute
}
}
#wonderful {
	width: 100%;
	background: #FBF0F3;
	overflow: hidden;
	margin: 70px auto 20px auto;
	padding: 50px 0 60px 0
}
#wonderful ul {
	width: 1280px;
	margin: 0 auto 60px auto;
	overflow: hidden
}
#wonderful li {
	width: 290px;
	height: 163px;
	float: left;
	margin: 15px;
}
#wonderful li img {
	width: 290px;
	height: 163px;
}
#wonderful li div {
	position: absolute;
	width: 270px;
	height: 0px;
	font-size: 16px;
	color: #FFF;
	padding: 0;
	overflow: hidden
}
#wonderful li:hover div {
	background: rgba(0,0,0,0.5) url(../images/eye.png) center center no-repeat;
	width: 270px;
	height: 143px;
	padding: 10px
}
@media screen and (max-width:1024px) {
#wonderful ul {
	width: 100vw;
	margin: 0 auto 60px auto;
	overflow: hidden
}
#wonderful li {
	width: 46vw;
	margin: 0 2vw;
	height: calc(26vw + 30px);
	float: left;
	margin: 15px 2vw
}
#wonderful li div {
	position: absolute;
	width: 46vw;
	height: 30px;
	color: #333;
	text-align: center;
	font-size: 14px;
	margin-top: 27vw
}
#wonderful li img {
	width: 46vw;
	height: 26vw
}
#wonderful li:hover div {
	background: none;
	width: 80vw;
	height: 30px;
	padding: 0px;
}
}
@media screen and (max-width:600px) {
#wonderful ul {
	width: 100vw;
	margin: 0 auto 60px auto;
	overflow: hidden
}
#wonderful li {
	width: 80vw;
	margin: 0 auto;
	height: calc(45vw + 30px);
	float: none;
	margin: 15px auto
}
#wonderful li div {
	position: absolute;
	width: 80vw;
	height: 30px;
	color: #333;
	text-align: center;
	font-size: 14px;
	margin-top: 47vw;
}
#wonderful li img {
	width: 80vw;
	height: 45vw
}
#wonderful li div span {
	display: block;
	width: 80vw;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}
}
#footer {
	width: 100%;
	margin: 0 auto;
	overflow: hidden
}
#footers {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #F5F5F5
}
#fnav {
	width: 1280px;
	margin: 20px auto;
	overflow: hidden;
}
#fnav dl {
	width: 920px;
	float: left
}
#fnav div {
	width: 360px;
	float: right
}
#fnav form {
	margin: 10px auto 10px auto;
	width: 315px;
	border: 1px solid #DC0A64;
	border-radius: 20px;
	height: 30px;
	overflow: hidden;
}
.sipt {
	border: 0;
	margin-left: 15px;
	width: 70%;
	float: left;
	height: 28px;
	line-height: 26px;
	color: #DC0A64;
	outline: none
}
.sbtn {
	border: 0;
	margin: 0;
	width: 30px;
	float: right;
	padding: 0;
	margin-top: 2px;
	background: none;
	height: 26px;
	background: url(../images/searchbtn.png) no-repeat center center;
	border-radius: 30px;
	margin-right: 5px
}
#footers .sipt, #footers .sbtn {
	background-color: #F5F5F5
}
#fnav li {
	width: 180px;
	float: left;
	text-align: center;
	line-height: 2em;
	font-size: 16px;
	color: #333;
}
#fnav dt {
	width: 160px;
	float: left;
	font-size: 16px;
	color: #000;
	font-weight: 300 !important;
}
#fnav dt a {
	font-size: 14px;
}
#fnav dd {
	width: 160px;
	float: left;
	margin-left: 20px;
	font-size: 16px;
	color: #000;
}
#fnav span {
	display: block;
	height: 40px;
	line-height: 40px
}
#fnav a:Link, #fnav a:visited {
	display: block;
	height: 28px;
	line-height: 28px;
	color: #666
}
#fnav a:hover, #fnav a:active {
	display: block;
	height: 28px;
	line-height: 28px;
	color: #DC0A64
}
#flink {
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
	padding: 20px 0;
	line-height: 1.8em;
	background: #F5F5F5;
	font-weight: 16px;
}
#flink li {
	width: 1280px;
	margin: 0 auto;
	font-size: 14px;
	color: #666
}
#flink span {
	color: #DC0A64;
	font-size: 18px
}
#flink a:Link, #flink a:visited {
	color: #666
}
#flink a:hover, #flink a:active {
	color: #DC0A64
}
#fcopy {
	width: 100%;
	margin: 20px auto;
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 2em;
	background: #FFF
}
#footers #fcopy {
	width: 100%;
	margin: 20px auto 0 auto;
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 2em;
	background: #FFF;
	padding: 20px 0
}
@media screen and (max-width:1024px) {
#fnav {
	width: 100vw;
	margin: 0 auto
}
#fnav dl {
	display: none
}
#fnav li {
	width: 50%;
	float: left;
	text-align: center;
	line-height: 2em;
	font-size: 16px;
	color: #333;
}
#fnav div {
	width: 100vw;
	padding: 20px 0
}
#fnav form {
	width: 90vw;
	margin-bottom: 30px;
}
#flink {
	width: 100vw;
	margin: 0 auto
}
#flink li {
	width: 98vw;
	font-size: 14px;
}
#fcopy {
	width: 100vw;
	margin: 10px auto;
	font-size: 14px
}
}
#cnav {
	width: 1280px;
	margin: 30px auto;
	height: auto;
}
#cnav a:link, #cnav a:visited {
	font-size: 16px;
	margin-right: 20px;
	color: #555
}
#cnav a:hover, #cnav a:active, #cnav a.cur_cnav:link, #cnav a.cur_cnav:visited {
	border-bottom: 2px solid #DC0C60;
	color: #DC0C60
}
#newtitle {
	height: 100px;
	line-height: 100px;
	background: #F5F5F5;
	font-size: 24px;
	text-align: center
}
#newinfo {
	text-align: center;
	margin: 20px auto;
	color: #666;
	font-size: 16px;
}
#newinfo img {
	margin-right: 10px;
	margin-left: 20px;
	height: 16px;
	width: auto
}
#newbody {
	width: 1280px;
	min-height: 600px;
	line-height: 2em;
	font-size: 16px;
	color: #666;
	margin: 0px auto;
	padding: 20px 0px;
}
#newbody video {
	width: 100%;
	height: 100%;
}
#tjyd li a {
	font-size: 16px;
}
#newpage {
	width: 1280px;
	margin: 0 auto 20px auto;
	overflow: hidden
}
#newpage dt {
	width: 600px;
	float: left
}
#newpage dd {
	width: 600px;
	float: right
}
#newpage a:link, #newpage a:visited {
	display: block;
	border: 1px solid #DC0A65;
	height: 30px;
	line-height: 30px;
	border-radius: 20px;
	color: #DC0A65;
	padding: 0 20px;
	font-size: 16px;
}
#newpage a:hover, #newpage a:active {
	background: #DC0A65;
	color: #FFF
}
@media screen and (max-width:1024px) {
#newpage {
	width: 100vw;
	margin: 0 auto 20px auto;
	overflow: hidden
}
#newbody {
	width: 98vw;
	min-height: 300px;
	padding: 0;
	margin: 0 auto
}
#newtitle {
	height: 60px;
	line-height: 60px;
	background: #F5F5F5;
	font-size: 18px;
	text-align: center
}
#newpage {
	width: 100vw;
}
#newpage dt {
	width: 43vw;
	float: left;
	margin: 10px auto 10px 2px;
	height: 35px;
	line-height: 35px;
	overflow: hidden
}
#newpage dd {
	width: 43vw;
	float: right;
	margin: 10px auto 10px 2px;
	height: 35px;
	line-height: 35px;
	overflow: hidden
}
}
@media screen and (max-width:600px) {
#newpage dt {
	width: 90vw;
	float: none;
	margin: 10px auto;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
}
#newpage dd {
	width: 90vw;
	float: none;
	margin: 10px auto;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
}
#newtitle {
	height: auto;
	line-height: 30px;
	background: #F5F5F5;
	font-size: 18px;
	text-align: center;
	padding: 10px 0
}
}
#aboutbody {
	width: 1280px;
	margin: 20px auto;
	overflow: hidden
}
#aboutbody dl {
	width: 100%;
	overflow: hidden;
	padding: 20px 0
}
.ableft dt {
	width: 48%;
	float: left;
}
.ableft dd {
	width: 48%;
	float: right
}
.ableft dd span {
	display: block;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	text-align: right
}
.abright dt {
	width: 48%;
	float: right;
}
.abright dd {
	width: 48%;
	float: left
}
.abright dd span {
	display: block;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	text-align: left
}
@media screen and (max-width:1024px) {
#aboutbody {
	width: 100%;
	margin: 20px auto;
	overflow: hidden
}
#aboutbody img {
	width: 100%
}
#aboutbody dt, #aboutbody dd {
	width: 90vw;
	float: none;
	margin: 10px auto
}
#aboutbody dd span {
	display: block;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	text-align: center
}
}
#aboutbody dl div {
	line-height: 2em;
	color: #666;
	font-size: 16px;
}
#wdlist {
	width: 1280px;
	margin: 0 auto 30px auto;
	overflow: hidden;
	min-height: 500px;
}
#wdlist li {
	background: #f5f5f5;
	padding-bottom: 10px;
}
#wdlist li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px
}
#wdlist li span.clock {
	height: 30px;
	line-height: 30px;
	background: url(../images/clock1.jpg) no-repeat left center;
	padding-left: 20px;
	margin: 0 10px 0 5px
}
#wdlist li span.eye {
	height: 30px;
	line-height: 35px;
	background: url(../images/eyes.png) no-repeat left center;
	padding-left: 20px;
	margin: 0
}
#wdlist li font a {
	display: block;
	height: auto;
	line-height: 25px;
	margin: 0 10px;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 5px;
}
#wdlist li label {
	display: block;
	margin: 0 10px;
	color: #999
}
@media screen and (max-width: 1024px) {
#cnav {
	text-align: center;
	width: 100vw
}
#cnav a:link, #cnav a:visited {
	font-size: 16px;
	margin: 0 5px;
	color: #555;
	line-height: 2.5em
}
#wdlist {
	width: 100vw;
	margin: 0 auto 30px auto;
	overflow: hidden
}
#wdlist li font a {
	display: block;
	height: auto;
	line-height: 25px;
	margin: 0 10px;
	font-size: 16px;
	font-weight: normal;
}
}
#jiaoxue {
	width: 1300px;
	margin: 0 auto 20px auto;
	overflow: hidden
}
#jiaoxue li {
	width: 420px;
	height: 280px;
	float: left;
	margin: 6px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
}
#jiaoxue img {
	width: 420px;
	height: 236px;
	margin-bottom: 10px
}
#jiaoxue li div {
	position: absolute;
	width: 400px;
	height: 216px;
	padding: 10px;
	font-size: 16px;
	color: #FFF;
	cursor: pointer
}
#jiaoxue li div:hover {
	background: rgba(0,0,0,0.5) url(../images/eye.png) center center no-repeat
}
#jiaoxue li a:link, #jiaoxue li a:visited {
	color: #666
}
#jiaoxue li a:hover, #jiaoxue li a:active {
	color: #DC0A65
}
#splist {
	width: 1300px;
	margin: 0 auto 20px auto;
	overflow: hidden
}
#splist li {
	width: 420px;
	height: 280px;
	float: left;
	margin: 6px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
}
#splist img {
	width: 420px;
	height: 236px;
	margin-bottom: 10px
}
#splist li div {
	position: absolute;
	width: 400px;
	height: 216px;
	padding: 10px;
	font-size: 16px;
	color: #FFF;
	cursor: pointer
}
#splist li div:hover {
	background: rgba(0,0,0,0.5) url(../images/video.png) center center no-repeat
}
#splist li a:link, #splist li a:visited {
	color: #666
}
#splist li a:hover, #splist li a:active {
	color: #DC0A65
}
#mypage {
	text-align: center;
	height: 50px;
	line-height: 50px;
}
#mypage a:link, #mypage a:visited {
	margin: 0 5px;
}
#mypage a:hover, #mypage a:active, #mypage a.curpage:link, #mypage a.curpage:visited {
	margin: 0 5px;
	text-decoration: underline;
	color: #DC0A65;
}
@media screen and (max-width:1024px) {
#jiaoxue {
	width: 100vw;
	margin: 20px auto
}
#jiaoxue li {
	width: 30vw;
	height: calc(17vw + 30px);
	margin: 1vw 1.5vw;
	font-size: 14px
}
#jiaoxue img {
	width: 30vw;
	height: 17vw;
	margin-bottom: 10px
}
#jiaoxue li div {
	position: absolute;
	width: calc(30vw - 20px);
	height: calc(17vw - 20px);
	padding: 10px;
	font-size: 16px;
	color: #FFF;
	cursor: pointer
}
#jiaoxue li div:hover {
	background: rgba(0,0,0,0.5) url(../images/eye.png) center center no-repeat
}
#splist {
	width: 100vw;
	margin: 20px auto
}
#splist li {
	width: 42vw;
	height: calc(24vw + 30px);
	margin: 1vw 4vw;
	font-size: 14px
}
#splist img {
	width: 42vw;
	height: 24vw;
	margin-bottom: 10px
}
#splist li div {
	position: absolute;
	width: calc(42vw - 20px);
	height: calc(24vw - 20px);
	padding: 10px;
	font-size: 16px;
	color: #FFF;
	background: url(../images/video.png) center center no-repeat
}
}
@media screen and (max-width:600px) {
#jiaoxue {
	width: 100vw;
	margin: 20px auto
}
#jiaoxue li {
	width: 42vw;
	height: calc(24vw + 30px);
	margin: 2vw 4vw;
	font-size: 14px
}
#jiaoxue img {
	width: 42vw;
	height: 24vw;
	margin-bottom: 10px
}
#jiaoxue li div {
	position: absolute;
	width: calc(42vw - 20px);
	height: calc(24vw - 20px);
	padding: 10px;
	font-size: 16px;
	color: #FFF;
}
#splist {
	width: 100vw;
	margin: 20px auto
}
#splist li {
	width: 42vw;
	height: calc(24vw + 30px);
	margin: 2vw 4vw;
	font-size: 14px
}
#splist img {
	width: 42vw;
	height: 24vw;
	margin-bottom: 10px
}
#splist li div {
	position: absolute;
	width: calc(42vw - 20px);
	height: calc(24vw - 20px);
	padding: 10px;
	font-size: 16px;
	color: #FFF;
	cursor: pointer
}
#splist li div:hover {
	background: rgba(0,0,0,0.5) url(../images/video.png) center center no-repeat
}
}
.kctitle {
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	color: #DC0A65;
	text-align: center;
	margin: 50px auto 10px auto
}
#kcjd {
	width: 1280px;
	margin: 20px auto;
	overflow: hidden
}
#kcjd li {
	width: 360px;
	float: left;
	margin: 13px;
	border: 1px solid #DC0A65;
	padding: 30px 18px;
	height: 230px;
	font-size: 18px;
	line-height: 35px;
	color: #666
}
#kcone {
	background: url(../images/1.jpg) no-repeat center center
}
#kctwo {
	background: url(../images/2.jpg) no-repeat center center
}
#kcthree {
	background: url(../images/3.jpg) no-repeat center center
}
#kcjd li span {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 25px;
	color: #DC0A65;
	font-weight: normal;
	margin-bottom: 20px
}
.zxlink {
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
}
.zxlink a:link, .zxlink a:visited {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #DC0A65;
	border-radius: 25px;
	margin: 0 auto;
	background: #DC0A65;
	font-size: 22px;
	color: #FFF
}
.zxlink a:hover, .zxlink a:active {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #DC0A65;
	border-radius: 25px;
	margin: 0 auto;
	background: #FFF;
	font-size: 22px;
	color: #DC0A65
}
#kblist {
	width: 100%;
	margin: 50px auto;
	overflow: hidden;
	background: #FBF0F4;
	padding: 50px 0
}
#kblist ul {
	width: 1280px;
	margin: 0 auto
}
#kblist li {
	width: 410px;
	margin: 8px;
	float: left;
	height: 230px;
	overflow: hidden
}
#kblist li img {
	width: 410px;
	height: 230px
}
#kblist li a.gotop:link, #kblist li a.gotop:visited {
	display: block;
	width: 370px;
	height: 230px;
	background-color: #DC0A65;
	color: #FFF;
	padding: 20px;
	font-size: 16px;
	margin-top: -268px
}
#kblist li div {
	position: relative
}
#kblist li div span {
	position: absolute;
	font-size: 22px;
	color: #FFF;
	margin: 10px
}
#kblist li a span {
	font-size: 20px;
	display: block;
	margin-bottom: 15px;
}
.kblink {
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding-top: 30px
}
.kblink a:link, .kblink a:visited {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #DC0A65;
	border-radius: 25px;
	margin: 0 auto;
	font-size: 22px;
	color: #DC0A65
}
.kblink a:hover, .kblink a:active {
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #DC0A65;
	border-radius: 25px;
	margin: 0 auto;
	font-size: 22px;
	background: #DC0A65;
	color: #FFF
}
#sijiao {
	width: 1280px;
	margin: 50px auto;
	overflow: hidden
}
#sijiao dt {
	width: 650px;
	float: left;
	height: 410px;
}
#sijiao dt img {
	width: 650px;
	height: 410px;
}
#sijiao dd {
	width: 430px;
	float: right;
	height: 310px;
	background: #FBF0F4;
	padding: 50px 100px;
	text-align: center;
	overflow: hidden
}
#sijiao dd span {
	display: block;
	font-size: 35px;
	margin-bottom: 10px;
	color: #DC0A65;
	text-align: center;
	font-weight: normal
}
#sijiao dd font {
	font-size: 18px;
	color: #666;
	display: block;
	text-align: left;
	margin-bottom: 30px;
	line-height: 2em;
}
#sijiao dd a:link, #sijiao dd a:visited {
	padding: 7px 35px;
	border: 1px solid #DC0A65;
	border-radius: 20px;
	color: #DC0A65;
	font-size: 18px;
}
#sijiao dd a:hover, #sijiao dd a:active {
	padding: 7px 35px;
	border: 1px solid #DC0A65;
	border-radius: 20px;
	background: #DC0A65;
	color: #FFF;
	font-size: 18px;
}
.jianju50 {
	height: 50px;
}
@media screen and (max-width:1024px) {
.kctitle {
	font-size: 25px
}
.istitle {
	font-size: 18px
}
#kcjd {
	width: 100vw
}
#kcjd li {
	width: calc(30vw - 38px);
	float: left;
	margin: 13px 1.5vw;
	height: 220px
}
#kblist ul {
	width: 100vw;
	margin: 0 auto
}
#kblist li {
	width: 30vw;
	margin: 1vw 1.5vw;
	float: left;
	height: calc(17vw + 30px);
	overflow: hidden
}
#kblist li img {
	width: 30vw;
	height: 17vw
}
#kblist li a.gotop:link, #kblist li a.gotop:visited {
	display: none;
	width: 48vw;
	height: 27vw;
	background-color: #DC0A65;
	color: #FFF;
	font-size: 13px;
	margin-top: -27vw
}
#kblist li div a span {
	font-size: 14px;
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 0;
	text-align: center;
	background: #DC0A65;
	position: inherit
}
#sijiao {
	width: 100vw;
	margin: 50px auto;
	overflow: hidden;
	background: #FBF0F4;
}
#sijiao dt {
	width: 50vw;
	float: left;
	height: auto
}
#sijiao dt img {
	width: 100%;
	height: auto;
}
#sijiao dd {
	width: 50vw;
	float: right;
	height: auto;
	background: #FBF0F4;
	padding: 0 0 30px 0;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}
#sijiao dd span {
	display: block;
	font-size: 25px;
	padding-top: 20px;
	color: #DC0A65;
	text-align: center;
	font-weight: normal
}
#sijiao dd font {
	font-size: 16px;
	color: #666;
	display: block;
	text-align: left;
	margin: 5px 10px 12px 10px;
	line-height: 1.8em;
}
#sijiao dd a:link, #sijiao dd a:visited {
	padding: 5px 25px;
	border: 1px solid #DC0A65;
	border-radius: 20px;
	color: #DC0A65;
	font-size: 18px;
}
#sijiao dd a:hover, #sijiao dd a:active {
	padding: 5px 25px;
	border: 1px solid #DC0A65;
	border-radius: 20px;
	background: #DC0A65;
	color: #FFF;
	font-size: 18px;
}
}
@media screen and (max-width:600px) {
.kctitle {
	font-size: 25px
}
.istitle {
	font-size: 18px
}
#kcjd {
	width: 100vw
}
#kcjd li {
	width: 80vw;
	float: none;
	margin: 13px auto;
	height: 190px
}
#kblist ul {
	width: 100vw;
	margin: 0 auto
}
#kblist li {
	width: 90vw;
	margin: 1vw;
	float: none;
	height: auto;
	overflow: hidden;
	margin: 10px auto
}
#kblist li img {
	width: 90vw;
	height: 50.5vw
}
#kblist li a.gotop:link, #kblist li a.gotop:visited {
	display: none;
	width: 48vw;
	height: 30vw;
	background-color: #DC0A65;
	color: #FFF;
	font-size: 13px;
	margin-top: -30vw
}
#kblist li div a span {
	font-size: 14px;
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 0;
	text-align: center;
	background: #DC0A65;
	position: inherit
}
#sijiao {
	width: 100vw;
	margin: 50px auto;
	overflow: hidden
}
#sijiao dt {
	width: 100vw;
	float: none;
	height: auto
}
#sijiao dt img {
	width: 100%;
	height: auto;
}
#sijiao dd {
	width: 100vw;
	float: none;
	height: auto;
	background: #FBF0F4;
	padding: 0 0 30px 0;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}
#sijiao dd span {
	display: block;
	font-size: 25px;
	padding-top: 10px;
	color: #DC0A65;
	text-align: center;
	font-weight: normal
}
#sijiao dd font {
	font-size: 18px;
	color: #666;
	display: block;
	text-align: left;
	margin: 10px;
	line-height: 2em;
}
#sijiao dd a:link, #sijiao dd a:visited {
	padding: 5px 25px;
	border: 1px solid #DC0A65;
	border-radius: 20px;
	color: #DC0A65;
	font-size: 18px;
}
#sijiao dd a:hover, #sijiao dd a:active {
	padding: 5px 25px;
	border: 1px solid #DC0A65;
	border-radius: 20px;
	background: #DC0A65;
	color: #FFF;
	font-size: 18px;
}
}
#shizilist {
	width: 1300px;
	margin: 0 auto 60px auto;
	overflow: hidden
}
#shizilist li {
	width: 290px;
	height: 340px;
	float: left;
	margin: 5px 17.5px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
}
#shizilist img {
	width: 290px;
	height: 290px;
	margin-bottom: 10px
}
#shizilist li div {
	position: absolute;
	width: 270px;
	height: 270px;
	padding: 10px;
	font-size: 16px;
	color: #FFF;
	cursor: pointer
}
#shizilist li div:hover {
	background: rgba(0,0,0,0.5) url(../images/eye.png) center center no-repeat
}
#shizilist li a:link, #jiaoxue li a:visited {
	color: #666
}
#shizilist li a:hover, #jiaoxue li a:active {
	color: #DC0A65
}
 @media screen and (max-width:1024px) {
#shizilist {
	width: 100vw;
	margin: 0 auto 60px auto;
	overflow: hidden
}
#shizilist li {
	width: 23vw;
	height: auto;
	float: left;
	margin: 1vw;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
}
#shizilist li img {
	width: 100%;
	height: auto
}
#shizilist li div {
	display: none;
	width: 46vw;
	height: 2vw;
}
}
@media screen and (max-width:600px) {
#shizilist {
	width: 100vw;
	margin: 0 auto 60px auto;
	overflow: hidden
}
#shizilist li {
	width: 46vw;
	height: auto;
	float: left;
	margin: 2vw;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
}
#shizilist li img {
	width: 100%;
	height: auto
}
#shizilist li div {
	display: none
}
}
.line {
	margin-bottom: 40px;
}
.tagul li {
	float: left;
	font-size: 16px;
}
.x12 a {
	padding: 2px 4px;
	margin-right: 10px;
	margin-bottom: 20px;
	line-height: 40px;
}
a.taglinks:link, a.taglinks:visited {
	color: #666;
}
a.taglinks:hover, a.taglinks:active {
	color: #FFF;
	background-color: #DC0A64;
}
.clear {
	clear: both;
}
.pglist {
	padding: 30px 0 15px;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #333;
	padding: 0 15px;
	margin: 0 4px;
	background: #fff;
	border: 1px solid #edebeb;
}
.pglist * {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover {
	display: inline-block;
	color: #fff;
	background: #DC0A64;
	border-color: #DC0A64;
}