@charset "UTF-8";
*{padding:0;margin:0}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-family:"微软雅黑","PingFang SC";font-size:14px}
table{border-collapse:collapse;margin:0;padding:0}
fieldset,img{border:0}
img{vertical-align:top;border:none}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}
li,ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
abbr,acronym{border:0}
em,i{font-style:normal}
a{text-decoration:none}
.fl{float:left}
.fr{float:right}
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;clear:both}
input{border:none;outline:0;background:0 0}
.banner{position:relative;height:500px;box-sizing:border-box;min-width:1100px}
.banner .warp{position:absolute;width:1100px;left:50%;margin-left:-550px;top:0}
.banner-img{position:absolute;width:1920px;top:0;left:50%;margin-left:-960px}
.banner20170923_wrap{position:absolute;width:260px;height:408px;background:url(http://www.mobiletrain.org/img/banner_biaodan/python20170923_img1.png) no-repeat center top;top:0;left:50%;margin-left:-550px;padding:72px 10px 20px;z-index:100}
.banner20170923_head{width:260px;height:65px;margin:0 auto 45px;background:url(http://www.mobiletrain.org/img/banner_biaodan/python20170923_img5.png) no-repeat center top}
.banner20170923_bg{background:#f3f3f3;width:260px;height:200px;margin-bottom:20px}
.banner20170923_form{width:258px;border:1px solid #ccc;border-radius:10px}
.banner20170923_form p{height:48px;border-bottom:1px solid #ccc;padding-left:42px;background:#fff url(http://www.mobiletrain.org/img/banner_biaodan/python20170923_img3.png) no-repeat 15px center}
.banner20170923_form p:nth-child(3){border:0;border-radius:0 0 10px 10px;background:#fff url(http://www.mobiletrain.org/img/banner_biaodan/python20170923_img4.png) no-repeat 15px center}
.banner20170923_form p:nth-child(1){border-radius:10px 10px 0 0;background:#fff url(http://www.mobiletrain.org/img/banner_biaodan/python20170923_img2.png) no-repeat 15px center}
.banner20170923_form p input{font-size:14px;line-height:48px;color:#333;border:0;outline:0;width:205px;height:48px;box-sizing:border-box}
.banner20170923_bg span{font-size:14px;color:#8e9a9d;line-height:20px;display:block;padding:5px}
.banner20170923_wrap button{display:block;border:0;text-align:center;font-size:16px;color:#fff;width:260px;height:46px;background:#743dec;border-radius:23px;margin-bottom:10px;outline:0;cursor:pointer}
.banner20170923_wrap .banner20170923_mf{text-align:center;font-size:14px;color:#8e9a9d}
.banner20170923_wrap .banner20170923_mf span{color:#ea523b;font-weight:700}
.banner .swiper-container1{overflow:hidden}
.banner .swiper-container1>a{position:absolute;width:27px;height:44px;top:50%;margin-top:-22px;background-size:100%}
.banner .swiper-pagination-bullet{width:15px;height:15px;background:#fff;border-radius:50%;opacity:1}
.banner .swiper-pagination-bullet-active{background:#007aff}
.banner .swiper-container1,.banner .swiper-slide,.banner .swiper-wrapper{width:100%;height:100%}
.banner .swiper-paginat{position:absolute;width:100%;text-align:center;bottom:0;height:30px;z-index:10;text-align:center}
.banner .swiper-paginat span.active{background-color:#008ced}
.banner .swiper-paginat span{background-color:#fff;width:15px;height:15px;display:inline-block;margin:0 4px;border-radius:50%}
.banner .banner_a01,.banner .banner_a02,.banner .banner_a03{display:block;height:100%;background-repeat:repeat-x;background-size:auto 100%;background-position:center}
.banner .banner_a01{background-image:url(../images/banner.jpg)}
.wrap{width:100%;margin:0 auto}
.contain1{padding:35px 0;background:#f6f7f9}
.contain1 ul{box-sizing:border-box;box-shadow:0 0 10px rgba(0,207,170,.2);border:1px solid #e6e6e6;border-right:0;border-bottom:0}
.contain1 ul li{float:left;line-height:82px;width:183px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center;font-size:18px;color:#000;box-sizing:border-box;cursor:pointer}
.contain1 ul li.active{background-color:#00cfaa;font-size:20px;font-weight:700;color:#fff}
.contain2>div{background-color:#fff}
.contain2>div:nth-child(even){background-color:#ecf9f9}
.white{background-color:#fff}
.cai{background-color:#ecf9f9}
.con2_item{padding:40px 0 60px}
.con2_item .biaoti{text-align:center;margin-bottom:40px;overflow:hidden}
.con2_item .biaoti span{display:inline-block;position:relative;height:60px;padding:0 15px;font-size:36px;font-weight:700;width:auto}
.con2_item .biaoti span.color1{color:#fff;font-size:18px}
.con2_item .biaoti span.color2{color:#c76dc5}
.con2_item .biaoti span.color3{color:#e8633e}
.con2_item .biaoti span.color4{color:#3b91e8}
.con2_item .biaoti span.color5{color:#7039e9}
.con2_item .biaoti span:before{content:"";display:block;position:absolute;width:458px;height:36px;background:url(../images/biaoti_left.png) no-repeat right top;left:0;margin-left:-458px;top:7px}
.con2_item .biaoti span:after{content:"";display:block;position:absolute;width:458px;height:36px;background:url(../images/biaoti_right.png) no-repeat right top;right:0;margin-right:-458px;top:7px}
.con2_cont{margin-bottom:40px}
.con2_cont .fl{width:60%;height:260px}
.con2_cont .fr{width:40%;padding-left:50px;padding-top:0;box-sizing:border-box}
.con2_cont .fr p{font-size:16px;color:#000;padding-left:35px;line-height:26px;margin-bottom:25px}
.con2_cont .fr div.p1 p{background:url(../images/dizhi.png) no-repeat left center}
.con2_cont .fr div.p5 p{background:url(../images/duiwai.png) no-repeat left center}
.con2_cont .fr p.p1{background:url(../images/dizhi.png) no-repeat left center}
.con2_cont .fr p.p2{background:url(../images/peixun.png) no-repeat left center}
.con2_cont .fr p.p3{background:url(../images/zhaopin.png) no-repeat left center}
.con2_cont .fr p.p4{background:url(../images/youbian.png) no-repeat left center}
.con2_cont .fr p.p5{background:url(../images/duiwai.png) no-repeat left center}
.con2_cont .fr p.p6{background:url(../images/pinpai.png) no-repeat left center}
.luxian{border-top:1px solid #ddd}
.luxian h4{width:144px;height:35px;position:relative;top:-1px;margin:0 auto 20px;background:#00cfaa;font-size:18px;color:#fff;text-align:center;line-height:35px}
.luxian h4:before{content:"";display:block;position:absolute;width:8px;height:8px;background:#fff;left:1px;bottom:1px}
.luxian h4:after{content:"";display:block;position:absolute;width:8px;height:8px;background:#fff;right:1px;bottom:1px}
.luxian ul{width:95%;border-left:1px solid #ddd}
.luxian ul li{position:relative;margin-bottom:30px;padding-left:33px}
.luxian ul li:before{content:"";display:block;position:absolute;width:18px;height:18px;background:#fff;border:5px solid #00cfaa;left:-14px;top:0;border-radius:50%}
.luxian ul li>p{margin-bottom:10px;font-size:18px;color:#00cfaa}
.luxian ul li p{font-size:16px}
.luxian ul li span{display:block;font-size:16px;color:#333;line-height:32px}
.luxian ul li:last-child{margin-bottom:0}
.contain3{padding:40px 0 0 0;height:174px;box-sizing:border-box;background:url(../images/con3_bg.png) no-repeat center top}
.contain3 h3{width:212px;height:38px;background:url(../images/con3_bt.png) no-repeat center top;text-align:center;letter-spacing:10px;font-size:28px;font-weight:700;color:#fff;margin:0 auto 30px}
.contain3 div{text-align:center}
.contain3 div p{display:inline-block;padding-left:25px;margin-right:18px;font-size:16px;color:#fab600;background:url(../images/con3_img1.png) no-repeat left center;line-height:30px;height:30px}
.contain3 div p:nth-child(4){background:url(../images/con3_qq.png) no-repeat left center}
.button{float:left;display:block;border:none;background:0 0;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}
.button--ujarak{-webkit-transition:border-color .4s,color .4s;transition:border-color .4s,color .4s}
.button--ujarak::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00cfaa;z-index:-1;opacity:0;-webkit-transform:scale3d(.7,1,1);transform:scale3d(.7,1,1);-webkit-transition:-webkit-transform .4s,opacity .4s;transition:transform .4s,opacity .4s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}
.button--ujarak,.button--ujarak::before{-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}
.button--ujarak:hover{color:#fff;border-color:#00cfaa;font-weight:700}
.button--ujarak:hover::before{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
@media only screen and (max-width:768px){
.con2_cont .fl{width:100%;height:auto;}
.con2_cont .fr{width:100%;padding-left:0;padding-top:20px;box-sizing:border-box}
}