@charset "gb2312";
/* CSS Document */
#tan1,#tan2,#tan3{width:800px;height:500px;padding:30px 0px;padding-left:15px; position:relative;}
/*banner*/
.period_banner{width:100%;height:auto; min-width:1200px; position:relative; margin:0 auto;}
.pro-switch {height: 800px;overflow: hidden;min-width:1200px;position: relative;width:100%;margin:0 auto;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 800px;}
.img01 h2{ font-size:34px;color:#a9e9ff;padding-top:200px;}
.img01 p{ font-size:24px;color:#fff;padding-top:285px;}
.img01 p i{color:#7bdfeb;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;/*background: url(../images/ad_ctr.png) no-repeat 0 0;*/position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 10%;}
.flex-direction-nav .flex-prev {left: 10%;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;text-align: center;left:0; bottom:50px;}
.flex-control-nav li {margin: 0 10px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}
/*AloT物联网师资班介绍*/
.period_intro{width:100%;height:auto;background:url(../images/period_intro.jpg) top center #fff no-repeat; min-width:1200px; position:relative; margin:0 auto;padding-bottom:30px;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.period_title{width:100%;margin:0 auto;font-family:"微软雅黑";padding-top:60px;}
.period_title h2{width:100%; height:95px; line-height:110px;background:url(../images/title01.png) center no-repeat; font-size:48px; font-weight:bold; color:#ffffff;}
.period_title h2 i{color:#ffba81;}
.period_title p{width:100%;height:18px; line-height:18px; font-size:18px;color:#555;background:url(../images/title_p.png) center no-repeat;margin-top:10px;}
.h2q{background:url(../images/title02.png) center no-repeat !important;}
.h2w{background:url(../images/title03.png) center no-repeat !important; color:#1f1d1e !important;}
.h2e{background:url(../images/title04.png) center no-repeat !important;}
.h2r{background:url(../images/title05.png) center no-repeat !important;color:#1f1d1e !important;}
.h2t{background:url(../images/title06.png) center no-repeat !important;}
.h2y{background:url(../images/title07.png) center no-repeat !important;color:#1f1d1e !important;}
.period_intro_main{width:1100px;height:280px;background:rgba(255,255,255,0.5);margin-top:42px;padding:45px 50px;}
.period_intro_main p{ font-size:18px;color:#333333; text-align:left; line-height:28px;padding-left:25px; position:relative;margin-bottom:30px;}
.period_intro_main p::before{ content:"";width:16px;height:16px;background:url(../images/period_intro_main.png) center no-repeat; position:absolute;top:5px;left:0px;}
.period_intro_con{width:100%;margin:0 auto;padding-top:30px;}
.period_intro_con li{ display:inline-block;width:24%;height:auto;}
.period_intro_con li img{ display:block;width:99px;height:95px;margin:0 auto;margin-bottom:15px;}
.period_intro_con li span{font-size:22px;color:#116782; font-weight:bold;border-bottom:2px #116782 solid;}
.period_intro_con li p{ font-size:18px;color:#19122f;margin-top:10px;}
/*培训合作机构*/
.period_coo{width:100%;height:auto;background:#d5e6eb; min-width:1200px; position:relative; margin:0 auto;padding-bottom:10px;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.period_coo_main{width:100%;margin:0 auto;}
.period_coo_main img{ display:inline-block;margin:50px 36px;}
/*金牌师资亲授，分享满满干货*/
.period_tea{width:100%;height:966px;background:url(../images/period_tea.jpg) center no-repeat; min-width:1200px; position:relative; margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.teacher-hold{ width:100%; height:auto; margin:0 auto; position:relative; margin-top:26px;}
.teacher-img{ width:93%; height:auto; margin:0 auto;}
.teacher-img li{float:left;width:339px;height:475px;background:#fff;border-radius:2px 0px;margin:15px; overflow:hidden; position:relative;}
.teacher-img li img{width:339px;height:386px;}
.teacher-img li h1{ font-size:22px;color:#333333; text-align:left;padding-top:15px;padding-left:50px;}
.teacher-img li span{ display:block; font-size:14px; color:#1f819f;padding-left:50px;padding-top:5px; text-align:left;}
.er-img-h{width:271px;height:387px;padding:40px 30px;background:#fff;border:4px #ffba81 solid; position:absolute;top:0px;}
.er-img-h h2{ font-size:26px;color:#282828; text-align:left;}
.er-img-h i{display:block; font-size:14px; color:#1f819f;padding-top:5px; text-align:left;border-bottom:1px #ffba81 solid;padding-bottom:18px;}
.er-img-h p{ display:block; font-size:14px;color:#666; line-height:24px; text-align:left;margin-top:18px;}
.tea-down{ width:1070px; height:auto; background:#062c37; margin-top:10px; border-radius:12px; padding: 18px 0;margin:0 auto;margin-top:20px;}
.tea-down li{ width:1010px; height:52px; border-bottom:1px #0c3c4a dashed; margin:0 auto; position:relative;}
.tea-down li p{ float:left; width:502px;line-height:52px; }
.tea-down li p span{ text-align:center; float:left; width:20px; height:20px;border:1px #25bdec dashed; border-radius:100%; font-size:14px; color:#fff; line-height:20px; margin-right:17px; margin-top:14px;}
.tea-down li p i{float:left;width:90%;font-size:14px; color:#25bdec; display:inline-block; text-align:left; }
.tea-chan{ margin-left:6px;}
/*线下面授课程大纲*/
.period_offline{width:100%;height:auto;background:url(../images/period_offline.jpg) top center #0f4352 no-repeat; min-width:1200px; position:relative; margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;padding-bottom:60px;}
.outline-top{ width:1120px; height:auto; margin:0 auto;margin-top:40px;}
.outline-top li{ display:inline-block; width:200px; height:56px; font-size:20px; font-weight:bold;color:#979797; line-height:60px;background:#2d2626; margin:0 10px; cursor:pointer; font-weight:bold;border-top:2px #2d2626 solid;}
.outline-top li.hover{ border-top:2px #1f819f solid; background:#ffba81; color:#000000;font-weight:bold;}
.outlin-down{ width:1027px; height:auto;padding:40px 35px;background:#fff;border:1px #ffba81 solid; margin:0 auto; padding-bottom:15px;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.outlin-down li{ width:100%; height:auto;}
.outlin_down01{width:100%;margin:0 auto;margin-bottom:40px;}
.outlin_down02{width:100%;margin:0 auto;margin-bottom:40px;}
.outlin_down03{width:100%;margin:0 auto;margin-bottom:40px;}
.outlin_down01 em{ display:block; float:left;width:122px;height:36px; line-height:36px; font-size:18px;color:#fff; font-weight:bold;background:url(../images/dagang.png) center no-repeat;margin-right:20px;}
.outlin_down02 em{ display:block; float:left;width:122px;height:36px; line-height:36px; font-size:18px;color:#fff; font-weight:bold;background:url(../images/dagang.png) center no-repeat;margin-right:20px;}
.outlin_down03 em{ display:block; float:left;width:122px;height:36px; line-height:36px; font-size:18px;color:#fff; font-weight:bold;background:url(../images/dagang.png) center no-repeat;margin-right:20px;}
.outlin_down01 p{float:right;width:86%;font-size:14px;color:#666666; text-align:left; line-height:24px;padding-top:5px;}
.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:362px;margin-top:5px;margin-right:45px;}
.outlin_down02_r li{width:100%;margin:0 auto;margin-bottom:10px;}
.outlin_down02_r li h2{width:100%; padding-bottom:5px;}
.outlin_down02_r li h2 span{ display:block;float:left;width:19px;height:19px;line-height:19px !important;background:#2d2626;border-radius:50%; font-size:12px; color:#fff; font-weight:bold;text-align:center !important;margin-right:10px;margin-top:3px;}
.outlin_down02_r li h2 b{float:left;width:90%;font-size:16px;color:#363636; line-height:24px; text-align:left;}
.outlin_down02_r li p{float:left;font-size:14px;color:#666; text-align:left;padding-top:5px;padding-left:32px; line-height:24px;margin:0 auto;}
.period_online{background:url(../images/period_online.jpg) top center #fff no-repeat;}
/*自主研发实验平台（线上/线下）*/
.period_platform{width:100%;height:966px;background:url(../images/period_platform.jpg) top center #0f4352 no-repeat; min-width:1200px; position:relative; margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.period_platform_main{width:1100px;margin:0 auto;margin-top:50px; position:relative;z-index:2;}
.period_platform_main li{float:left;width:500px;height:240px;background:#18728e;border-right:1px #fff solid; position:relative;     margin-left: 34px;}
.ppm{width:100%;height:240px;margin:0 auto;}
.ppm em{ display:block;width:84px;height:60px;margin:0 auto;margin-top:30px;}
.ppm .em01{background:url(../images/period_platform_main.png) center no-repeat;}
.ppm .em02{background:url(../images/period_platform_main03.png) center no-repeat;}
.ppm .em03{background:url(../images/period_platform_main04.png) center no-repeat;}
.ppm p{ font-size:26px;color:#c2e8f3; font-weight:bold; line-height:34px;margin-top:5px;margin-bottom:10px;}
.ppm i{padding:2px 10px;background:#054b61; font-size:20px;color:#ffffff;}
.period_platform_main li.hover{width:500px;height:298px;background:url(../images/ppmh.png) center no-repeat; position:relative;top:-10px;}
.period_platform_main li.hover .em01{background:url(../images/period_platform_main01.png) center no-repeat;position:relative;top:10px;}
.period_platform_main li.hover .em02{background:url(../images/period_platform_main02.png) center no-repeat;position:relative;top:10px;}
.period_platform_main li.hover .em03{background:url(../images/period_platform_main05.png) center no-repeat;position:relative;top:10px;}
.period_platform_main li.hover p{ position:relative;top:10px; color:#000000;}
.period_platform_main li.hover i{ position:relative;top:10px;background:#a2612b;}
.period_platform_con{width:1198px;height:570px;border:1px #ffba81 solid;background:#fff;box-shadow: 0 10px 20px rgba(0,0,0,0.1); position:relative;top:-80px; }
.period_platform_left{float:left;width:560px;height:368px; position:relative;margin-top:90px;margin-left:110px;}
.period_platform_left i{width:60px;height:348px; font-size:28px;color:#5f3b1d;  font-weight:bold;background:url(../images/period_platform_t.jpg) center no-repeat; position:absolute;top:0px;left:-60px;padding-top:20px;}
.period_platform_left img{width:560px;height:368px;}
.period_platform_right{float:right;width:422px;margin-top:90px;margin-right:50px;}
.period_platform_right h2{font-size:24px;color:#19728e; text-align:left;font-weight:bold;text-decoration:underline;padding-left:30px; position:relative;margin-bottom:10px;}
.period_platform_right h2::before{ content:"";width:24px;height:24px;background:url(../images/period_platform_h.png) center no-repeat; position:absolute;top:5px;left:0px;}
.period_platform_right p{ font-size:16px;color:#555; text-align:left; line-height:28px;}
/*报名详细信息*/
.period_sign{width:100%;height:1040px;background:url(../images/period_sign.jpg) top center #0f4352 no-repeat; min-width:1200px; position:relative; margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.period_sign_l{float:left;width:583px;height:371px;background:url(../images/period_sign_l.jpg) center no-repeat; position:relative;border:1px #ffba81 solid;box-shadow: 0 10px 20px rgba(0,0,0,0.1);margin-top:50px;}
.period_sign_l h2{width:100%;height:73px; line-height:73px; font-size:30px;color:#5f3b1d; font-weight:bold;background:url(../images/period_sign_lt.png) #ffba81 center no-repeat; font-family:"微软雅黑";}
.sign_con{padding:35px 60px;/*border-bottom:1px #a7a7a7 dashed;*/ background: #fff;}
.sign_con h3{float:left;width:47px;height:160px;border-left:1px #19728e solid;border-right:1px #19728e solid; font-size:24px;color:#144b5d; font-weight:bold; position:relative;padding-top:67px;margin-right:30px;}
.sign_con h3::before{ content:"";width:22px;height:27px;background:url(../images/sign_con01.png) center no-repeat; position:absolute;top:35px;left:0px;right:0px;margin:0 auto;}
.sign_con h4{float:left;width:47px;height:137px;border-left:1px #19728e solid;border-right:1px #19728e solid; font-size:24px;color:#144b5d; font-weight:bold; position:relative;padding-top:45px;margin-right:30px;}
.sign_con h4::before{ content:"";width:24px;height:28px;background:url(../images/sign_con02.png) center no-repeat; position:absolute;top:15px;left:0px;right:0px;margin:0 auto;}
.sign_con_r{ float:left;width:auto;height:auto; text-align:left;}
.sign_con_r p{ font-size:16px;color:#144b5d; font-weight:bold;}
.sign_con_r span{ display:block;color:#555555; font-size:15px; line-height:24px;}
.period_sign_r{float:right;background:url(../images/period_sign_r.jpg) center no-repeat;}
.period_sign_img{width:100%;margin:0 auto; position:relative;top:-35px;}
.period_sign_img img{ display:inline-block;width:287px;height:203px;margin-right:40px;}
.period_sign_img p{width:680px;height:55px; line-height:22px; font-size:16px;color:#fff;background:rgba(0,0,0,0.5);border-radius:8px;margin:0 auto;padding-top:10px;margin-top:50px;}
.period_sign_img a{ display:inline-block;width:289px;height:64px; line-height:64px; font-size:24px;color:#1c1816; font-weight:bold;background:url(../images/period_sign_a.png) center no-repeat; position:relative;padding-left:30px;margin:30px 15px;}
.period_sign_img a::before{ content:"";width:24px;height:24px;background:url(../images/download.png) center no-repeat; position:absolute;top:20px;left:35px;}
/*权威认证证书*/
.period_cert{width:100%;height:708px;background:url(../images/period_cert.jpg) top center #0f4352 no-repeat; min-width:1200px; position:relative; margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.period_cert_main{width:100%;margin:0 auto;margin-top:95px;}
.period_cert_main li{ display:inline-block;width:503px;height:267px;background:url(../images/period_cert_con.jpg) center no-repeat;box-shadow: 0 10px 20px rgba(0,0,0,0.1); position:relative;padding:50px 40px;}
.period_cert_main li h2{width:414px;height:68px; line-height:45px;font-size:26px;color:#5f3b1d; font-weight:bold;background:url(../images/period_cert_t.png) center no-repeat; position:absolute;top:-45px;left:0px;right:0px;margin:0 auto;}
.period_cert_main li img{ float:left;width:282px;height:224px;margin-right:10px;}
.period_cert_main li p{float:left;width:195px; font-size:14px;color:#666; line-height:24px;text-align:left;margin-top:60px;}
.period_cert_main li span{ display:block; font-size:22px;color:#144b5d; font-weight:bold; text-decoration:underline;margin-top:20px;}
/*线上师资班购课服务*/
.period_service{width:100%;height:647px;background:url(../images/period_service.jpg) top center #0f4352 no-repeat; min-width:1200px; position:relative; margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.period_service_ul{width:100%;margin:0 auto;margin-top:100px;}
.period_service_ul li{float:left;width:357px;height:311px;background:#fff;border:6px #ffba81 solid; position:relative;margin:0px 15px;}
.period_service_ul li:hover{width:357px;height:311px;background:#ffba81;border:6px #fff solid;}
.period_service_ul li i{ display:block;width:132px;height:132px; position:absolute;top:-70px;left:0px;right:0px;margin:0 auto;}
.period_service_ul li .il01{background:url(../images/period_service_ul01.png) center no-repeat;}
.period_service_ul li .il02{background:url(../images/period_service_ul02.png) center no-repeat;}
.period_service_ul li .il03{background:url(../images/period_service_ul03.png) center no-repeat;}
.period_service_ul li:hover .il01{background:url(../images/period_service_ul04.png) center no-repeat;}
.period_service_ul li:hover .il02{background:url(../images/period_service_ul05.png) center no-repeat;}
.period_service_ul li:hover .il03{background:url(../images/period_service_ul06.png) center no-repeat;}
.period_service_ul li h2{ display:block; font-size:26px; color:#1a7e9d;font-weight:bold; line-height:36px;padding-top:90px;}
.period_service_ul li:hover h2{color:#323232;}
.period_service_ul li em{ display:block;width:241px;height:3px;background:url(../images/period_service_t.png) center no-repeat;margin:0 auto;margin-top:5px;margin-bottom:10px;}
.period_service_ul li:hover em{background:url(../images/period_service_t01.png) center no-repeat;}
.period_service_ul li p{width:75%;font-size:16px;color:#444444; text-align:left;margin:0 auto; line-height:26px;}
/*填写表单马上报名*/
.period_apply{width:100%;height:269px;background:url(../images/form01.jpg) top center  no-repeat; min-width:1200px; position:relative; margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.plant-form{ width:1200px; height:auto; margin:35px auto;}
.wait-form{ width:136px; height:40px; float:left; background:rgba(255,255,255,0.1); border-radius:6px;  margin-left:38px;}
.wait-form img{ float:left; margin-left:10px; margin-top:10px;}
.bm_input{ font-size:16px; color:#fff; border:none; background:none; height:38px; padding-left:10px; width:85px; border-radius: 0 6px 6px 0; padding-right:10px;}
.palnt-change{ width:196px;}
.bm-plant{ width:140px;}
.z_btn{ width:159px; height:48px; border-radius:6px; background:url(../images/z_btn.png) center no-repeat; font-size:18px; color:#1c1816; line-height:48px; border:none; cursor:pointer;}
.z_btn:hover{ margin-top:5px;}
.plant-img{ margin-top:9px !important;}
.plant-img01{ margin-top:12px !important;}
input {outline:none;}
input::-webkit-input-placeholder{ /*webkit鍐呮牳娴忚鍣?/
color:rgba(255,255,255,0.6);}
input:-moz-placeholder{/*firefox 1.8-*/
color:rgba(255,255,255,0.6);	}
input::-moz-placeholder{/*firefox 1.9+*/
color:rgba(255,255,255,0.6);	}
input:-ms-placeholder{
color:rgba(255,255,255,0.6);	}
/*历年合作学校名单*/
.cooperation{ width:100%; height:auto; background:#f1f1f1;min-width:1200px; position:relative; margin:0 auto;font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif,Verdana;}
.gai_cooperation{width:1200px;height:auto;background:#eae8e8;margin:0 auto;margin-top:50px;margin-bottom:50px;padding-bottom:30px;}
.emplo_c01{ width:100%; height:auto;position:relative;margin-top:19px;}
.emplo_d01{ width:100%; height:auto; margin:0 auto; display:table;}
.emplo_d01 li{ float:left;width:210px;margin:0px 10px;margin-top:60px;}
.emplo_d01 li img{width:210px;height:130px;}
.emplo_d01 li p{font-size:14px; color:#666; line-height:22px;margin-top:15px;}
.emplo_f01{ width:29px; height:49px; position:absolute; top:105px; left:0px; z-index:99; cursor:pointer;}
.emplo_g01{ width:29px; height:49px; position:absolute; top:105px; right:0px; z-index:99; cursor:pointer;}
.emplo_h01{width:1150px; height:auto; margin:0 auto;}
.cooperation-stu{ width:1200px; height:auto; margin:0 auto; padding-top:14px; padding-bottom:50px; display:table;}
.cooperation-stu li{ float:left; width:198px; text-align:left;margin: 0 21px;}
.cooperation-stu li span{ font-size:14px; color:#999; line-height:24px; display:block;}