*{margin:0;padding:0;}
body{background:#fff font-size: 16px;font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;color: #4e4e4e;}
    /*background-attachment:fixed;*/
.white{color: #fff;}
.Fontb{font-size: 18px;color: #000;}
.main-warp{width:1000px;margin:0 auto;}
.Float-l{float: left!important;}
.Float-r{float: right;}
.Title{font-size: 24px;text-align: center;}
.clear{ clear: both;}
a{text-decoration: none; color: #000;}
a:hover{text-decoration: none;}
li{list-style: none;}
#close{padding:4px;border-radius: 5px;text-align: center;width:70px;margin:10px auto;border-bottom: 1px solid #b23a3b;color: #fff;}
a#close:hover{background: #b23a3b;}
/*top-css*/
.top_banner{ width:100%; height:44px; background:url(imagestop_bj.png)}
.top_main{ width:1000px; height:44px; margin:0 auto}
.top_main_l{ width:115px; height:44px; float:left}
.top_main_r{ width:350px; height:44px; font-size:14px; line-height:44px; text-align:right; float:right}
.footer{text-align: center;background: #5e5e5e;color: #fff;padding:10px 0;}

.banner{width:100%;background: url(imagesyl-banner.jpg) no-repeat center;height: 500px;}
.banner .banner1{width: 1000px;height: 500px;margin:0 auto;}
.banner .banner1 .yl-ban{padding:70px 0 0 20px;}
.banner .banner1 .yl-ban img{float: left;}

.introduction{margin:40px auto 40px;height: 520px; }
.introduction .tj img{margin-right: 36px;width: 536px;height: 523px;}
.introduction .intrd-txt{width:426px;margin-top:50px;}
.introduction .intrd-txt p a{display:block;text-indent:0;text-align: center;width:130px;margin:20px auto 0;padding:5px 8px;border:1px solid #5e5e5e;}
.introduction .intrd-txt p a:hover{background:#6f6f6f;color: #fff;}
 h3{font-size: 18px;padding:8px 20px;text-align: center;background: #fea212;
width: 112px;margin:0 auto 30px;color: #fff;}
.introduction .intrd-txt p{text-indent: 2em;line-height: 40px;}
.introduction .tj{
    position:relative;
    width: 540px;
    height: 516px;
    animation: txg 2s linear 0s infinite alternate;
    /* Firefox: */
    -moz-animation: txg 2s linear 0s infinite alternate;
    /* Safari บอ Chrome: */
    -webkit-animation: txg 2s linear 0s infinite alternate;
    /* Opera: */
    -o-animation: txg 2s linear 0s infinite alternate;
}
@keyframes txg
{
    from  {left: 10px;}
    to  {left: -10px;}
}

@-moz-keyframes txg /* Firefox */
{
    from  {left: 10px;}
    to  {left: -10px;}
}

@-webkit-keyframes txg /* Safari บอ Chrome */
{
    from  {left: 10px;}
    to  {left: -10px;}
}

@-o-keyframes txg /* Opera */
{
    from  {left: 10px;}
    to  {left: -10px;}
}

/*title*/
.title{text-align: center;clear: both;}
.title .title-del{font-size: 50px;color: #000;}
.title span i{display: block;width:100px;height: 10px;background: #fea212;margin:20px auto 0;}
.tab table{width:700px;}
table{border-collapse: collapse;height: 460px;overflow: scroll;margin:30px auto 0;background: #fff5e6}

table tr.thead{background: #fdcd81!important;font-size:16px;font-weight: bold;color: #fff;height:36px;}
table tr{background: #fff5e6;font-size: 14px;height: 60px;}
table td{border-right: 1px solid #fdcd81;font-weight: bold;}
table td:last-child{border-right: none;}
tr,td{padding:4px;text-align: center;}
/*table tr:nth-child(odd){background:#fff }*/
table tr:hover{background: #f7e8d3;}
table tr td a{display: inline-block;padding:6px;color: #000;border-radius: 10px;border-bottom: 1px solid #707070;background:#f9969f;font-size: 14px;width:80px;}
table tr td a:hover{background:#6f6f6f;color: #fff;}
.tab p{width:300px;margin:6px auto 0;text-align: center;font-size: 18px;}

.live{height: 550px;margin-bottom: 40px;}
.live-txt p.bigger{font-size: 35px;margin-bottom:20px;text-align: center;}
.live-txt{width: 300px; margin:150px auto 0;}
.live-txt p{line-height: 40px;color: #5e5e5e;text-align: center;font-size: 18px;}
.live-txt p a{display:block;text-align: center;width:160px;margin:20px auto 0;padding:5px 8px;border:1px solid #5e5e5e; }
.live-txt p a:hover{background: #5e5e5e;color: #fff;}
.live-txt p a.big{width:200px;}

.last-btn a{display:block;text-align: center;width:200px;margin:10px auto 20px;padding:5px 8px;border:1px solid #5e5e5e;font-size: 24px;}
.last-btn a:hover{background: #5e5e5e;color: #fff;}

.data{margin:20px 0 40px;height: 450px;}
.data-one{background: #fff5e6;width: 350px;margin:10px 10px;border-radius: 10px;box-shadow: 5px 5px 20px #aa8954;height: 340px;}
.data-one .data-one-title{height: 40px;line-height: 40px;font-size: 18px;padding:10px;background: #fdcd81;border-radius: 10px 10px 0 0;}
.data-one .data-one-title a{font-size: 14px;color: #5e5e5e;}
.data-one .data-one-title a:hover{color: #fea212;}
.data-one ul{width:320px;margin:0 auto;padding-left:10px;}
.data-one ul li{margin:10px 0;}
.data-one ul li a{white-space: normal;text-overflow: ellipsis;overflow:hidden; display: block;height: 20px;background: url(imagesdisc.png)no-repeat left center;padding-left:10px;}
.data-one ul li a:hover{color: #fea212;}
.data-one ul li.mar-n{margin-right: 0;}
.data .sm{width: 250px;margin-top:40px;}
.data .gz{margin-top:20px;}
.data .sm h3{margin: 10px auto 10px;}
.jn1,.jn2{text-align: center;margin-top:10px;}
.jn1 i,.jn2 i{font-weight: normal;margin-top:20px;}
.jn1 img,.jn2 img{margin:10px 0;}
.jn1{margin-left:15px;}
.jn2{margin-right:15px;}
.data p.clear{clear: both;padding:10px;font-size: 14px;color: red;text-align: center;}

.more{height:430px; margin-bottom: 40px;}
.lag{width: 370px;margin-top:80px;}
.lag p{text-align: left;}
.lag p a{margin:20px 0 0 0;}
.more-i{margin-top:60px;}

.sec-tes{width:1000px;margin:0 auto;overflow: hidden;}
.sec-tes .bd{margin-bottom: 100px;}
.sec-tes ul{width:1000px;overflow: hidden;float: left;}
.sec-tes ul li{width:200px;height:200px;margin:20px;border-radius: 100px;}
.sec-tes ul li img:hover{-webkit-filter:brightness(.7) }
.sec-tes ul li img{border-radius: 100px;}

.yy{width:100%;height: 100%;background:rgba(0,0,0,0.9);position: fixed;top:0px;padding-top:20%;display: none;}
.yy table{width:320px;height: 280px;margin:0px auto;border-radius: 10px;}
.yy table td{border:none;}
.yy table tr{border:none;height: 40px;background:#fff9f0}
.yy table tr input{height: 40px;padding-left:10px;}
.button{width:150px;background: #e72844;border:none;border-bottom: 1px solid #707070;margin:0 auto;border-radius: 10px;color: #fff;font-size: 16px;padding-left: 0!important;
cursor: pointer;
}
.yy table tr td{text-align: center;border-radius: 10px;}
.yy table tr select{height: 40px;width: 85%;}
.btn{width:80px;margin:20px auto 0;}
.btn a{padding:4px;text-align: center;background: #4e4e4e;color: #fff;font-weight: bold;font-size: 14px;}

.bok{height: 300px;margin:0 auto;padding-top:30px;}
.bok p.bigger{font-size: 35px;margin-bottom:20px;text-align: center;}
.bok p{line-height: 40px;color: #5e5e5e;text-align: center;font-size: 18px;}
.bok p a{display:block;text-align: center;width:160px;margin:20px auto 0;padding:5px 8px;border:1px solid #5e5e5e; }
.bok p a:hover{background: #5e5e5e;color: #fff;}
.bok p a.big{width:200px;}

.recommend p{margin:30px auto;width: 980px;text-align: center;}
.recommend p a{display: inline-block;width:230px;height: 129px;margin:0 5px;}
.footer{text-align: center;background: #5e5e5e;color: #fff;padding:10px 0;}
.cord{display: none;}
@media(max-width: 768px){
    .cord{display: block;font-size: 14px!important;text-align: center!important;}
    .cord img{display: block;margin:10px auto 5px;width: 160px;}
    .more-i,.top_banner{display: none;}
    .Float-l,.Float-r{float: none!important;}
    .introduction,.live,.data,.more{height: auto;}
    .main-warp{width:98%;margin:0 auto;padding:1%; }
    .introduction{margin-top:20px;}
    .introduction .tj{width:98%;height:316px;margin:0 auto; }
    .introduction .tj img{width:90%;margin:0 auto;display: block;height: auto;}
    .introduction .intrd-txt{width: 96%;margin:0 auto;padding:1%;}
    .introduction .intrd-txt h3{margin:0 auto 10px;}
    .live-txt{margin-top:10px;}
    .tab{width:98%!important;margin:0 auto;}
    .tab table{width:100%!important;height: auto;background: none;}
    .tab table .thead{display: none;}
    .tab table td:before {
        content:attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }
    .tab table tr{border-radius: 10px;border:1px #d1d1d1 solid; height: auto;display: block; margin-bottom: 10px;}
    .tab table td{
        display: block;
        text-align: right!important;
        border:none;
        border-bottom: 1px #d1d1d1 dashed;
        height: 25px!important;
        width: 90%!important;
        margin:0 auto;
        line-height: 25px;
    }
    .tab table td:last-child{border-bottom: none;}
    .tab table td a{text-align: center;padding:0!important;}
    .data-one{margin:10px auto;}
    .data-one .data-one-title{padding:10px 10px 0;}
    .data-one .data-one-title a{float: right!important;}
    .data-one ul{height: 310px;}
    .data .sm{margin:20px auto 80px;}
    .lag{width:auto;}
    .lag p a{margin:20px auto 0;}
    .sec-tes{width: 98%;margin:0 auto;}
    .sec-tes ul{width:100%;}
    .sec-tes ul li{width: 150px!important;height: 150px;margin:10px;}
    .sec-tes ul li img{width: 100%;}
    .banner{height: auto;}
    .banner .banner1{width:100%;height: auto;}
    .banner .banner1 .yl-ban{width:100%;text-align: center;padding:0;}
    .banner img{width:90%;float: none!important;padding-top:10px;}
    .recommend p{width:100%;}
}