/* Write your styles */
.Header{overflow: hidden;position: relative;}
.Header img{width: 100%;}
.Header span{width: 87px;height: 86px;background: url('../images/mouser.png') no-repeat;display: block;position: absolute;bottom: 40px;left: 50%;margin-left: -23px}


/* Head scroll  */
.am-tabs{position: relative;}
.am-fix{position: fixed;top: 0;z-index: 1000}
.native-scroll{overflow:auto !important;-webkit-overflow-scrolling:touch !important;}
.navbox{position: relative;height: 49px;top: -49px}
.navbox .am-icon-angle-right{display: block}
.am-icon-angle-right{position: absolute;right: 0px;color: white;font-size: 30px;display: block;width: 24px;height: 48px;line-height: 44px;z-index: 100;top: 0;background:#2a61c4;text-align: center}
#head-slide{height: 49px;box-sizing: border-box;width: 100%;background: #2a60c4}
#head-slide a{color: #fff}
.head-slides{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;margin: 0;padding: 0}
.head-slides .slide-items{user-select: none;display: block;width: auto;float: left;position: relative;padding: 0 20px;color: #FFF;line-height: 48px;font-size: 16px;text-align: center;box-sizing: border-box;transition: all ease .3s;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;z-index: 2;border-bottom: 1px solid #003fb4;}
.head-slides .slide-items.am-active{color: #FFF;font-weight: 700}
.head-slides .slide-items:after{content: '';position: absolute;height: 2px;width: 100%;bottom: -1px;left: 0;z-index: 4;visibility: hidden;background: #1ec8eb;}
.head-slides .slide-items.am-active:after{visibility: visible;}


.stitle{overflow: hidden;position: relative;}

.stitle img{width: 100%}
.stitle h3{position: absolute;top: 0;left: 0;width: 100%;text-align: center;color: white;line-height: 2.4}


/*tops*/
.tops{background: url('../images/sh2bg.png') no-repeat center bottom;background-size:100%;overflow: hidden;margin: 1rem;padding-bottom: 1rem}
.tops a{display: block;color: #073188}
.tops h1{font-size: 1.25em;margin-bottom: 0;overflow: hidden;text-align: center}
.tops h1 span{display: block}
.tops p{margin-top: 5px;color: #999;font-size: 1em}

/*video-js*/
.video-js{width: 100%;padding: 1rem 1rem 0 1rem;overflow: hidden;box-sizing: border-box}
.video{overflow: hidden;background: url('../images/vidbg.png') no-repeat;background-size: cover}
.am-gs{margin-left: -1rem;margin-right: -1rem;overflow: hidden;}
.video-list{margin: 1.5rem auto .5rem; width: 85%;}
.video-list .am-u-sm-6{padding-left: 1rem}
.video-list .am-u-sm-6 .am-thumbnail{border:0;color: white}
.video-list .am-u-sm-6 .am-thumbnail a{text-align: center}
.video-list .am-thumbnail-caption{text-align: center;font-size: 1.2rem}

.video a{width: 70%;margin: 0 auto;display: block;position: relative;}
.video a img{width: 100%}
.video a span{position: absolute;left: 0;bottom: 0;z-index: 100;width: 100%;color: white;text-align: center;font-size: 0.875em;padding: .5rem 0 0.5rem 0;margin: 0;background: url('../images/sobbus_02.png')}

.video-list .am-thumbnail{padding: 0;margin: 0}
#tab1 .tops-fot{overflow: hidden;margin-bottom: 2rem}
.tops-fot{text-align: center;margin: 1rem auto;width: 35%}
.tops-fot a{color: #069bd0}
.tops-fot img{width: 100%;}
.tops-group{margin: 2rem 1rem 3rem}
.tops-group li .title{ background: url('../images/dad.png');position: absolute;left: 0;bottom: 0;width: 100%;color: white;padding: 5px 10px;margin: 0}
.tops-yaowen{margin-top: 1rem}
.tops-yaowen h2{font-size: 1em;margin-bottom: 0}
.tops-yaowen h2 span{color: #2a61c4}
.tops-yaowen p{margin-top: 0;margin-bottom:0;color: #999;font-size: 0.875em}
.tops-yaowen p a{color: #2a61c4}

.am-list-tops{overflow: hidden;margin: 0;padding: 5px 0 0 0;border-top: 1px solid #c7d0e9}
.am-list-tops li{position: relative;display: block}
.am-list-tops li:before{content: "";width: 4px!important; height: 4px;background: #acacac;position: absolute;left: 0;top: 50%;border-radius: 2px;margin-top: -2px}
.am-list-tops li a{display: block;padding: 0.5rem 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color: #333}
.am-list-tops li:hover{background-color: #d2daf1}
.am-tabs-bd{border: 0}


.ts3 h3{padding-top: 2.3rem}
.sdhbox{margin-top: 2rem;padding: 1rem}
.sdhbox .sdimg{overflow: hidden;display: block}
.sdhbox [class*="am-u-"] {
  padding: 0
}
.sdhbox .sdimg img{width: 100%;}
.sdhbox .title{margin: 2rem 0;background: #062e87;color: white;line-height: 2;padding: 1rem;overflow: hidden;}
.sdhlist{padding: 1rem;overflow: hidden;}

.tops-groups{margin: 0 1rem 3rem}
.tops-groups li .title{ background: url('../images/dad.png');position: absolute;left: 0;bottom: 0;width: 100%;color: white;padding: 5px 10px;margin: 0}
.video-list2{margin: 1.5rem auto .5rem; width:95%;}
.video-list2 .am-u-sm-6{padding-left: 1rem}
.video-list2 .am-u-sm-6 .am-thumbnail{border:0;color: white}
.video-list2 .am-u-sm-6 .am-thumbnail a{text-align: center}
.video-list2 .am-thumbnail-caption{text-align: center;font-size: 1.2rem}
.video-list2 .am-thumbnail{padding: 0;margin: 0}

/**/
.tops-group-botx{margin: 0 1rem 3rem}
.tops-group-botx li .title{ background: url('../images/dad.png');position: absolute;left: 0;bottom: 0;width: 100%;color: white;padding: 5px 10px;margin: 0}

.tops-group-botx .am-control-nav li a{width: 11px;height: 11px;background: #458ad9}
.tops-group-botx .am-control-nav{bottom: -23px}
.tops-group-botx .am-direction-nav{display: none}
.tops-group-botx .am-control-nav li a.am-active{background: #f7435f}
/**/
.cd-box{overflow: hidden}
.cd-box .sdimg img{width: 100%}
.cd-box .am-thumbnail{overflow: hidden;border: 0;padding: 0;margin: 0}
.cd-box .am-thumbnail h3{margin: 0;text-align: center;color: #333}

.tops-groups-box{margin: 0 1rem}
.tops-groups-box li .title{ background: url('../images/dad.png');position: absolute;left: 0;bottom: 0;width: 100%;color: white;padding: 5px 10px;margin: 0}


.tops-groups-box .am-control-nav li a{width: 15px;height: 5px;border-radius: 0}
.tops-groups-box .am-control-nav{bottom: 10px;right: 10px;width: auto;}
.tops-groups-box .am-direction-nav{display: none}


.tv-bx{overflow: hidden;padding: 1rem;margin-bottom: 2rem}
.tv-bx .sdimg img{width: 100%}
.tv-bx .st{position: relative;color: white;}
.tv-bx .s1{background: #00a8d4;display: block}
.tv-bx .s2{background: #b90213;display: block}
.tv-bx .am-u-sm-6{padding: 0;margin: 0}
.tv-bx .txt{padding: 1rem;line-height: 1.5;color: white;display: block}
.tv-bx .t1:before{
    border: solid transparent;
    content: ' ';
    height: 0;
    left: 100%;   
    position: absolute;
    width: 0;border-width: 10px;
    border-left-color: #00a8d4;
    top:3rem;z-index: 10
}
.tv-bx .t2:before{
    border: solid transparent;
    content: ' ';
    height: 0;
    left:-20px;   
    position: absolute;
    width: 0;border-width: 10px;
    border-right-color: #b90213;
    top: 3rem
}

.footer{width: 100%;background: url('../images/sbgt.jpg') no-repeat;color: white;background-size: cover}
.footer p{margin: 0;padding: 1rem;overflow: hidden;font-size:1em}
/*@@@*/

@-webkit-keyframes rightan
{
    from{
        bottom: 0%;
        opacity: 0;
    }to{
        bottom: 5%;
        opacity: 1;
    }
}
.rightan{
    -webkit-animation: rightan 1.5s infinite;
    -webkit-animation-fill-mode: both;
}