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

body{background: #eef1f3;font-size: 16px;color: #001e41;position: relative;font-family: "微软雅黑"}
ul,ol,p,h1,h2,h3,h4 {list-style:none;padding: 0; margin: 0;}
a{color: #222;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;border: none;}
a:active{text-decoration: none;}
Btn:active{color: #3cafe0!important;text-decoration: none;}
a:focus,a:hover {
    color: #3cafe0;
    text-decoration: none
}
h2{font-size: 40px;font-weight: bold;color: #001e41;margin: 50px 0;text-align: center;}
.bg02{background: #001e41;}
.bg03{background: url(/images/stm32wba6/bg01.jpg) no-repeat right top #fff;height: 400px;}
.bg04{background: #3cafe0;}
.btn-blue a{background: #1acf2e;color: #fff;width: 188px; height: 50px;text-align: center;line-height: 50px;border-radius: 50px;display: block;}
.btn-blue a:hover{background: #08a719;}
.mtop50{margin-top: 50px;}
.mbottom50{margin-bottom: 50px;}
.mtop30{margin-top: 30px;}

.banner-pc{background: url(/images/stm32wba6/banner.jpg) no-repeat center; height: 469px;}
.banner-mob{display: none;}
.about{background: url(/images/stm32wba6/img01.jpg) no-repeat #fff left top;padding: 50px 50px 50px 150px;}

.blueBG{background: #001e41;color: #fff;padding: 5px;margin: 25px 0;}
.Btn a{background: #ffd200;color: #001e41;height: 48px; line-height: 48px;border-radius: 6px;display: inline-block;padding: 0 15px;}
.Btn a:hover{background: #3cb4e6; color: #fff;}
.te-item{background: #3cafe0;border-radius: 10px;box-shadow: 0 0 15px rgba(153,153,153,0.3);margin-bottom: 30px;}
.te-item h3{font-size: 22px;color: #fff;margin: 20px ;display: inline-block;font-weight: 500;}
.te-item .font{background: #fff;background: linear-gradient(to bottom, #b3e8ff 5%, #fff 90%);border: 1px solid #fff;border-radius: 10px;padding: 20px;min-height: 160px;font-size: 15px;}
.yy-item{background: #fff;padding: 25px;border-top: 3px solid #ffd200;font-size: 15px;height: 200px; margin-bottom: 40px;}
.yy-item h3{font-size: 20px;font-weight: bold;margin-bottom: 10px;text-align: center;min-height: 48px;justify-content: center;}
.c-banner{margin-bottom: 20px;}
.c-banner img{width: 100%;}
.c-banner-mob{display: none;}
.cp-h2{text-align: left;}
.cp-link li{width: 100%; height: 52px; line-height: 52px;text-align: center;background: #f4da08;margin-bottom: 15px;}
.cp-link li a{display: inline-block;width: 100%;}
.cp-link li a:hover{background: #3cafe0;color: #002149}
.cp-img{}
.cp-img img{margin-top: 120px;margin-left: 40px;}
.video-item img{width: 100%;}
.video-item p{text-align: center;margin-top: 15px;}
.pdf-item h3{font-size: 20px; color: #3cafe0;margin: 4px 0 10px;}
.pdf-item p{margin-left: 10px;margin-bottom: 6px;}

.game-box{background:#fff;margin-bottom: 40px;}
.nav-tabs{border: none; display: flex; justify-content: space-between;margin-bottom: 15px;background: #002149;}
.nav-tabs li{height: 84px; flex: 1;margin-bottom: 0;}
.nav-tabs>li>a{height: 84px;line-height: 70px; font-size: 20px;text-align: center;color: #fff;border-radius: 0;position: relative;margin-right: 0;}
.nav-tabs>li>a p{position: absolute;top: 0; left: 0;background: url(/images/stm32wba6/icon-01.png); width: 95px; height: 30px;text-align: center; line-height: 30px;color: #fff;}
.nav-tabs>li>a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background: #ffca02;color: #002149;border: none;border-radius: 0;}
.tab-content{padding: 20px 40px;}
.QA-box{margin: 30px 0;}
.QA-box h4{font-size: 16px;margin-bottom: 20px;line-height: 26px;font-weight: bold;}
.QA-box h4 span{font-weight: bold;}
.QA-an{clear: both; overflow: hidden;}
.QA-an label{width: 100%;font-weight: normal;margin-bottom: 10px;float: left;}
.QA-an label input{margin-right: 10px;}
.text01{width: 100%;height: 80px;padding: 5px;}
.btn-b{margin: 30px 0;text-align: center;}
.btn-b a {
   background: linear-gradient(to right, #fe0606, #ef3565);color: #fff;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    border-radius: 6px;margin: 0 auto;
}
.btn-b a:hover{ background: linear-gradient(to right, #ef3565, #fe0606);}
.btn-b b{font-weight: bold;}
.btn-b p{margin: 9px 0;}
.p-top{margin: 10px 0 20px;}
.p-top a{font-weight: bold; color:#e6007e;}
.sm{background: #f2f9ff; padding:10px 20px;margin-top: 10px;}
.text1{border: none; border-bottom: 1px solid #999;margin-bottom: 10px;width: 100px;text-align: center;}
.xuan-banner{position: fixed; top: 20%; width: 114px; height: 285px;}
.xuan-1{left: 10px;}
.xuan-2{right: 10px!important;}
.footer {background: #03234b;color: #cccfd4; text-align: center; height: 40px; line-height: 40px;}	
.top-line{background: #fff;height: 38px;line-height: 38px; width: 100%;}
.top-line .login{float: right;margin-right: 10%; color: #03234b;}
.top-line .login a{color: #03234b;margin: 0 6px;}
@media(max-width:992px){
    h2 {font-size: 26px;  margin: 30px auto;}
 .banner-pc{text-align: center; display: none;}
.banner-pc img{max-width: 100%;}
.banner-mob{display: block;}
.banner-mob img{width: 100%;}
.xuan-banner{display: none;}
.mtop50 {margin-top: 20px;}
.about{}
.c-banner{display: none;}
.c-banner-mob{display: block;margin-bottom: 15px;}
.c-banner-mob img{width: 100%;}
.yy-item{margin-bottom: 15px;}
.tab-content{padding: 15px;}
.mbottom50{margin-bottom: 20px;}
}
@media(max-width:760px){
.about{background: none; padding: 20px;}
.te-item .font{min-height: auto;}
.te-item{margin-bottom: 15px;}
.yy-item{height: auto;}
.bg03{height: auto;}
.cp-img{text-align: center;margin-bottom: 20px;}
.cp-img img{margin-top: 20px;max-width: 90%;}
.nav-tabs{margin-bottom: 0;}
.about{padding: 10px;}
.p-top{margin: 10px 0 10px;}
.te-item h3{margin: 15px 20px;}
body{font-size: 15px;}
.nav-tabs>li>a{font-size: 16px;line-height: 18px;padding: 32px 5px 5px;}
.nav-tabs li,.nav-tabs>li>a{height: 94px;}
.yy-item h3{min-height: auto;}
.yy-item{padding: 15px;}
.btn-b{margin: 0px 0 10px;}
.QA-box h4{line-height: 22px;}
.QA-box{margin: 20px 0;}
}