@charset "utf-8";
/* CSS Document */

/****** 1. 公共样式 *****/
*,*:before,*:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
*{margin:0; padding:0; list-style:none;}
html {height:100%; -webkit-text-size-adjust: none;}
body {font-size:14px;line-height:1.5; background:#f1f5f9;color: #475569;  -webkit-font-smoothing: antialiased; min-height: 100%; width:100%; position: relative; font-family: Inter,sans-serif,"微软雅黑";padding: 80px 0 50px 0;}
a, a:hover, a:visited, a:active, a:link {cursor: pointer;text-decoration:none; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;text-shadow: rgba(0,0,0,.01) 0 0 1px;}
a:hover{text-decoration:underline; }
::-webkit-input-placeholder {color: #94a3b8 !important;}
:-moz-placeholder{color: #94a3b8 !important;}
::-moz-placeholder{color: #94a3b8 !important;}
:-ms-input-placeholder{color: #94a3b8 !important;}
::input-placeholder{color: #94a3b8 !important;}
.form-control{color: #000;}
section{display: block;position: relative;box-sizing: border-box;}
.clear::before,.clear::after{content: "";display: table;}
.clear::after{clear: both;}
.clear{zoom: 1;}
.left{float: left;}
.right {float: right;}
table{border-collapse:collapse;}
iframe{width: 100%;height: 100%;border: none;overflow: auto;}
ol, ul{margin-bottom: 0;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:#ccc; border-radius: 5px;}
button,input[type=button],input[type=submit]{cursor: pointer;}
/*****弹性布局*****/
.cent{display: flex;align-items: center;justify-content: center;}
.rows{display: flex;flex-direction: row;align-items: center;}
.column{display: flex;flex-direction: column;align-items: center;}
.between{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}

/****** 2. 页面样式 *****/
.container{width: 880px;margin: 0  auto;}
header{border-bottom: 1px solid #e2e8f0; background: #fff; position: fixed; top:0; left: 0; width: 100%; height:80px;z-index:998;}
header>.top{width: 1100px; margin: 0 auto;}
header>.top>.logo{float: left; width: 150px; padding: 20px 0;font:bold 24px/40px ""; color: #5ab471;}
header>.top>.logo a{color: #5ab471;text-decoration:none;}
header>.top>#menu{float: left;}
.nav li{display: inline;}
.nav li a{float: left; font:16px/40px "";color: #475569; padding:20px;text-shadow: 0 0 1px rgba(0,0,0,.3);}
.nav li a:hover{color: #000; }
.box{background: #fff;border-radius:6px;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .02);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    margin:20px 0 0; padding: 20px;
}
.box h1,.box h2{font-size:24px; text-align: center;}
.box h4{font-size: 16px;}
.box h2.f16{font:16px/30px  Arial; margin:5px 0; text-align: center;}
.box p{padding-top: 10px; font: 15px/24px "";}
.black{color: #000;}
.green{color: #5ab471;}
.green:hover{color: #44a159;}
.blue{color:#0088ff;}
.blue:hover{color: blue;}
.search{width: 500px;margin:15px auto;position: relative;}
.search input{width: 380px; height:38px; background:#f1f5f9; color:#000; border-radius: 6px;font:16px/38px "";border: none;outline: none; padding:0 15px; }
.search input:hover{border: 1px solid #cbd5e1;line-height: 36px;}
.search input:focus{background:#fff; border: 1px solid #5ab471;line-height: 36px;}
.search button,.button{width: 110px; height: 38px; border-radius: 6px; font:600 16px/38px "";  position: absolute; top:0; right: 0; text-align: center; color: #fff; border: 0; background:#0275e8;text-transform: capitalize;}
.search button:hover,.button:hover{background: #0061dc;box-shadow: 0 0 5px rgba(0,0,0,.3)}
footer{margin-top:50px; }
.bg-green{background: #5ab471; color: #fff; }
.dian:before{content:"·";color: #aaa; margin: 0 10px; }
.tcent{text-align: center;}
.t-left,.box .t-left{text-align: left}
.box p.f18{font-size: 18px;}
.box p.time{font-size: 14px;}
.shandian{width: 20px; height: 20px; background: url("../images/shandian.png") no-repeat; background-size:auto 100%; display: inline-block; vertical-align:middle;}
.video{width: 80%; min-height:400px; background: #000; margin:10px 10%; border-radius: 10px;}
.video_tab{width: 100%;}
.video_tab th{ width:33.3%;font: bold 14px/24px ""; color: #aaa; text-align: center;padding: 5px;}
.video_tab td{font:14px/24px ""; color: #000; text-align: center; padding: 5px;}
.video_tab th:first-child,.video_tab tr>td:first-child{text-align: left;}
.video_tab th:last-child,.video_tab tr>td:last-child{text-align: right;}
.button{width: auto; height: auto; position: static; padding: 5px 20px;}
.button>em{font: 26px/20px ""; transform: rotate(-90deg); display: inline-block; vertical-align: middle; margin-left: 5px;}
.menu-ico{display: none;}


/************1280px************/
@media only screen and (max-width: 1280px){
    .container{width:90%;margin: 0  auto;}
}

/************1100px************/
@media only screen and (max-width: 1100px){
    header>.top{width:100%; margin: 0 auto; padding: 0 20px;}
}
/************880px************/
@media only screen and (max-width: 880px){
    .container{width:100%;padding: 0 20px;}
    .menu-ico{display:block;position: fixed; z-index:999; top:28px; right:20px; width: 24px; height: 24px;background: url("../images/menu.png") no-repeat; background-size:100%; cursor: pointer; }
    .nav{float:none; display: none; position: absolute; left: 0; top:60px; width: 360px; max-width: 80%; background: #fff; height:calc(100vh - 60px); z-index: 999;}
    .nav li{display:block; padding: 10px 0;}
    .nav li a{float:none;}
    .menu-ico.on{background-image: url("../images/close.png");}
    footer .left,footer .right{float: none; text-align: center;}

}
/************768px************/
@media only screen and (max-width: 768px){
    .container{padding: 0 15px;}
}
/************767px***********/
@media only screen and (max-width: 767px){
    .button{white-space:nowrap;padding: 5px; width:200px;}
    .button>em{margin-left:0;}
}
/************11. 539px************/
@media only screen and (max-width: 539px){
    .video_tab th{ width:25%;}
    .video_tab th:last-child,.video_tab tr>td:last-child{text-align: right;width: 50%;}

}
/************480px************/
@media only screen and (max-width: 480px){
    .search{width:100%;margin:15px auto;position: relative;}
    .search input{width:calc(100% - 100px);}
    .search button{width:90px; font-size: 14px;}
    .box h1,.box h2{font-size:22px;}
    .box p { padding-top:8px; font:14px/20px "";}
    .video_tab th{font-weight: normal;}
    .button{white-space:nowrap;padding:0; width:150px; font-size: 14px;}
    .box p.f18{ font-size: 15px; }
    .box{padding: 15px;}
    .video{width: 100%; margin: 10px 0;}

}
/************479px************/
@media only screen and (max-width: 479px){

}
/************400px************/
@media only screen and (max-width: 400px){

}