@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
  padding: 0;
  font: 12px/18px \5B8B\4F53;
  color: #000;
}
a {
  font: 12px/18px \5B8B\4F53;
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  border: none;
}
.cb {
  height: 0;
  clear: both;
  overflow: hidden;
}
.loadinggifdiv {
  width: 32px;
  margin: 0 auto;
  padding-top: 20px;
}
.loadinggifdiv img {
  width: 32px;
  height: 32px;
}
.w980 {
  margin: 0 auto;
  width: 980px;
}

/* background bottom */
.bgb {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/bgb.jpg) no-repeat center bottom fixed;
}
.bgi {
  height: 669px;
  background-color: transparent;
}

/* background top */
.bgt {
  position: relative;
  padding-top: 18px;
}
.bgt1 {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/bgt1.jpg) center top no-repeat #f3f0e8;
}
.bgt2 {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/bgt2.jpg) center top no-repeat #f3f0e8;
}
.bgt3 {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/bgt3.jpg) center top no-repeat #f3f0e8;
}
.bgt4 {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/bgt4.jpg) center top no-repeat #f3f0e8;
}
.bgll {
  display: block;
  width: 50%;
  height: 222px;
  position: absolute;
  top: 0;
  left: 0;
}
.bglr {
  display: block;
  width: 50%;
  height: 222px;
  position: absolute;
  top: 0;
  right: 0;
}

.head {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/head.jpg) center top no-repeat #fff;
}

.menu {
  padding-right: 27px;
  height: 50px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/menu.png) repeat-x;
  position: relative;
  z-index: 600;
}
.menu ul {
  margin: 0;
  padding: 0;
}
.menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  position: relative;
  z-index: 600;
  line-height: 45px;
}
.menu ul li a {
  float: left;
  display: block;
  padding: 0 17px;
  font-weight: bold;
  font-size: 16px;
  line-height: 45px;
  color: #fff;
}
.menu ul ul {
  float: none;
  border: 1px dotted #f1d28e;
  z-index: 600;
  border-bottom: 0;
  position: absolute;
  left: -45px;
  top: 45px;
  background: #ccc;
}
.menu ul ul li {
  float: none;
  background: #af8c44;
  z-index: 600;
  line-height: 30px;
  text-align: center;
  border-bottom: 1px dotted #f1d28e;
}
.menu ul ul li a {
  float: none;
  font-size: 14px;
  line-height: 30px;
  width: 150px;
  padding: 0 4px;
}

.menu ul ul li a:hover {
  text-decoration: none;
  background: none;
  color: #ffd800;
}
.menu ul li a:hover {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources//_upload/tpl/0f/70/3952/template3952/resources/css/images/menuli.png) repeat-x;
}
.menu ul .home {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources//_upload/tpl/0f/70/3952/template3952/resources/css/images/menuli.png) repeat-x;
}
.menu ul ul li:hover {
  background: #af8c44;
}
.menu ul ul {
  display: none;
}

.menu form {
  margin: 0;
  padding: 0;
  /* float: right; */
  position: relative;
  margin-top: 9px;
  width: 192px;
  height: 25px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/form.png) no-repeat;
}
.menu form input {
  background: none;
  border: none;
  margin-left: 10px;
}
.menu form .text {
  position: absolute;
  left: 15px;
  top: 3px;
  width: 140px;
  height: 18px;
}
.menu form .submit {
  position: absolute;
  right: 0;
  top: 3px;
  width: 34px;
  height: 25px;
  cursor: pointer;
}
.logo {
  padding-top: 23px;
  height: 75px;
  position: relative;
  z-index: 99;
}
.logo a {
  position: relative;
  z-index: 99;
}
.logo .logolinks {
  position: absolute;
  right: 0;
  top: 75px;
  color: #b38937;
}
.logo .logolinks a {
  font-weight: bold;
  color: #b38937;
}

