@charset "utf-8";
@import "http://images.china.cn/images1/resource/styles/reset-1.0.css";
html,
body { height: 100%; }
body { font-family: "Microsoft YaHei", "SimSun"; font-size: 12px; line-height: 20px; color: #000; }
a { color: #000; }
.top { clear: both; width: 100%; height: 50px; text-align: center; font-size: 14px; color: #000; line-height: 50px; }
.top a { margin: 0 13px; }
/*.banner { clear: both; width: 100%; height: 481px; position: relative; background: url(images/banner_2.jpg) no-repeat center top; }*/
.banner { clear: both; width: 100%; height: 479px; position: relative; background: url(images/banner_0513.jpg) no-repeat center top; }
.enterance { width: 310px; height: 160px; position: absolute; overflow: visible; top: 187px; left: 50%; margin-left: 203px; display: none; }
.bgCircle { position: absolute; top: 0; left: 58px; width: 158px; height: 158px; z-index: 5; overflow: visible; }
.bgCircle img { cursor: pointer; -webkit-animation: scaleout 1.3s infinite ease-in-out; animation: scaleout 1.3s infinite ease-in-out; -webkit-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center }
@-webkit-keyframes scaleout {  0% {
-webkit-transform: scale(1.0)
}
 100% {
 -webkit-transform: scale(1.05);
 opacity: 0.3;
}
}
@keyframes scaleout {  0% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
100% {
 transform: scale(1.1);
 -webkit-transform: scale(1.1);
 opacity: 0;
}
}
.icon { position: absolute; left: 0; top: 28px; z-index: 9; overflow: visible; }
.icon:hover img { filter: brightness(115%); -webkit-filter: brightness(115%); }
.icon img { filter: brightness(100%); -webkit-filter: brightness(100%); }
.nav { width: 1200px; height: 50px; overflow: hidden; position: absolute; left: 50%; bottom: 30px; margin-left: -600px; }
.nav ul { width: 1500px; height: 50px; }
.nav li { float: left; display: inline; width: 250px; text-align: center; font-size: 18px; line-height: 50px; color: #fff; background: url(images/na1.png) no-repeat right top; }
.nav li a { color: #fff; }
.nav li.first,
.nav li.first a { color: #000; width: 130px; }
.nav li.nobg { background: none; }
.main { clear: both; width: 1200px; margin: 0 auto 50px; zoom: 1; overflow: hidden; }
.left { width: 840px; float: left; }
.main h3 { clear: both; height: 20px; font-weight: normal; background: url(images/bg1.gif) repeat-x left center; }
.main h3 span { float: left; display: inline; background: #fff; padding: 0 15px 0 20px; border-left: 3px solid #CD0065; font-size: 18px; color: #CA0167; }
.main h3 a { float: right; display: inline-block; background: #fff; padding-left: 12px; font-size: 14px; }
.left ul { clear: both; width: 705px; margin: 0 0 0 90px; padding: 25px 0; border-bottom: 1px dashed #bfbfbf; }
.left li { font-size: 14px; color: #333; padding: 10px 0; }
.left li a { color: #333; }
.right { width: 300px; float: right; }
.right h3 { margin-bottom: 20px; }
.pic { clear: both; width: 300px; height: 169px; position: relative; overflow: hidden; }
.pic li { width: 300px; height: 169px; float: left; position: relative; }
.pic li img { width: 300px; height: 169px; }
.pic li p { font-size: 16px; color: #fff; text-align: center; position: absolute; width: 100%; left: 0; bottom: 0; padding: 5px 0 15px; background: url(images/p1.png); z-index: 5; text-shadow: 2px 2px 2px #000; }
.pic li p a { color: #fff; }
.pic .scL,
.pic .scR { width: 25px; height: 50px; position: absolute; top: 59px; z-index: 2; cursor: pointer; background-size: 100% 100%; }
.pic .scL { left: 0; background-image: url(images/a1.png); }
.pic .scL:hover { background-image: url(images/b1.png); }
.pic .scR { right: 0; background-image: url(images/a2.png); }
.pic .scR:hover { background-image: url(images/b2.png); }
.pic .menu { clear: both; text-align: center; width: 100%; height: 10px; position: absolute; left: 0; bottom: 0; z-index: 6; }
.pic .menu span { background-color: #888; border-radius: 4px; display: inline-block; width: 5px; height: 5px; margin: 0 5px; overflow: hidden; cursor: pointer; }
.pic .menu .cur { background-color: #CB0167; width: 25px; transition: all 0.2s linear; transform-origin: center center; }
.list { clear: both; padding: 15px 0 30px; }
.list li { font-size: 14px; padding: 5px 0; }
#autopage { clear: both; text-align: center; padding-top: 20px; font-size: 14px; }
#autopage a { margin: 0 3px; }
#autopage span { margin: 0 3px; color: #CA0167; font-weight: bold; }
.footer { clear: both; background-color: #4489CA; padding-bottom: 55px; }
.footer h3 { text-align: center; height: 95px; font-size: 18px; color: #fff; line-height: 95px; }
.footer .all { width: 1200px; overflow: hidden; zoom: 1; margin: 0 auto; }
.footer .all div { width: 358px; float: left; display: inline; margin-left: 154px; font-size: 16px; color: #fff; line-height: 30px; }
.footer .all div a { line-height: 30px; }
.footer .all dl { clear: both; zoom: 1; overflow: hidden; }
.footer .all dt { width: 80px; float: left; font-weight: bold; }
.footer .all dd { width: 270px; float: left; }
.bottom { clear: both; text-align: center; padding: 10px 0 5px; font-size: 14px; line-height: 30px; }
.contit { clear: both; width: 1200px; margin: 0 auto 30px; padding-bottom: 15px; border-bottom: 1px solid #dadada; }
.contit h2 { font-size: 38px; line-height: 58px; padding: 10px 0 20px; }
.contit p { font-size: 14px; color: #333; }
.contit p a { color: #333; }
.content { width: 800px; float: left; font-size: 14px; line-height: 220%; }
.piclist { clear: both; width: 1200px; margin: 0 auto 50px; overflow: hidden; padding-top: 20px; }
.piclist h3 { clear: both; height: 20px; font-weight: normal; margin-bottom: 30px; background: url(images/bg1.gif) repeat-x left center; }
.piclist h3 span { float: left; display: inline; background: #fff; padding: 0 15px 0 20px; border-left: 3px solid #CD0065; font-size: 18px; color: #CA0167; }
.piclist ul { clear: both; zoom: 1; width: 1500px; overflow: hidden; padding-bottom: 30px; }
.piclist li { width: 280px; float: left; display: inline; margin-right: 27px; color: #a3a3a3; }
.piclist li a { color: #a3a3a3; }
.piclist li img { width: 280px; height: 158px; }
.piclist li span { display: block; font-size: 14px; color: #000; padding-top: 8px; }
.piclist li span a { color: #000; }
.piccont { clear: both; width: 1200px; margin: 0 auto 50px; font-size: 16px; line-height: 26px; line-height: 220%; }
#vf { margin-bottom: 20px; }
#videoarea { display: none; margin: 0 auto; }
@media screen and (max-width: 1200px) {
body { -webkit-text-size-adjust: none; }
.top,
.banner,
.footer,
.bottom { width: 1200px; }
}