/* CSS Document */
*{ margin: 0; padding: 0; font-size: 100%;}
body { width: 100%; max-width: 800px; min-height: 100vh; margin: 0 auto; line-height: 1.75; font-size: 16px; font-family: ΢ÈíÑźÚ; word-break: break-all; word-wrap: break-word;background: #fff;}
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: 10px; font-size: 0; line-height: 0; clear: both; background: #f5f5f5;}
.clear { clear: both;}

@media screen and (max-width:750px){ 
body { font-size: 14px; border: 0;}
.h10 { height: 6px;}


}
.nav1 { padding: 5px 0; text-align: center;}
.nav1 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
.nav1 ul li { width: 25%; padding: 5px 0;}
.nav1 ul li img { width: 60px; height: 60px;}
.nav1 ul li p { padding-top: 5px;}
@media screen and (max-width:750px){ 
.nav1 ul li img { width: 40px; height: 40px;}
}

.ifrAo{ height: 190px; box-sizing: border-box;}
@media screen and (max-width:800px) {
.ifrAo{ height: 190px;}
}
@media screen and (max-width:650px) {
.ifrAo{ height: 170px;}
}
@media screen and (max-width:500px) {
.ifrAo{ height: 150px;}
}
@media screen and (max-width:450px) {
.ifrAo{ height: 140px;}
}
@media screen and (max-width:400px) {
.ifrAo{ height: 130px;}
}

.nav2 { width: 100%; max-width: 800px; padding: 4px; box-sizing: border-box; text-align: center; background: #fff;}
.nav2 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
.nav2 ul li { width: 20%; padding: 2px; box-sizing: border-box;}
.nav2 ul li a { display: block; height: 36px; line-height: 36px; color: #fff; border-radius: 36px; background: #4f9ee7;}
#nav2[data-fixed="fixed"]{ box-shadow: 0 5px 10px rgba(0,0,0,.05); position: sticky; top:0; left: 0; right: 0; z-index: 9; margin: auto;}
@media screen and (max-width:750px){
.nav2 ul li { padding: 2px;}
.nav2 ul li a { height: 26px; line-height: 26px; font-size: 13px;}
}

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

#tabyoumo { padding: 10px;}
#tabyoumo .Menubox { margin-bottom: 10px; text-align: center; font-weight: bold; font-size: 24px; color: #ae732c;}
#tabyoumo .Menubox ul { display: flex; border-radius: 5px; border: solid 2px #ae732c;}
#tabyoumo .Menubox li { width: 50%; padding: 5px 0; box-sizing: border-box; cursor: pointer;}
#tabyoumo .Menubox li.hover { color: #ff0; text-shadow: 0 2px 0 rgba(0,0,0,.5); background: #ae732c;}
#tabyoumo .Contentbox {}
.tabyoumo-txt {}
.tabyoumo-txt font { color: #f00; font-weight: bold;}
.tabyoumo-txt2 { font-size: 24px; color: #f00; text-align: center; font-weight: bold;}
.tabyoumo-txt2 a { background: #ff0;}
.tabyoumo-pic { padding-top: 10px; text-align: center;}
.tabyoumo-pic video { max-width: 100%;}
@media screen and (max-width:750px){ 
#tabyoumo .Menubox { font-size: 18px;}
#tabyoumo .Menubox ul { border-width: 1px;}
#tabyoumo .Menubox li { padding: 3px 0;}
.tabyoumo-txt2 { font-size: 18px;}
}

header { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 800px; height: 50px; padding: 0 10px; box-sizing: border-box; color: #fff; background: linear-gradient(to top, #603400, #ae732c); position: fixed; left: 0; right: 0; top: 0; margin: auto; z-index: 9;}
header .header-back { width: 22px; height: 22px;}
header h1 { flex: 1; font-size: 20px;}
header .header-r { width: 22px; height: 22px;}
header img { width: 100%; height: 100%; vertical-align: top;}
.header-blank { clear: both; height: 50px;}
@media screen and (max-width:750px){ 
header {  height: 40px;}
header h1 { font-size: 18px;}
.header-blank { clear: both; height: 40px;}
}

.big-tit { padding: 15px; text-align: center; border-bottom: solid 1px #ddd;}
.big-tit h2 { font-size: 24px;}
.big-tit p { padding-top: 5px;}
.big-con { padding: 15px; font-size: 20px;}
.big-tit {}
.big-tit {}
.big-tit {}
@media screen and (max-width:750px){ 
.big-tit { padding: 10px;}
.big-tit h2 { font-size: 18px;}
.big-tit p { padding-top: 3px;}
.big-con { padding: 10px; font-size: 16px;}
}

.footer { padding: 10px 0; text-align: center;}

.waibox {
    text-align: center;
    background: #ae732c;
    line-height: 30px;
    border-radius: 5px;
}
.location_to {
    padding: 10px;
    border-radius: 15px;
    font-size: 20px;
    color: #f5f5f5;
    font-weight: 700;
    letter-spacing: 1px;
}

.hot-ad {}
.hot-item { margin: 4px 0; padding: 3px 0 3px 32px; font-weight: bold; border: solid 1px #ff3939; border-radius: 4px; box-shadow: 0 3px 3px rgba(255,57,86,.2); background: linear-gradient(to top, #ff0, #f2eded); position: relative;}
.hot-item:before { content: ""; display: inline-block; width: 32px; height: 32px;position: absolute; top: 0; left: 0;}
@media screen and (max-width:750px){ 
.hot-ad { padding: 0 4px;}
}
.nav { padding: 0 120px; color: #fff; text-align: center; font-size: 18px; font-weight: bold; border-bottom: solid 3px #fff; background: #005652; position: relative;}
.nav ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
.nav ul li { width: 20%; box-sizing: border-box;}
.nav ul li a { display: block; height: 40px; line-height: 40px;}
@media screen and (max-width:750px){ 
.nav { padding: 0; font-size: 15px;}
.nav ul li a { display: block; height: 32px; line-height: 32px;}
}




.tit {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #12727c;
    font-weight: bold;
    border-bottom: solid 1px #fff;
    background: url(/images/lhtp.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;
    background: linear-gradient(to bottom, #5a87cd, #fff);
}


.border-box {
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background: linear-gradient(to bottom, #b71b01, #FFE4E1);
}

.cypt td {
    text-align: center;
    border: 1px solid #C0C0C0;
    width: 25%;
    height: 45px;
    font-weight: 600;
    font-size: 18px;
    font-family: ???¨¨?¡¥¨¦?¡­¨¦?¡®;
}

.dgk th {
    padding: 5px;
    color: #ff0;
    border: solid 1px #fab483;
    background: #fab483;
}
.dgk td {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px;
    box-sizing: border-box;
    border: solid 1px #000000;
}

.dgk {
    font-weight: bold;
    background: #fff;
}


.duilianpt1{
    table-layout: auto;
    color: #FF0000;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    background: #fff;
}
.duilianpt1 tr{
    height: 30px;
}
.duilianpt1 td{
    font-weight: bold;
    border:1px solid #C0C0C0;
    font-size: 17pt;
}
.duilianpt1 td .zl{
    font-size: 20pt;
}
.duilianpt1 th{
    font-weight: bold;
    border:1px solid #C0C0C0;
    font-size: 17pt;
}
ul,
li {
    list-style: none;
}

#luntan {
    padding: 10px;
}

#luntan .sanheyi {
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    color: #3ebc40;
    line-height: 40px;
}

#luntan .sanheyi ul {
    display: flex;
    border-bottom: solid 3px #3ebc40;
    height: 40px;
}

#luntan .sanheyi li {
    width: 50%;
    padding: 5px 0;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 40px;
}

#luntan .sanheyi li.hover {
    color: #fff;
    background: #3ebc40;
}

#luntan .sanheyi li.hover font {
    color: #fff !important;
}


.luntan-txt font {
    color: #f00;
    font-weight: bold;
}

.luntan-txt2 {
    font-size: 24px;
    color: #f00;
    text-align: center;
    font-weight: bold;
}

.luntan-txt2 a {
    background: #ff0;
}

.luntan-pic {
    padding-top: 10px;
    text-align: center;
}

.luntan-pic video {
    max-width: 100%;
}

@media screen and (max-width:749px) {
    #luntan {
        padding: 5px;
    }

    #luntan .sanheyi {
        margin-bottom: 5px;
    }

    #luntan .sanheyi ul {
        border-width: 2px;
    }

    #luntan .sanheyi li {
        padding: 0;
    }

    .luntan-txt2 {
        font-size: 18px;
    }
}

@media screen and (min-width:750px) {
    #luntan {
        padding: 5px;
    }

    #luntan .sanheyi {
        margin-bottom: 5px;
        font-size: 24px;
    }

    #luntan .sanheyi ul {
        border-width: 2px;
        height: 50px;
    }

    #luntan .sanheyi li {
        padding: 0;
        line-height: 48px;
    }

    .luntan-txt2 {
        font-size: 18px;
    }
}

