iframe {vertical-align: middle;}
.kjbox {text-align: center;background:#eeeeee;line-height: 33px;}
.location_to{text-decoration: none;padding: 5px;background: #0043ff;border-radius: 15px;font-size: 12px;color: #ebebeb;}ul.lb{text-align:center}
@media (min-width:768px){
.location_to{font-size:15px;font-weight:600}
}

  *{
        margin: 0;
        border: 0;-
        padding: 0;
    }

    a {
        color: inherit;
        text-decoration: none;
    }
    .dis{display:normal}
    .undis{display:none}
    .menubox{ overflow:hidden; width:100%;}      
    @media screen and (min-width:480px){.iframeid{height:148px}}
	@media screen and (min-width:640px){.iframeid{height:215px}}
      
	.cgi-head{
		margin: 0 auto;
		max-width: 800px;
        font-size: 0;
	}
	.cgi-box,.cgi-foot{
		margin: .2rem auto 0;
		max-width: 800px;
        background:#fff;
	}
    .cgi-copy{
        padding: .5rem 0;
    	text-align:center;
    	color: #666;
    }
	
    .lt-hov-bar > div {
        border-bottom: solid 2px #ddd;
        color: #ddd;
        width: 50%;
        text-align: center;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
	
.lt-hov-bar {
    display: flex;
    width: 100%;
    justify-content: space-around;
    font-size: 16px;
    height: 50px;
    font-weight: bold;
    background: white;
    margin-top: 10px;

	}

    .lt-hov-bar > div {
        border-bottom: solid 2px #ddd;
        color: #ddd;
        width: 50%;
        text-align: center;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
		background-image: linear-gradient(to bottom, #10ac05, #0e6200);
    }

.cgi-box .lt-hov-bar-hov {
    border-bottom: solid 2px #6983fa !important; 
	color:#fff; 
	background:#1494ed;
	border-radius: 0 0 4px 4px;
}
	
.hot {
	margin: 0 auto;
    position: fixed;
	top: 0px; 
    z-index: 99;
    width: 100%;
    max-width: 800px;  
}
.hod {
	margin: 0 auto;
    position: fixed;
	top: 50px; 
    z-index: 99;
    width: 100%;
    max-width: 800px; 
}

.wred{color:#f00}
.wgreen{color:#080}
.wblue{color:#00f}
.wpink{color:#f0f}
.wyellow{color:#ff0}
.worange{color:#f60;}
.wpurple{color:#80d}
.wskyred{color:#f06}
.wskyblue{color:#06f}
.wwhite{color:#fff}
.wblack{color:#000}
.banner-web{font-size:18px}
.banner-web font{color:#08f}
.banner-web strong{color:#f00;font-size:20px}
.banner-web span{color:#2b2}
.center{text-align:center}

.lx{background-color:#000;font-weight:bold}
.lx-jl{color:#f0f;border-bottom:1px dotted #fff}
.lx-jl span{background:#ff0;border-radius:5px;}
.lx-jl font{color:#0f0}
.lx-zl{overflow:hidden;color:#f00;border-bottom: 1px dotted #fff;}
.lx-zl ul,.lx-zl li{display:block}
.lx-zl ul{width:50%}
.lx-zl .lx-left{float:left}
.lx-zl .lx-right{float:right}
.lx-zl font{color:#0f0}
.lx-zl span{background:#ff0;border-radius:5px;}
.lx-zl b{color:#fff}
.lx-ls{text-align:center;border-top:1px solid #efefef;padding-top:5px}
.lx-ls a{color:#ff0}
.ls .tongzhi{background:transparent;color:#ff0;padding-bottom:8px}
.ls .lx-zl{border-top:1px dashed #fff;padding:5px 0}
.tongzhi{color:#00f;background:#ff0;border-radius:3px;text-align:center}
.tongzhi span{color:#f00}
@media (max-width: 319px){
.lx-jl{font-size:19px}
.lx-zl{font-size:18px}
.tongzhi{font-size:14px}
}
@media (min-width: 320px) and (max-width:359px){
 .lx-zl ul{width:100%}
.lx-jl{font-size:21px}
.lx-zl{font-size:20px}
.tongzhi{font-size:15px}
}
@media (min-width: 360px) and (max-width: 374px){
 .lx-zl ul{width:100%}
.lx-jl{font-size:24px}
.lx-zl{font-size:23px}
.tongzhi{font-size:17px}
}
@media (min-width: 375px) and (max-width: 392px){
 .lx-zl ul{width:100%}
.lx-jl{font-size:25px}
.lx-zl{font-size:24px}
.tongzhi{font-size:18px}
}
@media (min-width: 393px) and (max-width: 413px){
 .lx-zl ul{width:100%}
.lx-jl{font-size:26px}
.lx-zl{font-size:25px}
.tongzhi{font-size:19px}
}
@media (min-width: 414px) and (max-width: 767px){
 .lx-zl ul{width:100%}
.lx-jl{font-size:28px}
.lx-zl{font-size:27px}
.tongzhi{font-size:20px}
}
@media (min-width:768px){
.lx-jl{font-size:30px}
.lx-zl{font-size:26px}
.tongzhi{font-size:24px}
}

/*********/

.wz-tit {
text-align: center;
padding: 5px 0;
color: #ffff00;
font-size: 1.15rem;
font-weight: bold;
background: #921818;
background-image: linear-gradient(to top, #921818, #e42121);
}
.wz-tit2 {
color:#fff;
background:#ed4040;
font-weight:bold;
padding:5px 0;
border:1px solid #900;
border-radius:3px;
font-size:1.25rem
}
.wz-tit font{
color:#fff
}
.wz-tit span{
color:#0ff
}
.wz-tc {
border-bottom: 1px dotted #888;
color: #06f;
text-align: center;
font-size: 26px;
font-weight: bold;
padding: 8px 0;
}
.wz-tc p font{color:#f00}
.wz-tc p span{color:#080}

/**********/

.lb-tz{text-align:center}
.lb-tz li{background-color:#fff}
.lb-tz li:nth-child(2n){/*background-color:#f3f3f3*/}
@media (min-width: 320px) and (max-width:359px){
.lb-tz a{font-size:16px}
}
@media (min-width: 360px) and (max-width: 374px){
.lb-tz a{font-size:18px}
}
@media (min-width: 375px) and (max-width: 392px){
.lb-tz a{font-size:19px}
}
@media (min-width: 393px) and (max-width: 413px){
.lb-tz a{font-size:20px}
}
@media (min-width: 414px) and (max-width: 767px){
.lb-tz a{font-size:21px}
}
@media (min-width:768px){
.lb-tz a{font-size:22px}
}

/**********/

.wz-yj{
border-bottom: 1px dotted #888;
color: #000;
font-size: 16px;
}
.wz-yj .p1{}
.wz-yj .p2{}
.wz-yj .p3{}
.wz-yj .p1 font{color:#f00;font-weight:bold}
.wz-yj .p2 font{color:#f0f}
.wz-yj .p3 font{color:#00f}
@media (min-width: 320px) and (max-width:359px){
.wz-yj p{font-size:15px}
}
@media (min-width: 360px) and (max-width: 374px){
.wz-yj p{font-size:18px}
}
@media (min-width: 375px) and (max-width: 392px){
.wz-yj p{font-size:18px}
}
@media (min-width: 393px) and (max-width: 413px){
.wz-yj p{font-size:19px}
}
@media (min-width: 414px) and (max-width: 767px){
.wz-yj p{font-size:20px}
}
@media (min-width:768px){
.wz-yj p{font-size:21px}
}

/**********/

.wl{overflow:hidden}
.wl ul,.wl li{margin:0;padding:0;border:0}
.wl ul{display:block}
.wl li{display:block;width:33.3%;float:left}
.wl li a{
display:block;padding:5px 0;width:100%;font-size:1rem;color:#fff;background:#08f
}
.wl .wl01 a{background:#08f}
.wl .wl02 a{background:#f80}
.wl .wl03 a{background:#f00}
.wl .wl04 a{background:#f0f}
.wl .wl05 a{background:#80f}
.wl .wl06 a{background:#080}
@media (min-width:768px){
.wl-left{margin:0;padding:0;border:0;width:50%;float:left}
.wl-right{margin:0;padding:0;border:0;width:50%;float:left}
}

/**********/

.wz-yc{
border-bottom: 1px dotted #888;
color: #000;
font-size: 18px;
}
.wz-yc .p1{}
.wz-yc .p2{}
.wz-yc .p3{}
.wz-yc font{color:#090;font-weight:bold}
.wz-yc span{color:#00f}
@media (min-width: 320px) and (max-width:359px){
.wz-yc{font-size:20px}
}
@media (min-width: 360px) and (max-width: 374px){
.wz-yc{font-size:22px}
}
@media (min-width: 375px) and (max-width: 392px){
.wz-yc{font-size:23px}
}
@media (min-width: 393px) and (max-width: 413px){
.wz-yc{font-size:25px}
}
@media (min-width: 414px) and (max-width: 767px){
.wz-yc{font-size:26px}
}
@media (min-width:768px){
.wz-yc{font-size:28px}
}

/*********/

.wz-my{
border-bottom: 1px dotted #888;
color: #000;
font-size: 16px;
padding:8px 0;
}
.wz-my .p1{}
.wz-my .p2{}
.wz-my .p3{font-weight:bold}
.wz-my .p1 font{color:#f00;font-weight:bold}
.wz-my .p2 font{color:#00f}
.wz-my .p3 font{color:#f0f}
@media (min-width: 320px) and (max-width:359px){
.wz-my p{font-size:15px}
}
@media (min-width: 360px) and (max-width: 374px){
.wz-my p{font-size:18px}
}
@media (min-width: 375px) and (max-width: 392px){
.wz-my p{font-size:18px}
}
@media (min-width: 393px) and (max-width: 413px){
.wz-my p{font-size:20px}
}
@media (min-width: 414px) and (max-width: 767px){
.wz-my p{font-size:20px}
}
@media (min-width:768px){
.wz-my p{font-size:22px}
}

/***********/

.pic{overflow:hidden;
margin-top: 6px;
padding:8px 0 0 0;
border: solid 1px #cfcfcf;
border-radius: 3px;
background: #fff;
}
.pic li {
float: left;
padding-bottom: 10px;
}
.m1{margin-left:1.1%;margin-right:0.5%;width:15%;}
.m1 img{width:100%;height:160px;}
.pic li p.name {
text-align: center;
font-size: 14px;
font-weight:bold
}
.pic .lzbz {
position: absolute;
left: 0;
width: 100%;
height: auto;
overflow: hidden;
color: #fff;
cursor: pointer;
bottom:-72px;
}
.pic .video-bg {
display: block;
position: absolute;
left: 0;
bottom: -72px;
width: 100%;
height: 100%;
background: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
cursor: pointer;
}
.pic .link-hover {
width: 100%;
height: 160px;
position: relative;
overflow: hidden;
}
@media (max-width: 767px) {
.m1{margin-left: 2%;margin-right:1%;width:30%;}
}

/**********/

.wz-24{
border-bottom: 1px dotted #888;
color: #000;
font-size: 16px;
padding: 5px 0;
}
.wz-24:nth-child(2n){background-color:#f3f3f3}
.wz-24 .p1{color:#00f}
.wz-24 .p2{color:#111;font-weight:bold}
.wz-24 .p1 span{color:#f00}
.wz-24 .p2 span{}
@media (min-width: 320px) and (max-width:359px){
.wz-24 .p1{font-size:18px}
.wz-24 .p2{font-size:16px}
}
@media (min-width: 360px) and (max-width: 374px){
.wz-24 .p1{font-size:18px}
.wz-24 .p2{font-size:18px}
}
@media (min-width: 375px) and (max-width: 392px){
.wz-24 .p1{font-size:18px}
.wz-24 .p2{font-size:19px}
}
@media (min-width: 393px) and (max-width: 413px){
.wz-24 .p1{font-size:20px}
.wz-24 .p2{font-size:20px}
}
@media (min-width: 414px) and (max-width: 767px){
.wz-24 .p1{font-size:20px}
.wz-24 .p2{font-size:21px}
}
@media (min-width:768px){
.wz-24 .p1{font-size:20px}
.wz-24 .p2{font-size:20px}
}

/*************/

.wz-ym{
border-bottom: 1px dotted #888;
color: #000;
font-size: 16px;
}
.wz-ym .p1{}
.wz-ym .p2{color:#00f}
.wz-ym .p1 font{color:#f00;font-weight:bold}
.wz-ym .p2 font{color:#f0f}
@media (min-width: 320px) and (max-width:359px){
.wz-ym p{font-size:15px}
}
@media (min-width: 360px) and (max-width: 374px){
.wz-ym p{font-size:18px}
}
@media (min-width: 375px) and (max-width: 392px){
.wz-ym p{font-size:18px}
}
@media (min-width: 393px) and (max-width: 413px){
.wz-ym p{font-size:20px}
}
@media (min-width: 414px) and (max-width: 767px){
.wz-ym p{font-size:20px}
}
@media (min-width:768px){
.wz-ym p{font-size:22px}
}

/*************/

.wz-yq{
border-bottom: 1px dotted #888;
color: #000;
font-size: 16px;
}
.wz-yq .p1{}
.wz-yq .p2{color:#080}
.wz-yq .p3{color:#00f}
.wz-yq .p2 span{color:#f00;font-weight:bold}
.wz-yq .p3 span{color:#00f}
@media (min-width: 320px) and (max-width:359px){
.wz-yq p{font-size:15px}
}
@media (min-width: 360px) and (max-width: 374px){
.wz-yq p{font-size:17px}
}
@media (min-width: 375px) and (max-width: 392px){
.wz-yq p{font-size:18px}
}
@media (min-width: 393px) and (max-width: 413px){
.wz-yq p{font-size:19px}
}
@media (min-width: 414px) and (max-width: 767px){
.wz-yq p{font-size:20px}
}
@media (min-width:768px){
.wz-yq p{font-size:22px}
}

/*************/

.wz-tt{
border-bottom: 1px dotted #888;
color: #000;
font-size: 16px;
}
.wz-tt .p1{}
.wz-tt .p2{color:#00f}
.wz-tt .p1 span{color:#f00}
.wz-tt .p2 span{color:#080;font-weight:bold}
@media (min-width: 320px) and (max-width:359px){
.wz-tt p{font-size:16px}
}
@media (min-width: 360px) and (max-width: 374px){
.wz-tt p{font-size:18px}
}
@media (min-width: 375px) and (max-width: 392px){
.wz-tt p{font-size:20px}
}
@media (min-width: 393px) and (max-width: 413px){
.wz-tt p{font-size:21px}
}
@media (min-width: 414px) and (max-width: 767px){
.wz-tt p{font-size:22px}
}
@media (min-width:768px){
.wz-tt p{font-size:24px}
}

/*************/

.sx table {
border-collapse: collapse;
border-spacing: 0;
}
.sx table tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
.sx table td {
border: 1px solid #e5e5e5;
padding: 3px 2px;
word-break: break-all;
}
.sx ul, .sx li, .sx dl, .sx dt, .sx dd{margin:0;padding:0}
.sx ul {
display: block;
list-style-type: disc;
}
.sx ul li img {
vertical-align: middle;
border: 0;
width:40px;
height:40px;
}
.sx1 li{
float: left;
width: 33.333333%;
padding: 5px 0;
text-align: center;
}
.sx span{
height: 18px;
line-height: 18px;
margin: 0 2px;
padding: 0 3px;
font-size: 12px;
color: #fff;
display: inline-block;
background-color: #f00;
}
.sx span.blue{
background-color: #3366ff;
}
.sx span.green{
background-color: #009933;
}
@media (min-width: 320px) and (max-width:359px){
.sx1 li{width: 50%}
}
@media (min-width: 360px) and (max-width: 374px){
.sx1 li{width: 50%}
}
@media (min-width: 375px) and (max-width: 392px){
.sx ul li .tm01 span{margin:0 1px;padding:0 2px}
}
@media (min-width: 393px) and (max-width: 413px){
.sx ul li .tm01 span{margin:0 1px;padding:0 2px}
}
@media (min-width: 414px) and (max-width: 767px){

}
@media (min-width:768px){
.sx1 li{width: 25%}
}
