/* CSS Document */
*{margin:0;padding:0;font-family:'Microsoft YaHei';}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0px; padding:0px; }
fieldset, img { border:none; }
img{border:none;width: 100%;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
li{ list-style:none;}
table { border-collapse:collapse; }
input { padding-top:0px; padding-bottom:0px; font-family: 'Microsoft YaHei';}
input::-moz-focus-inner { border:none; padding:0px; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:13px; margin:0px; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
body,html{ font-family:"Microsoft YaHei";height: 100%;}
.clearfix:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
ul:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.clearit {clear:both; height:0px; font-size:0px; overflow:hidden; width:100%; }
a {text-decoration:none; }
.max{ max-width:640px; margin:0 auto; overflow:hidden;}
.box:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
ul:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
a{-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; text-decoration:none; }


.xue{ background:url(../img/bjxx.jpg) repeat-y; overflow:hidden; padding-bottom:2%;}

.tu_img{ width:100%;}
.tu_img img{ display:block; width:100%;}
 .st img {
     width: 100%;
 }
.xuexiao{ width:100%; }
.xuexiao ul li{ float:left; width:45.5%; margin-left:3%; background:white; border-radius:6px; overflow:hidden;box-shadow: 0 5px 10px rgba(0,0,0,0.1); margin-bottom:3%;}
.xuexiao ul li span{ display:block; width:100%; height:40px; line-height:40px; text-align:center; background:#c43b38; color:white; font-size:12px; color:white;}
.xuexiao ul li p{ display:block; width:100%;}
.xuexiao ul li p img{ display:block; float:left; width:44%; margin-left:3%;}
.xuexiao ul li p a{ display:block; float:right; width:50%; height:30px; line-height:30px; border-radius:30px; background:#aaaeb3; color:white; font-size:12px; text-align:center; margin-top:13%; margin-right:3%;}


.tushu{ width:85%; height:30px; line-height:30px; font-size:12px; border:1px solid #bc9667;box-shadow: 0 15px 30px rgba(234,205,169,0.3); border-radius:35px; padding:0% 4%; color:#454545; margin-bottom:3%;}
.tushu a b{ color:#bc9667;}
.tushu a{ color:#454545;}

.tushu_s{ width:85%; height:30px; line-height:30px; font-size:12px; border-radius:35px; color:#454545; margin:0 auto; margin-bottom:3%;}
.tushu_s1{ width:49%; height:30px; line-height:30px; font-size:12px; border:1px solid #bc9667;box-shadow: 0 15px 30px rgba(234,205,169,0.3); border-radius:35px; padding:0% 4%; color:#454545; margin-bottom:3%; float:left;}.tushu_s1 a b{ color:#bc9667;}
.tushu_s1 a{ color:#454545;}


.tushu_s2{ width:23%; height:30px; line-height:30px; font-size:12px; border:1px solid #bc9667;box-shadow: 0 15px 30px rgba(234,205,169,0.3); border-radius:35px; padding:0% 4%; color:#454545; margin-bottom:3%; float:left;}
.tushu_s2 a b{ color:#bc9667;}
.tushu_s2 a{ color:#454545;}

.xinxi{ text-align:center; color:#cb423c; font-weight:800; font-size:12px; overflow:hidden; padding-top:2%;/* padding-bottom:5%;*/ width:100%;}

.biaoti{ display:block; background:url(../img/aa1.png) no-repeat center; text-align:center; font-size:1.2em; font-weight:800; color:#b41d23; height:50px; line-height:50px; background-size:40%; margin-top:20px; margin-bottom:5px;}
.biaotix{ display:block; background:url(../img/aa2.png) no-repeat center; text-align:center; font-size:22px; font-weight:800; color:#b41d23; height:50px; line-height:50px; background-size:50%; margin-top:20px; margin-bottom:5px;}
.biaotixx{ display:block; background:url(../img/aa2.png) no-repeat center; text-align:center; font-size:22px; font-weight:800; color:#b41d23; height:50px; line-height:50px; background-size:60%; margin-top:20px; margin-bottom:5px;}
.kemu{ width:80%; margin:0 auto;}
.kemu ul li{float:left;width:47%;margin-left:2%;margin-bottom: 3%;}
.kemu ul li span{display:block;width:100%;height:auto;padding:7px 0px;padding-bottom:11px;line-height:160%;background: #f0dcc7;border-radius:6px;text-align:center;font-size: 12px;color:#990409;/* font-weight:800; */}
.kemu ul li p{ display:block; width:100%; background:white; margin-top:-6px; overflow:hidden; padding:8% 0%;border-radius:6px;}
.kemu ul li p img{ display:block; float:left; width:30%; padding-left:5%;}
.kemu ul li p a{ display:block; float:right; width:50%; height:35px; line-height:35px; background:#157aff; color:white; text-align:center; border-radius:35px; font-size:13px; margin-top:6%; margin-right:5%;}
.kemu ul li p button{ display:block; float:right; width:50%; height:30px; line-height:30px; background:#990409; color:white; text-align:center; border-radius:30px; font-size:12px; margin-top:2%; margin-right:5%;}


.baokao{ width:80%; margin:0 auto;}
.baokao ul li{ float:left; width:30%; margin-left:2.5%; margin-bottom:2.5%;}
.baokao ul li a{ display:block; width:100%; height:35px; line-height:35px; text-align:center; background:#f1dec8; border-radius:35px; color:#990409; font-size:13px;}


.pingpu{ background:url(bbbj.png) repeat-y; background-size:contain}


.landscape {
            /*width: 500px;*/
            height: 100vh;
            line-height: 100vh;
            /* overflow: hidden; */
            /*
            border: green 1px solid;
            margin: 1em;
            float: left;*/
        }

        .portrait {
            width: 300px;
            height: 500px;
            overflow: hidden;
            border: red 1px solid;
            margin: 1em;
            float: left;
        }

        .switch {
            width: 90vw;
            height: 90vh;
            overflow: hidden;
            border: purple 1px solid;
            margin: 1em;
            float: left;
        }