.ddtz {
    background-color: #fff;
    font-family: '???¨¨?¡¥¨¦?¡­¨¦?¡®';
}


.ddtz td {
    text-align: center;
    font-size: 16px;
}

.ddtz td img {
    vertical-align: middle;
}

.ddtz td.ddtzmore {
    font-size: 28px;
}

.ddtz td.ddtzmore img {
    margin-right: 5px;
    vertical-align: middle;
}

.ddtz td a {
    display: block;
    line-height: 35px;
    border: 1px solid #CCC;
    background: #fff;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    margin: 0 2px 2px 0;
    font-size: 16px;
}

.ddtz td a:hover {
    background: #fff;
}

@media screen and (max-width:750px) {
    .ddtz td {
        font-size: 14px;
    }

    .ddtz td.ddtzmore {
        font-size: 18px;
    }

    .ddtz td a {
        display: block;
        line-height: 40px;
    }
}

@media screen and (max-width:360px) {

    .ddtz td a {
        font-size: 14px;
    }
}

@media screen and (min-width:751px) {

    .ddtz td a {
        font-size: 20px;
    }
}



.border-box {
    position: relative;
}

.border-box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    margin: -5px;
    border-radius: 6px;
}

.lt-container {
    margin: 16px 8px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
    border: solid 0px transparent;
}