.play1 {
  float: left;
  position: relative;
  z-index: 500;
  width: 100%;
  height: 314px;
  background: #000;
  overflow: hidden;
}
.play1 .swiper .swiper-slide .slide-img{
  width: 100%;
  height: 100%;
}
.play1 .swiper .swiper-slide img{
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.play1 .swiper .swiper-button-prev,
.play1 .swiper .swiper-button-next
{
  background:#00000099;
}
.play1 .swiper .swiper-button-prev{

  left:0;
}
.play1 .swiper .swiper-button-next{

  right:0;
}
.play1 .swiper .swiper-button-prev:after{
  content:'‹';
  font-size:30px;
  color:#fff;
  left:0;
}
.play1 .swiper .swiper-button-next:after{
  content:'›';
  font-size:30px;
  color:#fff;
  right:0;
}
.play1 .swiper .swiper-pagination .swiper-pagination-bullet{
  background-color: #000;
}
.play1 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #fff;
}

.play1 .bg {
  position: absolute;
  z-index: 501;
  left: 0;
  top: 281px;
  width: 647px;
  height: 33px;
  background: #000;
  filter: Alpha(opacity=65);
  opacity: 0.65;
}
.play1 .info {
  position: absolute;
  z-index: 502;
  left: 0;
  top: 288px;
  width: 647px;
  height: 18px;
  text-align: center;
  overflow: hidden;
}
.play1 .info a {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}

.play1 #xyhdi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list1 {
  margin: 0;
  padding: 0 12px;
}
.list1 li {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 6px 0 0 13px;
  height: 37px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/dot.gif) no-repeat 2px 11px;
  border-bottom: 1px dashed #e0e0e0;
  font: 11px/12px Arial;
  color: #a96a11;
  overflow: hidden;
}
.list1 li a {
  font-size: 14px;
  line-height: 22px;
  color: #1b1b1b;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.area1 {
  float: left;
  position: relative;
  z-index: 500;
  width: 310px;
  height: 314px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area1.png) no-repeat 0 14px #fff;
  border-left: 1px solid #dedbd4;
  border-right: 1px solid #dedbd4;
  border-bottom: 1px solid #b3b1ab;
}
.area1 .cn {
  padding: 9px 0 4px 9px;
  font: bold 16px/24px \5FAE\8F6F\96C5\9ED1;
  color: #aa7934;
}
.area1 .en {
  padding: 0 0 5px 11px;
  font-weight: bold;
  font-family: Arial;
  color: #fff;
}
.area1 .more {
  position: absolute;
  right: 9px;
  top: 38px;
  font-weight: bold;
  font-size: 11px;
  font-family: Arial;
  color: #fff;
}
.area1 .list1 {
  margin: 0;
  padding: 0 12px;
}
.area1 .list1 li {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 4px 0 0 13px;
  height: 36px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/dot.gif) no-repeat 2px 8px;
  border-bottom: 1px dashed #e0e0e0;
  font: 11px/12px Arial;
  color: #a96a11;
  overflow: hidden;
}
.area1 .list1 li a {
  font-size: 14px;
  line-height: 22px;
  color: #1b1b1b;
}

.pt16 {
  padding-top: 16px;
}

