@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; font-size: 100%;}
html { background: url(../images/bg.jpg) top center no-repeat; background-attachment: fixed;}
body { width: 100%; max-width: 800px; min-height: 100vh; line-height: 1.75; margin: 0 auto; padding: 0 42px; font-size: 16px; font-family: "微软雅黑"; background: url(../images/body.gif) top center repeat-y;}
@media screen and (max-width:800px) {
body { font-size: 14px; padding: 0; background: #fff;}
.pd05 { padding: 0 5px;}
}
input, select, button, textarea { margin: 0; padding: 0; vertical-align: middle; font-size: 100%; color: inherit; border: 0; font-family: inherit; outline: none; resize: none;}
input[type="text"] { -webkit-appearance: none;}
ol, ul {list-style: none;}
img { max-width: 100%; vertical-align: middle;}
a { text-decoration: none; color: inherit;}
:focus { outline: 0;}
table {	border-collapse: collapse; border-spacing: 0;}

.h10 { height: 5px; font-size: 0; line-height: 0; clear: both; background: #fff;}
.h12 { height: 5px; font-size: 0; line-height: 0; clear: both; background: #f5f5f5;}
.clear { clear: both;}
.adpic img { width: 100%; height: auto;}

.toplogo {}

.nav { padding: 8px 0; background: linear-gradient(to top, #f1e6d9, #fefefe);}
.nav ul { display: flex; justify-content: center;}
.nav ul li { padding: 0 12px;}
.nav ul li a { display: block; width: 148px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; background: url(../images/nav.png) 0 0 no-repeat; background-size: 100% 100%;}
@media screen and (max-width:800px) {
.nav { padding: 3px 5px;}
.nav ul li { width: 25%; padding: 0;}
.nav ul li a { width: calc(100% - 3px); height: 32px; line-height: 32px; font-size: 14px;}
}

.nav2 { padding: 6px 5px; text-align: center;}
.nav2 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.nav2 ul li { width: calc(20% - 4px); padding: 3px 0;}
.nav2 ul li a { display: block; height: 22px; line-height: 22px; font-size: 14px; color: #fff; border-radius: 22px; background: #8b642e;}
.nav2[data-fixed="fixed"]{ max-width: 810px; box-sizing: border-box; position: fixed; top:0; left: 0; right: 0; margin: auto; z-index: 9; box-shadow: 0 0 10px rgba(0,0,0,.1); background: #fff;}


.tit { height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; font-weight: bold; border-bottom: solid 1px #fff; background: url(../images/tit.png) top center no-repeat;}
@media screen and (max-width:800px) {
.tit { height: 40px; line-height: 40px; font-size: 18px; background-size: auto 100%;}
}
.tits { text-align: center; padding: 5px; font-size: 18px; font-weight: bold; color: #8b642e; background-image: linear-gradient(to bottom, #f1e6d9, #fff);}
@media screen and (max-width:800px) {
.tits { font-size: 16px;}
}

.gsb-pic {}
.gsb-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.gsb-box { width: calc(50% - 3px); box-sizing: border-box;}
.gsb-box:nth-child(1) { width: 100%;}
.gsb-box-tit { height: 50px; line-height: 50px; padding: 0 10px; color: #d71a00; border-bottom: solid 1px #dcceb8; background-image: linear-gradient(to top, #f1e6d9, #fff);}
.gsb-box-tit h3 { display: flex; align-items: center; font-size: 18px;}
.gsb-box-tit h3:before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: #af9269;}
.gsb-box-con {}
@media screen and (max-width:800px){
.gsb-box { width: 100%;}
.gsb-box-tit { height: 40px; line-height: 40px; padding: 0 5px;}
.gsb-box-tit h3 { font-size: 16px;}
}
.gsb-more { padding-top: 5px; font-size: 20px; text-align: center;}
.gsb-more a { display: block; padding: 5px; color: #8b642e; font-weight: bold; border-radius: 5px; background: #f1e6da;}
@media screen and (max-width:800px) {
.gsb-more { font-size: 16px;}
}

.swiper-tit { border-bottom: solid 3px #278d7c;}
.swiper-tit .swiper-slide { padding: 10px 0; text-align: center; font-size: 18px; background: #eee; cursor: pointer;}
.swiper-tit .swiper-slide.active-nav { color: #fff; font-weight: bold; background-image: linear-gradient(to top, #278d7c, #3fb19e);}
.swiper-tit2 {}
.swiper-tit2 .swiper-slide { width: 50%!important; padding: 10px 0; box-sizing: border-box; text-align: center; font-size: 18px; font-weight: bold; color: #8b642e; background-image: linear-gradient(to bottom, #f1e6d9, #fff); cursor: pointer;}
.swiper-tit2 .swiper-slide.active-nav { color: #d71b01; font-weight: bold; background: #fff;}
.swiperbox-pic { text-align: center;}
.swiperbox-pic img { width: 100%;}
.swiperbox-tit { line-height: 1.5; padding: 8px; font-size: 18px; color: #fff; text-align: center; font-weight: bold; background: #d70000;}
.swiperbox-con { padding: 5px 0;}
.swiperbox-con span { color: #f00; background: #ff0;}
@media screen and (max-width:800px){
.swiper-tit .swiper-slide { padding: 6px 0; font-size: 14px;}
.swiper-tit2 .swiper-slide { padding: 6px 0; font-size: 14px;}
.swiperbox-tit { padding: 6px; font-size: 15px;}
.swiperbox-con { font-size: 14px;}
}

.youmo-txt {}
.youmo-txt font { color: #f00; font-weight: bold;}
.youmo-pic { padding-top: 10px; text-align: center;}
.youmo-pic img,
.youmo-pic video { width: 100%;}
@media screen and (max-width:800px){ 
#youmo .Menubox { font-size: 14px;}
#youmo .Menubox li { padding: 5px 0;}
}

.jihua-tit { padding: 5px 0; text-align: center; font-size: 20px; border-bottom: dashed 1px #ddd;}
.jihua-list { padding: 5px 0; text-align: center;}
.jihua-list ul {}
.jihua-list ul li {}
.jihua-foot { display: flex; justify-content: space-between; align-items: center; padding: 10px 5px; border-top: dashed 1px #ddd;}
.jihua-foot a { display: inline-block; padding: 0 10px; box-sizing: border-box; color: #1e90ff; font-weight: bold; border: solid 1px #1e90ff; border-radius: 5px; background: #fff;}
@media screen and (max-width:800px) {
#tabjihua .Menubox { font-size: 14px;}
#tabjihua .Menubox li { padding: 5px 0;}
.jihua-tit { font-size: 16px;}
}

.duizhao {}
.duizhao .tit { padding: 5px 10px; text-align: center; font-size: 20px; color: #000; font-weight: bold; text-shadow: none; border: solid 1px #ddd; border-bottom: 0; background: #f1f1f1;}
@media screen and (max-width:800px) {
.duizhao .tit { font-size: 16px;}
}

.duizhao .shengxiao {}
.duizhao .shengxiao ul { display: flex; flex-direction: row; flex-wrap: wrap; text-align: center;}
.duizhao .shengxiao ul li { width: 33.33%; padding: 10px 0;}
.duizhao .shengxiao ul li .shengxiaot {}
.duizhao .shengxiao ul li .shengxiaof {}
.duizhao .shengxiao ul {}

.duizhao .wuxing {}
.duizhao .wuxing table {}
.duizhao .wuxing table th {}
.duizhao .wuxing table td {}
.duizhao .wuxing table tr td:nth-child(1) { width: 20%; min-width: 4em; text-align: center;}

.duizhao .bose {}
.duizhao .bose table {}
.duizhao .bose table th {}
.duizhao .bose table td {}
.duizhao .bose table tr td:nth-child(1) { width: 20%; min-width: 4em; text-align: center;}

.duizhao .heshuds {}
.duizhao .heshuds table {}
.duizhao .heshuds table th {}
.duizhao .heshuds table td {}
.duizhao .heshuds table tr td:nth-child(1) { width: 20%; min-width: 4em; text-align: center;}


.duizhao .shengxiaosx {}
.duizhao .shengxiaosx table { text-align: center;}
.duizhao .shengxiaosx table th {}
.duizhao .shengxiaosx table td {}

.duizhao-tit {}
.duizhao table {}
.duizhao th { padding: 5px; border: solid 1px #ddd; background: #eee;}
.duizhao td { padding: 5px; border: solid 1px #ddd;}
.duizhao table {}

.dzround { font-family: Tahoma; margin: 2px; font-size: 13px; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; border-radius: 50%; background: #f00;}
.dzround.blue { background: #36f;}
.dzround.green { background: #090;}

@media screen and (max-width:800px){ 
.duizhao .shengxiao ul li .shengxiaot img { width: 30px;}
.duizhao th { padding: 3px;}
.duizhao td { padding: 3px;}
.duizhao .bose table td { padding-top: 5px; padding-bottom: 5px;}
.duizhao .heshuds table td { padding-top: 5px; padding-bottom: 5px;}
.dzround { font-size: 12px; width: 18px; height: 18px; line-height: 18px;}
}

.footer { padding: 20px 0; text-align: center; font-size: 14px; color: #888;}
@media screen and (max-width:800px) {
.footer { padding: 10px 0; font-size: 13px;}
}

.foot-nav { width: 100%; max-width: 810px; height: 60px; line-height: 1; text-align: center; position: fixed; left: 0; right: 0; bottom: 0; margin: auto; z-index: 9; box-shadow: 0 0 10px rgba(0,0,0,.1); background: #fff;}
.foot-nav ul { display: flex;}
.foot-nav ul li { width: 20%;}
.foot-nav ul li a { display: block; height: 60px; padding-top: 7px; box-sizing: border-box;}
.foot-nav ul li a span { display: inline-block; width: 25px; height: 25px; background-size: 100% 100%!important;}
.foot-nav ul li a span.footico1 { background: url(../images/cfl1.png) 0 0 no-repeat;}
.foot-nav ul li a span.footico2 { background: url(../images/cfl2.png) 0 0 no-repeat;}
.foot-nav ul li a span.footico3 { background: url(../images/cfl3.png) 0 0 no-repeat;}
.foot-nav ul li a span.footico4 { background: url(../images/cfl4.png) 0 0 no-repeat;}
.foot-nav ul li.foot-nav-gd a { display: inline-block; width: 70px; height: 70px; margin-top: -12px; background: url(../images/cfl-more.png) 0 0 no-repeat; background-size: 100% 100%;}
.foot-nav ul li a p { display: block; margin-top: 3px;}
.foot-nav-more { width: 100%; max-width: 810px; padding: 5px; box-sizing: border-box; color: #fff; text-align: center; background: rgba(0,0,0,.8); position: fixed; left: 0; right: 0; bottom: 60px; z-index: 8; margin: auto; display: none;}
.foot-nav-more ul { display: flex; flex-direction: row; flex-wrap: wrap;}
.foot-nav-more ul li { width: 20%;}
.foot-nav-more ul li a { display: block; padding: 5px 0;}

.gotop { width: 40px; height: 40px; border-radius: 50%; background: url(../images/gotop.png) center center no-repeat; background-size: 100% auto; position: fixed; right: 10px; bottom: 100px; z-index: 99;}

header { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 810px; height: 50px; padding: 0 15px; box-sizing: border-box; text-align: center; color: #fff; background: linear-gradient(to top, #8b642e, #b68037); position: fixed; left: 0; right: 0; margin: auto;}
.header-blank { height: 50px;}
header h2 { flex: 1; font-size: 20px; font-weight: bold;}
@media screen and (max-width:800px) {
header { height: 40px; padding: 0 10px;}
.header-blank { height: 40px;}
header h2 { font-size: 17px;}
}

.big-tit { padding-top: 10px; font-size: 22px;}
.big-tits { padding: 5px 0; color: #999; border-bottom: solid 5px #f5f5f5;}
.big-con { padding: 10px 0; font-size: 18px; border-bottom: solid 5px #f5f5f5;}
@media screen and (max-width:800px) {
.big-tit { font-size: 18px;}
.big-con { font-size: 16px;}
}