@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;}
#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;}