.area2 {
  float: left;
  width: 311px;
  height: 311px;
  background: #fff;
  border-top: 3px solid #b38937;
  border-left: 1px solid #dedbd4;
  border-right: 1px solid #dedbd4;
  border-bottom: 1px solid #b3b1ab;
}
.area2 .top {
  position: relative;
  padding-left: 9px;
  height: 41px;
}
.area2 .top .cn {
  float: left;
  font: bold 16px/41px \5FAE\8F6F\96C5\9ED1;
  color: #a96a11;
}
.area2 .top .en {
  float: left;
  padding: 5px 0 0 4px;
  font: bold 16px/36px Arial;
  color: #e1d9cd;
}
.area2 .top .more {
  position: absolute;
  right: 13px;
  top: 17px;
  font: bold 11px/12px Arial;
  color: #b38938;
}
.pl21 {
  float: left;
  width: 21px;
  height: 315px;
  overflow: hidden;
}
.area3 {
  float: right;
  position: relative;
  width: 310px;
  height: 318px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area3_1.jpg) no-repeat;
  border-left: 1px solid #dedbd4;
  border-right: 1px solid #dedbd4;
  border-bottom: 1px solid #b3b1ab;
}
.area3 .cn {
  padding: 16px 0 5px 9px;
  font: bold 16px/24px \5FAE\8F6F\96C5\9ED1;
  color: #aa7934;
}
.area3 .en {
  padding-left: 12px;
  height: 22px;
  background: #887e75;
  font: bold 12px/22px Arial;
  color: #f3f0e8;
}
.area3 .more {
  position: absolute;
  right: 10px;
  top: 45px;
  font: bold 11px/22px Arial;
}
.area3 ul {
  margin: 0;
  padding: 0 10px;
}
.area3 ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 10px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/dot.gif) no-repeat 0 18px;
  border-bottom: 1px solid #c6bdb1;
}
.area3 ul li p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  color: #313131;
}
.area3 ul li .p1 {
  color: #a96a11;
}
.area3 .donate {
  position: absolute;
  right: 7px;
  top: 270px;
}
.pt12 {
  padding-top: 12px;
}
.group1{
  float: left;
}
.group1 table img{
  display: block;
}
.area4 {
  /*float: left;*/
  padding: 0 8px;
  width: 629px;
  height: 217px;
  background: #fff;
  border-top: 3px solid #b38937;
  border-left: 1px solid #dedbd4;
  border-right: 1px solid #dedbd4;
  border-bottom: 1px solid #b3b1ab;
}
.area4 .play2 {
  float: left;
  position: relative;
  margin-top: 9px;
  width: 277px;
  height: 186px;
  overflow: hidden;
}
.area4 .play2 .bg {
  position: absolute;
  z-index: 501;
  left: 0;
  top: 141px;
  width: 277px;
  height: 45px;
  background: #000;
  filter: Alpha(opacity=60);
  opacity: 0.6;
}
.area4 .play2 .info {
  position: absolute;
  z-index: 502;
  left: 5px;
  top: 146px;
  width: 267px;
  height: 36px;
  overflow: hidden;
}
.area4 .play2 .info a {
  font-weight: bold;
  color: #fff;
}
.area4 .list {
  float: right;
  width: 330px;
}
.area4 .list .top {
  position: relative;
  height: 31px;
}
.area4 .list .top .cn {
  float: left;
  font: bold 16px/31px \5FAE\8F6F\96C5\9ED1;
  color: #a96a11;
}
.area4 .list .top .en {
  float: left;
  padding: 5px 0 0 4px;
  font: bold 16px/26px Arial;
  color: #e1d9cd;
}
.area4 .list .top .more {
  position: absolute;
  right: 5px;
  top: 18px;
  font: bold 11px/12px Arial;
  color: #b38938;
}
.area4 .list .dot {
  height: 5px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area4.gif) 0 31px;
}
.area4 .list ul {
  margin: 0;
  padding: 0;
}
.area4 .list ul li {
  height: 34px;
  padding-left: 10px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/dot.gif) no-repeat left center;
  border-bottom: 1px dashed #cccccc;
  overflow: hidden;
}
.area4 .list ul li a {
  line-height: 34px;
  color: #1b1b1b;
}
.area5 {
  float: right;
  width: 312px;
}
.area5 .login {
  padding: 93px 0 0 180px;
  height: 45px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area5.jpg) no-repeat;
}
.area5 .login a {
  display: block;
  width: 117px;
  height: 31px;
}
.area5 .link {
  position: relative;
  height: 83px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area5a.jpg) no-repeat;
}
.area5 .link a {
  position: absolute;
  top: 6px;
  display: block;
  width: 56px;
  height: 54px;
}
.area5 .link .link1 {
  left: 4px;
}
.area5 .link .link1:hover {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area5h.jpg) no-repeat -4px -6px;
}
.area5 .link .link2 {
  left: 66px;
}
.area5 .link .link2:hover {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area5h.jpg) no-repeat -66px -6px;
}
.area5 .link .link3 {
  left: 128px;
}
.area5 .link .link3:hover {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area5h.jpg) no-repeat -128px -6px;
}
.area5 .link .link4 {
  left: 190px;
}
.area5 .link .link4:hover {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area5h.jpg) no-repeat -190px -6px;
}
.area5 .link .link5 {
  left: 252px;
}
.area5 .link .link5:hover {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area5h.jpg) no-repeat -252px -6px;
}

