@charset "gb2312";
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,code,em,img,q,s,strike,strong,syt,sup,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,legend,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,footer,header,nav,section,audio,video,button,input {margin: 0;padding: 0;border: 0;box-sizing: border-box;outline: 0;font: inherit;font-weight: normal;font: 14px/1.5 "PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;-webkit-font-smoothing: antialiased; }
.main{width:100%; position:relative;margin:0 auto; text-align:center; overflow:hidden;}
.marl{margin-left:none;}
.marr{margin-right:none;}
/*banner*/
.vperiod_banner{width:100%;height:5.62rem;background:url(../images/vperiod_banner01.jpg) center no-repeat;background-size:100%;margin:0 auto;}
/*人工智能物联网师资培训班*/
.vperiod_intro{width:100%;height:5.67rem;background:url(../images/vperiod_intro.jpg) center no-repeat;background-size:100%;margin:0 auto; position:relative; overflow:hidden; text-align:center;}
.vperiod_title{width:auto;height:0.75rem; line-height:0.92rem;font-size:18px; font-weight:bold;color:#fff;background:url(../images/title01.png) center no-repeat;background-size:6.17rem 0.75rem; font-family:"微软雅黑"; box-sizing:border-box;margin-top:0.4rem;}
.vperiod_title i{ font-size:18px;color:#ffad10; font-weight:bold;font-family:"微软雅黑";}
.vperiod_offline01{width:4.60rem;height:0.11rem; line-height:0.11rem;background:url(../images/title_p.png) center no-repeat; font-size:0.2rem;color:#555555;background-size:100%;margin:0 auto;margin-top:0.15rem;}
.haq{background:url(../images/title02.png) center no-repeat;background-size:4.79rem 0.75rem;margin-bottom:0.2rem;}
.haw{background:url(../images/title03.png) center no-repeat;background-size:7.06rem 0.77rem;}
.hae{background:url(../images/title04.png) center no-repeat;background-size:6.98rem 0.77rem;}
.har{background:url(../images/title05.png) center no-repeat;background-size:4.22rem 0.75rem; color:#1d1c1c;}
.har i{color:#1f819f;}
.hat{background:url(../images/title06.png) center no-repeat;background-size:4.05rem 0.75rem;color:#1d1c1c;}
.hay{background:url(../images/title07.png) center no-repeat;background-size:3.49rem 0.75rem; color:#1d1c1c;}
.hay i{color:#1f819f;}
.hat{background:url(../images/title06.png) center no-repeat;background-size:4.99rem 0.75rem;}
.hai{background:url(../images/title09.png) center no-repeat;background-size:6.60rem 0.75rem;}
.vperiod_intro_main{width:6.84rem;height:4.02rem;background:rgba(255,255,255,0.5); position:absolute;left:0px;right:0px;bottom:0px;margin:0 auto; overflow-y:auto; box-sizing:border-box;padding:0.3rem 0.2rem;}
.vperiod_intro_main p{ font-size:0.22rem;color:#333333; text-align:left;padding-left:0.24rem;position:relative;margin-bottom:0.1rem;}
.vperiod_intro_main p::before{ content:"";width:0.16rem;height:0.16rem;background:url(../images/vperiod_intro_main.png) center no-repeat;background-size:100%; position:absolute;top:0.08rem;left:0px;}
.vsummer_intro_con{width:100%;height:2.83rem;background:#fff; text-align:center; position:relative;margin:0 auto; box-sizing:border-box;padding-top:0.35rem;}
.vsummer_intro_con li{width:1.50rem; float:left;height:auto; position:relative}
.vsummer_intro_con li img{width:1.00rem;height:0.95rem; display:block;margin:0 auto;margin-bottom:0.15rem;}
.vsummer_intro_con li span{font-size:0.22rem;color:#0f42d7; font-weight:bold; border-bottom:2px #0f42d7 solid;}
.vsummer_intro_con li p{ font-size:0.16rem;color:#555; line-height:0.22rem;margin-top:0.1rem;}
.vsummer_intro_con li em{ display:block;width:0.01rem;height:1.90rem;background:url(../images/xian.png) center no-repeat;background-size:0.01rem 1.90rem; position:absolute;top:0px;right:0px;}
/*培训培训合作机构*/
.vperiod_coo{width:100%;height:auto;background:#0e41d8;background-size:100%;margin:0 auto; position:relative; overflow:hidden; text-align:center;padding-bottom:0.6rem;}
.vperiod_coo img{width:2.20rem;height:0.91rem; display:inline-block;margin:0.1rem;}
/*金牌师资团队*/
.vperiod_team{width:100%;height:18.68rem;background:url(../images/vperiod_team.jpg) center no-repeat;background-size:100%;margin:0 auto; position:relative; overflow:hidden; text-align:center;}
.Valot_main05_main{width:100%;margin:0 auto; position:relative;}
.Valot_main05_main li{width:100%;height:auto;padding-top:1.25rem;background:#ffffff; position:relative;padding-bottom:0.5rem;margin-top:1.2rem;}
.Valot_main05_main li h2{ position:absolute;top:-0.98rem;left:10px;}
.Valot_main05_main li h2 img{ float:left;width:1.99rem;height:1.99rem;}
.Valot_main05_main li h2 i{ float:left; display:block; font-size:0.32rem; color:#333333; font-weight:bold;border-bottom:1px #feac10 solid;padding-top:1.45rem;margin-left:0.15rem;padding-bottom:0.05rem;}
.Valot_main05_main li h2 b{ font-size:0.22rem;color:#444444; font-weight:normal;padding-top:1.65rem;padding-left:0.2rem;color:#3888ff;}
.Valot_main05_main li p{width:84%; font-size:0.22rem;color:#444444; line-height:0.36rem; text-align:left;margin:0 auto;}
/*线上课程亮点*/
.vsummer_spot{width:100%;height:auto;background:#fff;margin:0 auto; position:relative; overflow:hidden; text-align:center;padding-bottom:0.6rem;}
.summer_inter_title{width:6.91rem;height:3.54rem;background:url(../images/vsummer_spot.png) center top no-repeat;background-size:100%;margin:0 auto; position:relative;margin-top:0.7rem;}
.summer_inter_title h2{width:4.18rem;height:0.65rem; line-height:0.65rem;background:#1141d5; font-size:0.38rem;color:#333333; font-weight:bold;font-family:"微软雅黑"; position:absolute;top:-25px;left:0px;right:0px;margin:0 auto;}
.summer_inter_title p{ font-size:0.2rem;color:#222222; line-height:0.34rem;font-family:"微软雅黑";padding:0.4rem 0.45rem; text-align:left; box-sizing:border-box;}
.outline-top{ width:6.84rem; height:auto; margin:0 auto;margin-top:0.4rem;}
.outline-top li{ display:inline-block; width:1.2rem; height:0.66rem; font-size:0.2rem; font-weight:bold;color:#bebebe; line-height:0.64rem;background:#2d2626; margin:0 0.05rem; cursor:pointer; font-weight:bold;border-top:2px #2d2626 solid;}
.outline-top li.hover{ border-top:2px #000000 solid; background:#ffad10; color:#000000;font-weight:bold;}
.outlin-down{ width:6.6rem; height:auto;padding:0.35rem 0.3rem;background:#fff;border:1px #ffba81 solid; margin:0 auto;box-shadow: 0 10px 20px rgba(0,0,0,0.1); box-sizing:border-box;}
.outlin-down li{ width:100%; height:auto;}
.outlin_down01{width:100%;margin:0 auto;border-left:2px #ffad10 solid;padding-bottom:0.2rem;}
.outlin_down01 em{
    display: block;
    width: 1.5rem;
    height: 0.37rem;
    line-height: 0.38rem;
    font-size: 0.18rem;
    color: #32240b;
    font-weight: bold;
    background: url(../images/dagang.png) center no-repeat;
    background-size: 100%;
    margin-right: 0.2rem;
    position: relative;
    margin-left: 0.13rem;
}
.outlin_down01 em::before{ content:"";width:0.12rem;height:0.12rem;background:#ffad10;border-radius:50%; position:absolute;left:-0.2rem;top:0.12rem;}
.outlin_down01 p{font-size:0.18rem;color:#666666; text-align:left; line-height:0.24rem;padding-top:0.15rem;padding-left:0.2rem;}
.outlin_down01 span{ display:block; float:left;width:415px; font-size:14px;color:#666; line-height:24px; text-align:left;margin-right:25px;}
.outlin_down02_r{width:100%;margin-top:0.15rem;}
.outlin_down02_r li{width:100%;margin:0 auto;margin-bottom:0.1rem;}
.outlin_down02_r li h2{width:100%;padding-left:0.2rem; padding-bottom:0.05rem;}
.outlin_down02_r li h2 span{ display:block;float:left;width:0.19rem;height:0.19rem;line-height:0.19rem !important;background:#2d2626;border-radius:50%; font-size:0.12rem; color:#fff; font-weight:bold;text-align:center !important;margin-right:0.1rem;margin-top:0.03rem;}
.outlin_down02_r li h2 b{float:left;width:90%;font-size:0.2rem;color:#363636; line-height:20px; font-weight:bold; text-align:left;}
.outlin_down02_r li p{font-size:0.18rem;color:#666; text-align:left;padding-top:0.05rem;padding-left:0.32rem; line-height:0.34rem;margin:0 auto;}
/*线下课程亮点*/
.vsummer_spot01{width:100%;height:auto;background:#061841;margin:0 auto; position:relative; overflow:hidden; text-align:center;padding-bottom:0.6rem;}
/*自主研发实验平台（线上/线下）*/
.container{width:100%;height:auto;background:#fff;margin:0 auto; position:relative; overflow:hidden; text-align:center;padding-bottom:0.6rem;}
.swiper1 {width:6.92rem;margin:0 auto;margin-top:0.4rem !important;}
.swiper1 .swiper-slide {width:2.04rem;height:0.7rem;line-height:0.7rem;text-align: center;background:#f0f6f9;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;cursor: pointer; box-sizing:border-box;}
.swiper1 .swiper-slide p{color:#555555; font-size:0.2rem; font-weight:bold;}
.swiper1 .swiper-slide.selected{background:#0969ea;}
.swiper1 .swiper-slide.selected p{color:#fff;}
.swiper2 {width:100%; height:12.5rem;margin:0 auto;}
.swiper2 .swiper-slide {box-sizing: border-box !important;overflow-x: hidden !important;}
.swiper3 {width:6.92rem;margin:0 auto;margin-top:0.4rem !important;}
.swiper3 .swiper-slide {width:2.04rem;height:0.7rem;line-height:0.7rem;text-align: center;background:#f0f6f9;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;cursor: pointer; box-sizing:border-box;}
.swiper3 .swiper-slide p{color:#555555; font-size:0.2rem; font-weight:bold;}
.swiper3 .swiper-slide.selected{background:#0969ea;}
.swiper3 .swiper-slide.selected p{color:#fff;}
.swiper4 {width:100%; height:12.5rem;margin:0 auto;}
.swiper4 .swiper-slide {box-sizing: border-box !important;overflow-x: hidden !important;}
.container_main{width:100%;height:auto;margin:0 auto;margin-top:0.15rem;}
.container_main .tab_img1{width:4.30rem;height:3.77rem; float:left;}
.summer_dowon_con{float:right;width:3.08rem;height:3.48rem;text-align:center;padding:0.2rem;font-size:0.24rem; box-sizing:border-box;}
.tab_img2{width:1.10rem;height:0.62rem;margin-top:0.25rem;}
.summer_dowon_con p{ color:#555555; font-size:0.16rem; font-weight:bold;margin-top:0.15rem;}
.summer_dowon_con span{ display:block;font-size:0.18rem;color:#555555; text-align:left; line-height:0.26rem;margin-top:0.15rem;}
/*报名详细信息*/
.vperiod_sign{width:100%;height:auto;background:#0f234d;margin:0 auto; position:relative; overflow:hidden; text-align:center;padding-bottom:0.6rem;}
.vperiod_sign_con{width:94%;margin:auto;margin-top:0.3rem;}
.vperiod_sign_left{width:auto;height:auto;background:#fff;border:1px #ffad10 solid;margin-top: 20px;}
.vperiod_sign_left h2{width:100%;height:0.56rem; line-height:0.56rem;background:#ffad10; font-size:0.3rem;color:#32240b; font-weight:bold;}
.vperiod_sign_left ul{width:100%;margin:0 auto; box-sizing:border-box;border-bottom:1px #b7b7b7 dashed;padding-bottom:0.2rem;}
.vperiod_sign_left ul h3{width:1.30rem; font-size:0.24rem;color:#0f42d7; font-weight:bold; text-align:left;border-bottom:2px #0f42d7 solid;margin:0 auto; position:relative;margin-top:0.2rem;margin-bottom:0.2rem;}
.vperiod_sign_left ul h3::before{ content:"";width:0.22rem;height:0.26rem;background:url(../images/vperiod_sign_left.png) center no-repeat;background-size:100%; display:inline-block;margin-right:0.1rem; position:relative;top:0.05rem;}
.vperiod_sign_left ul h4{width:1.30rem; font-size:0.24rem;color:#0f42d7; font-weight:bold; text-align:left;border-bottom:2px #0f42d7 solid;margin:0 auto; position:relative;margin-top:0.2rem;margin-bottom:0.2rem;}
.vperiod_sign_left ul h4::before{ content:"";width:0.22rem;height:0.26rem;background:url(../images/vperiod_sign_left01.png) center no-repeat;background-size:100%; display:inline-block;margin-right:0.1rem; position:relative;top:0.05rem;}
.vperiod_sign_left ul li{width:100%;margin:0 auto; text-align:left;padding:0px 0.15rem;}
.vperiod_sign_left ul li p{float:left;font-size:0.18rem;color:#333333; font-weight:bold;}
.vperiod_sign_left ul li span{ float:left; font-size:0.16rem;color:#555555; line-height:0.24rem;}
.vperiod_sign_left ul li i{ display:block;font-size:0.16rem;color:#555555; line-height:0.24rem;}
.Valot_main08_main{width:6.96rem;height:auto; position:relative;margin:0 auto;margin-top:0.4rem;}
.Valot_main08_main h2{width:2.72rem;height:0.56rem;background:url(../images/Valot_main08_1.png) center no-repeat;background-size:100%;}
.Valot_main08_main p{width:100%; font-size:0.26rem;color:#444; line-height:0.4rem; text-align:left;background:#f7f7f7;padding:0.3rem;}
.Valot_main08_main p span{ color:#ff6b6b; font-size:0.3rem; font-weight:bold;}
.Valot_main08_main ul{width:100%;margin:0 auto;background:#fff;border:1px #ffad10 solid;padding:0.18rem;}
.Valot_main08_main ul li{ float:left;width:1.99rem;height:1.69rem;background:url(../images/Valot_main08_main.jpg) center no-repeat;background-size:100%;margin:0.09rem;}
.Valot_main08_main ul li i{ display:block; font-size:0.24rem;color:#444444; font-weight:bold;padding-top:0.25rem;}
.Valot_main08_main ul li b{ display:block;width:1.65rem;height:0.73rem;line-height:0.73rem;color:#fff; font-size:0.24rem; font-weight:bold;background:url(../images/Valot_main08_3.png) no-repeat;background-size:100%;margin:0 auto;margin-top:0.15rem;}
.free_bottom p{ font-size:0.22rem;color:#ffffff; line-height:0.3rem;padding-top:0.3rem;}
.free_bottom a{ display:inline-block;width:3.30rem;height:0.77rem; line-height:0.77rem;background:url(../images/free_bottom.png) center no-repeat;background-size:100%; font-size:0.26rem; color:#000000;margin-top:0.4rem;margin-right:0.2rem;}
/*权威认证证书*/
.vperiod_authority{width:100%;height:auto;background:#fff;margin:0 auto; position:relative; overflow:hidden; text-align:center;padding-bottom:0.5rem;}
.vperiod_authority_main{width:6.83rem;height:3.62rem;background:url(../images/vperiod_authority.jpg) center no-repeat;background-size:100%; position:relative;margin:0 auto;margin-top:0.8rem;box-shadow: 0 10px 20px rgba(0,0,0,0.1);padding:0.5rem 0.4rem;}
.vperiod_authority_main h2{width:4.58rem;height:0.65rem; line-height:0.5rem;font-size:0.28rem;color:#32240b; font-weight:bold;background:url(../images/vperiod_authority01.png) center no-repeat;background-size:100%; position:absolute;top:-0.4rem;left:0px;right:0px;margin:0 auto;}
.vperiod_authority_main img{ float:left;width:2.82rem;height:2.24rem;margin-right:0.1rem;}
.vperiod_authority_main p{float:left;width:2.90rem; font-size:0.22rem;color:#666; line-height:0.36rem;text-align:left;margin-top:0.2rem;}
.vperiod_authority_main span{ display:block; font-size:0.24rem;color:#0f42d7; font-weight:bold; text-decoration:underline;margin-top:0.1rem;}
/*报名方式*/
.vperiod_up{width:100%;height:auto;background:#ecfcff;margin:0 auto; position:relative; overflow:hidden; text-align:center;padding-bottom:0.5rem;}
.free_title{width:6.82rem;height:2.34rem;background:url(../images/vperiod_up.jpg) center no-repeat;background-size:100%;overflow:hidden;margin:0 auto;margin-top:0.5rem;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.free_title h2{width:5.70rem; font-size:0.32rem;color:#0f42d7; font-weight:bold;border-bottom:1px #cdcdcd solid;margin:0 auto;padding-top:0.3rem;padding-bottom:0.2rem;margin-bottom:0.1rem;}
.free_title p{ font-size:0.28rem; color:#444; text-align:left;padding-top:0.1rem;padding-left:0.8rem;}
.free_title p span{ font-weight:bold; font-size:0.28rem;}
.free_content{width:6.86rem;height:8.44rem;background:url(../images/free_content.jpg) center no-repeat;background-size:100%; margin:0 auto;margin-top:0.3rem;border-radius:10px;padding:5.5% 7%;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.free_content h2{ font-size:0.32rem; font-weight:bold; color:#0f42d7;padding-bottom:0.2rem;}
.fc_input{width:100%; position:relative;color:#e3e3e3;margin-bottom:0.3rem;}
.fc_input span .in1{width:0.21rem;}
.fc_input span .in2{width:0.24rem;}
.fc_input span .in3{width:0.15rem;margin-left:0.05rem;}
.fc_input span .in4{width:0.20rem;}
.fc_input span img{float:left; position:absolute;left:5%;top:35%;}
.fc_input span em{width:1px;height:0.48rem;background:#cacaca; display:inline-block;position:absolute;left:14%;top:25%;}
.fc_input input{width:100%;height:0.84rem; line-height:0.84rem; font-size:0.2rem;border:1px #e3e3e3 solid;padding-left:1.0rem;}
.fc_input1 input{width:100%;height:0.85rem; line-height:0.85rem; font-size:0.28rem;color:#000000;margin-top:0.2rem; background:url(../images/fc_input.png) center no-repeat;}
.free_bottom{width:100%;margin:0 auto;}
.free_bottom p{ font-size:0.22rem;color:#fff; line-height:0.3rem;padding-top:0.4rem;}
.free_bottom a{ display:inline-block;width:3.28rem;height:0.76rem; line-height:0.76rem;background:url(../images/free_bottom.png) center no-repeat;background-size:100%; font-size:0.21rem; color:#000000;margin-top:0.3rem;margin-right:0.2rem;font-weight: bold;}
/*历年合作学校 - 师资班合影*/
.vperiod_photo{width:100%;height:auto;background:#fff;margin:0 auto; position:relative; overflow:hidden; text-align:center;padding-bottom:0.5rem;}
.vperiod_photo_main{width:94%;margin:0 auto;margin-left:3%;margin-top:0.5rem;}
.vperiod_photo_main img{width:5.07rem;height:3.25rem;}

.outlin_biaoti{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0.15rem;
}
.outlin_biaoti em {
    display: block;
    float: left;
    width: 1.25rem;
    height: 0.24rem;
    line-height: 0.52rem;
    font-size: 18px;
    color: #ffad10;
    font-weight: bold;
}
.outlin_biaoti p {
    text-align: left;
    font-size: 16px;
    color: #363636;
    font-weight: bold;
    line-height: 0.5rem;
}
.summer_inter_jieshao {
    width: 6.64rem;
    margin: 0 auto;
}
.summer_inter_jieshao p {
    font-size: 0.22rem;
    color: #fff;
    line-height: 0.3rem;
    padding-top: 0.4rem;
    text-align: left;
}