.lt-header {
    height: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #fff;
    text-align: center;
    border-radius: 3px 3px 0 0;
}

.lt-title {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.lt-introduction {
    font: bold 18px '';
    color: #005cbb;
    padding: 34px 0 10px;
    text-align: center;
}

.lt-interlink {
    font-weight: bold;
    font-size: 14px;
    text-align: justify;
    min-height: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-top: 3px dashed;
    border-radius: 0 0 4px 4px;
    padding: 5px 0;
    width: 100%;
    position: relative;
}

.lt-interlink a {
    display: inline-block;
    text-decoration: none;
    color: initial;
    font-size: 16px;
    width: 100%;
    text-align: center;
}

.lt-interlink a img {
    height: 24px;
    vertical-align: middle;
    margin-left: 5px;
}

.c-text {
    display: inline-block;
    padding: 0 3px;
    text-align: center;
    vertical-align: middle;
    font-style: normal;
    color: #fff;
    overflow: hidden;
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: 200;
    position: absolute;
    background-color: #ff9812;
    top: 50%;
    right: 0;
    transform: translate(80%,-50%);
}

.lt-content>img,.lt-gg>img,.lt-gg>a,.lt-gg>a img {
    width: 100%;
    display: block;
}

.lt-gg>:first-child,.lt-gg>:first-child img:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.lt-gg>:last-child,.lt-gg>:last-child img:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}



.lt-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1110;
}





ul,li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


    html {
        background: url(../image/bg.jpg) fixed;
        background-size: 100%;
    background-attachment:fixed
    }
    