.area6 {
  padding: 17px 0 13px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area6.jpg) no-repeat center top #dbd1c3;
}
.area6 .left {
  float: left;
  position: relative;
  width: 647px;
  height: 215px;
}
.area6 .left img {
  position: absolute;
  z-index: 501;
  left: 0;
  top: 0;
}
.area6 .left .word {
  position: absolute;
  z-index: 502;
  left: 20px;
  top: 15px;
  padding: 16px 37px 17px 17px;
  width: 329px;
  height: 140px;
  font: bold 28px/35px \5FAE\8F6F\96C5\9ED1;
  color: #fff;
  overflow: hidden;
}
.area6 .right {
  float: right;
  width: 312px;
  height: 217px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/area6r.jpg) no-repeat #bcab95;
}
.area6 .right .birth {
  padding: 23px 0 45px;
  height: 120px;
}
.area6 .right ul {
  margin: 0;
  padding: 0;
  padding-left: 18px;
}
.area6 .right ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 24px;
  color: #512a01;
}
.area6 .right select {
  width: 142px;
  height: 20px;
}

.area7 {
  padding: 10px 0 35px;
}
.area7 .area {
  float: left;
  padding: 0 10px;
  width: 208px;
  height: 258px;
  background: #fff;
  border-top: 3px solid #b38937;
  border-left: 1px solid #dedbd4;
  border-right: 1px solid #dedbd4;
  border-bottom: 1px solid #b3b1ab;
}
.area7 .area .title {
  position: relative;
  padding: 0 0 6px 4px;
  height: 38px;
  font: bold 16px/38px \5FAE\8F6F\96C5\9ED1;
  color: #a96a11;
}
.area7 .area .title a {
  position: absolute;
  right: 0;
  top: 17px;
  font: 11px/12px Arial;
  color: #b38938;
}
.area7 .area ul {
  margin: 0;
  padding: 0;
}
.area7 .area ul li {
  padding-left: 10px;
  height: 33px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/dot.gif) no-repeat left center;
  border-bottom: 1px dashed #cccccc;
  overflow: hidden;
}
.area7 .area ul li a {
  font-size: 14px;
  line-height: 33px;
  color: #1b1b1b;
}
.pl20 {
  float: left;
  width: 20px;
  height: 262px;
  overflow: hidden;
}

.foot {
  background: #242424;
}
.foot .copyright {
  padding: 43px 0 33px 360px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/logof.jpg) no-repeat left center #242424;
  color: #656565;
}
.foot .copyright a {
  color: #44739d;
}
.foot .copyright img {
  position: relative;
  top: 3px;
}

/* bignews2 */
.bignews2 {
  position: relative;
  width: 647px;
  height: 215px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/banner.jpg) no-repeat;
}
.bignews2 .b_c {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.bignews2 .online {
  position: absolute;
  display: block;
  left: 546px;
  top: 178px;
  width: 87px;
  height: 28px;
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/images/bignews2a.jpg) no-repeat;
}


.head .menu ul > li:first-child {
  background: url(/_upload/tpl/0f/70/3952/template3952/resources/css/images/menuli.png) repeat-x;
}