@charset "utf-8";
/* CSS Document */
/* 全局CSS定义 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body {line-height: 1;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*{tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);-ms-tap-highlight-color: rgba(0,0,0,0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body {font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; background:#f1f5f8;}
.clearfix:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
input,textarea {outline: 0;resize: none;}
.viewport { max-width:750px; margin:0 auto; position:relative;}
img{ width:100%; height:auto; vertical-align:bottom;}
a{ text-decoration: none; color: #333;}
.tab-nav{ height: 1rem; padding: 0.3rem 0; width: 100%; background: #fff; box-shadow:0 0.02rem 0.03rem rgba(200,206,210,0.63); margin-bottom: 0.6rem;}
.tab-nav li{float: left; line-height: 0.4rem; width: 20%; border-right: 1px solid #ede0e0; text-align: center; color: #333; font-size: 0.28rem;}
.tab-nav li:last-child{ border:none;}
.tab-nav li.active{ color: #1766d6;}
.tab-cont .tab-item{ display: none;}
.tab-cont .tab-item.active{ display: block;}
.tab-cont li{ float:left; width:3.15rem; height:4.4rem; border-radius:0.20rem; box-shadow: 0 0.04rem 0.08rem #c7ced3; position:relative; text-align:center; margin:0 0 0.6rem 0.4rem; background:#fff; overflow: hidden;}
.tab-cont li .logo{ width:1.4rem; height:1.4rem; border-radius:0.7rem; overflow:hidden; box-shadow:0 0.02rem 0.05rem #c7ced3; background:#fff; margin: 0.4rem auto 0;}
.tab-cont li .logo img{
    padding: 0.15rem;}
.tab-cont li .name{font-size:0.3rem; color:#333; line-height:1.5em; font-size:0.26rem; margin:0.2rem auto;}
.tab-cont li .btn{ position: absolute; bottom: 0.3rem; left: 0; margin: 0 0.3rem;}
.tab-cont li .btn div{ float: left; margin: 0 0 0 0.115rem; height: 1.1rem; width: 1.1rem; overflow: hidden; }
.tab-cont li .index{ position: absolute; top: 0; left: 0; font-size: 0.28rem; color: #fff; z-index: 999; height: 0.5rem; width: 0.5rem; text-align: center; line-height: 0.5rem;}
.tab-cont li:before{ content: ''; position: absolute; top: -0.8rem; left: -0.8rem; width: 1.4rem; height: 1.4rem; background:#1766d6; transform:rotate(45deg); -webkit-transform:rotate(45deg);  z-index: 998;}
.zb{ text-align:center;}
.zb .ft img{ width:4.4rem; height:1.2rem;}
.bottom{ background:#383849; text-align:center; margin-top:0.6rem;}
.bottom p{ font-size:0.26rem; line-height:1.6em; color:#fff; padding:0.4rem 0;}
.back{ width:0.64rem; height:0.64rem; position:absolute;  top:0.2rem; left:0.2rem; z-index:99;}
.back img{ opacity: 0.8;}
.tit{ width: 3.75rem; margin:0.4rem auto;}
.video-box{margin: 0 0.4rem; background: #fff;}
.video-box h6{ text-align: center; color: #333; font-size: 0.32rem; line-height: 0.76rem;}
.video-box video{ width: 100%; height:auto;}
.news-list{ margin: 0.2rem 0.4rem;}
.news-list li{ height: 1.2rem; width: 100%; background: #fff; margin-bottom:0.2rem; position: relative; border-radius:0.2rem; overflow:hidden; position: relative;}
.news-list img{position: absolute; top: 0; left: 0; height: 1.2rem; width: 1.2rem; }
.news-list p{padding-left: 1.4rem; padding-right: 10px; height:0.8rem; color: #333; line-height:1.3em; display: table-cell;vertical-align: middle;font-size:0.28rem; padding-top: 0.1rem;}
.news-list span{ position: absolute; left:1.4rem; bottom: 0;  font-size: 0.22rem; line-height: 0.4rem; color: #666; display: block;}
.videobtn{position: relative;}
.videobtn:after {
    content: "";
    background: rgba(0, 0, 0, 0.4) url("../images/v.png") no-repeat;
    background-size: contain;
    border-radius: 0.45rem;
    box-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.4);
    height: 0.9rem;
    width: 0.9rem;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.play.videobtn:after {
    display: none;
}