.biaoti {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    background: url(../image/biaoti.png) no-repeat top center;
    background-size: 250% 100%
}
@media screen and (max-width: 750px) {
    .biaoti {
        font-size: 17px;
        background-size: 340% 100%;    }
}
.lv {
    border: 2px solid #f00;
    text-align: center;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
    font-family: "¿¬Ìå";
    line-height: 27px;
    font-weight: 700;
    font-size: 16pt;
    border-radius: 10px 10px;
    background-color: #ff0000;
    color: #d9fb48;
}
.lv tr td:nth-child(1) {
    width: 50%;
    color: #0900ff;
    background-color: #FFFF99;
    font-size: 18px;
    border-radius: 5px;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
.lv tr td:nth-child(2) {
    width: 50%;
    color: #000000;
    background-color: #FFCCCC;
    font-size: 18px;
    border-radius: 5px;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

.jzt { font-size: 18px; text-align: center;white-space: normal; background: #fff;}
.jzt th { height: 30px; color: #fff; background: #990000;border: 2px solid #fff;}
.jzt td { border: 1px solid #fff; font-weight: bold;}
.jzt td:nth-child(1){width: 23%; background-color: #e5d2b5;}
.jzt td:nth-child(2){color: #f00;background-color: #f1e7d8;}
.jzt td:nth-child(3){width: 23%; background-color: #e5d2b5;}
@media screen and (max-width:750px){
.jzt { font-size: 15px;}
}

.colors {
    background-image: url('mau.jpg');
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: colorChange 5s infinite;
    display: inline-block;
    text-align: left
}
@-webkit-keyframes colorChange{0%{background-position-x:0;
background-position-y:0}50%{background-position-x:-885px;
background-position-y:-233px}100%{background-position-x:0;
background-position-y:0}}

.blink_tuijian{
    animation: blink_zhuanqu .3s linear infinite;
    color:#000d76;}
@keyframes blink_zhuanqu{
    0%{ background:linear-gradient(to right,#ff0,#d6ab34)}  
    33%{ background:linear-gradient(to right,#0ff,#ff0)}
    66%{ background:linear-gradient(to right,#f55,#0ff) }
    100%{ background:linear-gradient(to right,#ff0,#f55)}}


.chang td {
     text-align:center;
     font-size: 13pt;
    line-height: 30px;
     font-weight:bold;
     border: solid 1px #e5e5e5;
     } 
@media screen and (max-width: 720px){
.chang td {
    font-size: 15px}}
    
@keyframes scale {0% {transform: scale(1);}20% {transform: scale(1.1);}40% {transform: scale(1);}60% {transform: scale(1.1);}80% {transform: scale(1);}100% {transform: scale(1);}}
.lq {background: red;-webkit-animation: scale 5s infinite;border: none;font-weight: bold;color: #ffff00;line-height: 21px;border-radius: 10px;padding: 0 4px;font-family: "΢ÈíÑźÚ";font-size: 15px;text-shadow: -1px 0 #595959, 0 1px #595959, 1px 0 #595959, 0 -1px #595959;}      
@keyframes blink {25% {color: #f00;text-shadow: 1px 1px #fff;}50% {color: #00f; text-shadow: 1px 1px #fff;}75% { color: #f00; text-shadow: 1px 1px #fff;}   100% { color: #000; text-shadow: 1px 1px #fff;} }
.lj-lq {font-weight: 800;background-color: #ffef63;animation: blink 1s infinite; padding: 0px 4px;
    border-radius: 10px;} 
.lk {
    color: #ffffff;
    width: fit-content;
    font-weight: bold;
    font-family: monospace;
    background: radial-gradient(circle closest-side, #ff0000, #ffff42 100%, #ff0000) right / calc(300% - 1em) 1500%;
    animation: l24 5s infinite alternate linear;}
.lk::before {
  line-height: 1em;
  color: #0000;
  background: inherit;
  background-image: radial-gradient(circle closest-side,#fff 94%,#000);
  -webkit-background-clip: text;
  background-clip: text;}

@keyframes l24 {100% {background-position: left}}

.gsb-pic {}
.gsb {}
.gsb ul {}
.gsb ul li {align-items: center; padding: 3px; border-bottom: solid 1px #eee; cursor: pointer;}
.gsb ul li a{ display: flex;}
.gsb ul li .gsb-ico { margin-right: 5px;}
.gsb ul li .gsb-ico span { display: inline-block; font-size: 0.9em; padding: 0 8px; color: #fff; border-radius: 5px; background: #5daae2;}
.gsb ul li .gsb-tit { flex: 1; font-weight: bold; font-size: 18px;}
.gsb ul li .gsb-tit font { color: #f00;}
.gsb ul li .gsb-zz { color: #888;}
@media screen and (max-width:750px){
.gsb ul li .gsb-tit { font-size: 16px;}
}