/* CSS Document */

/*common*/
body { font-family: "PingFangSC-Medium"; min-width: 1200px;    width: 100%;}
span { overflow:hidden;}/*兼容IE8*/


/*正文开始*/
.tx { margin:0px 0 0;}
.tx01 { top:148px; left:-50px;}
.tx01 a { background:url(../image/tx_btn.png) no-repeat; width:31px; height:32px; display:block;}
.tx01 a:hover { background:url(../image/tx_btn.png) no-repeat 0 -32px;}

.tx03 { top:148px; right:-50px;}
.tx03 a { background:url(../image/tx_btn.png) no-repeat -31px 0; width:31px; height:32px; display:block;}
.tx03 a:hover { background:url(../image/tx_btn.png) no-repeat -31px -32px;}

.tx02 { width:1200px; height: 320px; overflow: hidden;}
.tx02 ul li { float:left; display:inline}
.tx02 ul li a img { width:1200px; height:319px;border-radius: 20px;}

.tx_bt { text-align:center; padding:40px 0 60px;}
.tx_bt  span { display:block; font-size:36px; }
.tx_bt  em { display:block; font-size:20px; padding:15px 0 0;}
.tx_bt { color:#343434;}
.tx_con { height:95px; background:url(../image/tx_bg.gif) no-repeat; height:140px;}
.tx_con .aaa { float:left; height:95px; padding-left:70px;padding-right:70px; border-left:solid 1px #cfcfcf; width:250px;font-size: 20px;font-weight: bold;}
.tx_con p { float:left; height:95px; padding-left:140px; border-left:solid 1px #cfcfcf; width:250px;font-size: 20px;font-weight: bold;}
.tx_con p:last-child{border-right:solid 1px #cfcfcf; }
.tx_con p em { display:block; font-size:18px; color:#343434; padding:10px 0 0;}
.tx_con p span{ color:#222222;   margin-top: 27px;
    position: absolute;}
/*飞橙教育网络营销培训课程体系*/
.kc_bg { background:#f7f7f7; height:655px;}
.kc_bt { text-align:center; padding:60px 0 30px;}
.kc_bt span { display:block; font-size:36px; color:#343434;}
.kc_bt span a{ display:block; font-size:36px; color:#343434;}
.kc_bt em { display:block; font-size:20px; padding:15px 0 0;}
.kc_bt em i { padding:0 22px;}
.kc_bt { color:#343434;}

.xf_p02s img{ width:200px; height:200px;}

.kc_con ul li { float:left; position:relative;}
.kc_con ul .kc_li02 { float:right;}
.kc_con ul li a span { display:block; position:absolute; top:135px; left:0; width:100%; text-align:center; color:#fff;}
.kc_con ul li a span b { display:block; font-size:36px;}
.kc_con ul li a span i { width:362px; height:32px; line-height:32px; text-align:center; font-size:24px; border:solid 2px #fff; display:block; margin:10px auto;}
.kc_con ul li a span em { font-size:16px;}

/*热门互联网营销课程，线上随时学，低成本，高效率*/
.rm_con { height:532px;}
.rm_con ul li { float:left; width:290px; margin:0 10px 35px 0;}
.rm_con ul .nobor { margin:0 0 21px;}
.rm_con ul li a img { width:290px; height:141px;}
.rm_con ul li a span { display:block; width:287px; height:76px; padding:20px 0 0; border:solid 1px #d8d8d8; border-radius:0px 0px 5px 5px;}
.rm_con ul li a span b { color:#000; display:block; font-size:16px; font-weight: normal; padding-left:5px;}
.rm_con ul li a span em { display:block; font-size:16px; color:#737373; padding:5px 0 0 5px;}
.rm_con ul li a span p{  line-height:30px;   width: 282px; display:block; font-size:16px; font-weight: normal; padding-left:5px; padding-top:5px; color:#fa5b08; float:left;}
.rm_con ul li a span p b{  font-size:16px;  float: right;margin-right: 15px; color:#666;}
/*选择飞橙教育网络营销培训课程的3大理由*/
.ys_bg { background:#f7f7f7; height:789px;}
.ys_con dl dt { position:relative; width:591px; height:545px; overflow:hidden; float:left;}
.ys_con dl dt img{ width:591px; height:545px;}
.ys_con dl dt a span { display:block; position:absolute; top:0; left:0; width:591px; height:585px; overflow:hidden; padding:25px 0 0; text-align:center; color:#fff;}
.ys_con dl dt a span .ys_em01 { display: block; font-size:36px; margin-bottom:3px;}
.ys_con dl dt a span i { display:block; font-size:15px; line-height:26px; width:500px; margin:21px auto;}
.ys_con dl dt a span b { width:221px; height:73px; border:solid 2px #fff; border-radius:3px; margin:0 auto; display:none; font-size:18px; padding:10px 0 5px; font-weight:normal; line-height:30px;}
.ys_con dl dt a span b .ys_em02 { display: block; font-size:36px; margin-bottom:8px;}  
.ys_con dl dt a:hover span { background:url(../image/ys_spbg.png) repeat;height:520px;}
.ys_con dl dt a:hover span .ys_em01,.ys_con dl dt a:hover span i,.ys_con dl dt a:hover span b { display:block;}

.ys_con dl dd { width:600px; float: right;}
.ys_con dl dd a { display:block; position:relative; width:600px; height:268px; margin-bottom:9px; }
.ys_con dl dd a img{  width:600px; }
.ys_con dl dd a span { display:block; position:absolute; top:0; left:0; width:600px; height:248px; padding:20px 0 0; text-align:center; color:#fff;}
.ys_con dl dd a span .ys_em01 { display:block; font-size:36px; margin-bottom:3px;}
.ys_con dl dd a span i { display:block; font-size:15px; line-height:20px; width:500px; margin:10px auto;}
.ys_con dl dd a span b { width:221px; height:73px; border:solid 2px #fff; border-radius:3px; margin:0 auto; display:none; font-size:18px; padding:10px 0 5px; font-weight:normal; line-height:30px;}
.ys_con dl dd a span b .ys_em02 { display:block; font-size:36px; margin-bottom:8px; }   
.ys_con dl dd a:hover span { background:url(../image/ys_spbg.png) repeat;}
.ys_con dl dd a:hover span .ys_em01,.ys_con dl dd a:hover span i,.ys_con dl dd a:hover span b { display:block;}

/*互联网营销专家团队*/
.td { position:relative; margin:10px 0 0;}
.td .kc_bt { text-align:center; padding:0; position:absolute; top:205px; left:0; width:100%;}
.td .kc_bt a span { color:#fff;}
.td .kc_bt a em { color:#fff;}

.td_con { height:350px; margin:30px 0 0;}
.td01 { top:110px; left:-38px;}
.td01 a { background:url(../image/tx_btn.png) no-repeat; width:31px; height:32px; display:block;}
.td01 a:hover { background:url(../image/tx_btn.png) no-repeat 0 -32px;}

.td03 { top:110px; right:-58px;}
.td03 a { background:url(../image/tx_btn.png) no-repeat -31px 0; width:31px; height:32px; display:block;}
.td03 a:hover { background:url(../image/tx_btn.png) no-repeat -31px -32px;}

.td02 { width:1200px; }
.td02 dl { width:385px; height:260px; background:#fff; border-radius:3px; box-shadow:0 0 15px 15px #f3f3f3; float:left; position:relative; margin:11px;}
.td02 .nobor { margin:0;}
.td02 dl dt { position:absolute; right:0; bottom:0;}
.td02 dl dt a img{ width:179px; height:238px;}
.td02 dl dd { padding:70px 0 0 30px; width: 204px;}
.td02 dl dd span a { display:block; font-size:24px; color:#000; margin-bottom:12px;}
.td02 dl dd span a:hover { color:#f55527;}
.td02 dl dd p { padding-left:13px; font-size:16px; color:#5c5c5c; line-height:26px;}

/*飞橙教育特色服务*/
.fw_bg { background:#f7f7f7; height:575px;}
.fw_con { height:380px;}
.fw_con ul li { float:left; width:383px; margin-right:25px;}
.fw_con ul .nobor { margin:0;}
.fw_con ul li a i { width:383px; height:203px; display:block; overflow:hidden;}
.fw_con ul li a i img { width:383px; height:203px; 
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.fw_con ul li a i img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}

.fw_con ul li a span { display:block; font-size:20px; color:#000; padding:22px 0 0; text-align:center;}
.fw_con ul li a:hover span { color:#f55527;}
.fw_con ul li a em { display:block; font-size:15px; color:#797979; padding:10px 0 0; text-align:center; width:320px; margin:0 auto; line-height:25px;}

/*飞橙教育的课程好不好?听听客户的心声*/
.jz_con { height:400px;}
.jz_con ul li { width:385px; height:346px; background:#fff; border-radius:3px; box-shadow:0 0 25px 25px #f3f3f3; float:left; position:relative; margin-right:22px;}
.jz_con .nobor { margin:0;} 
.jz_con ul li a i { display:block; padding:38px 0 0; width:311px; margin:0 auto;}
.jz_con ul li a i img { width:311px; height:160px;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.jz_con ul li span { display:block; font-size:15px; color:#797979; padding:20px 0 0;     text-align: left; width:327px; margin:0 auto; line-height:20px; height:120px; overflow:hidden;}
.jz_con ul li a em { display:block; text-align:center;}

/*还有以下企业选择了飞橙教育的培训课程*/
.hz_con a { width:221px; height:105px; display:block; float:left; margin:0 23px 21px 0; box-shadow:0 0 25px 25px #f3f3f3;}
.hz_con .nobor { margin:0 0 21px;}
.hz_con a img { width:221px; height:105px; display:block;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.hz_con a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}


/*热点资讯*/
.dt_bg { background:#f7f7f7; padding:60px 0 0; height:405px; margin:40px 0 0;}
.dt01{ width:644px; height:356px; overflow:hidden; position:relative;}
.dt01 img{ width:644px;  position:relative;}
.dt01 a span { position:absolute; left:0; bottom:0; width:594px; height:30px; background:#f55527; border-radius:0 0 3px 3px; font-size:18px; color:#fff; padding:5px 25px 0; line-height:25px;}

.dt02 { width:533px;}
.dt_top { width:531px; height:46px; line-height:46px; border:solid 1px #a5a5a5; border-radius:3px; margin-bottom:15px;}
.dt_top ul li { float:left; background:url(../image/dt_bor.gif) no-repeat right center;}
.dt_top ul li a { font-size:20px; color:#000; width:177px; height:46px; line-height:46px; text-align:center; display:block;}
.dt_top ul li a:hover,.dt_top ul .cur a { color:#fff; background:#f55527; border-radius:3px;}
.dt_top ul .nobor { background:none;}
.dt_con ul li { height:50px; line-height:50px;}
.dt_con ul li a { font-size:16px; color:#5f5f5f;}
.dt_con ul li a span { display:block; float:left;}
.dt_con ul li a em { display:block; float:right;}
.dt_con ul li a:hover { color:#f55527;}

.yq{ display:block !important; line-height:30px;margin-top: 19px; text-align:LEFT;}

/*错过PC互联网，千万别错过移动互联网*/
.cg_bt { padding:55px 0 0; text-align:center;}
.cg_bt span { display:block; font-size:36px; color:#333;}
.cg_bt em { display:block; font-size:18px; color:#999; font-family:Arial; padding:10px 0 0;}
.cg_bt .cg_em02 { display:block; font-size:24px; font-family:"思源黑体 CN Regular"; color:#333;}
.cg_bt i { display:block; padding:20px 0 0;}
.cg_con { margin:30px 0 0; height:260px;}
.cg_con p { background:url(../image/cg_xx01.gif) no-repeat center 20px; font-size:30px; color:#333; font-weight:bold; text-align:center; margin-bottom:60px;}
.cg_con ul li { width:300px; height:126px; background:url(../image/cg_xx02.gif) no-repeat right 0; text-align:center; float:left;}
.cg_con ul .nobor01 { background:none;}
.cg_con ul li b { display:block; font-size:30px; color:#333;}
.cg_con ul li i {width:45px; height:5px; background:#8d0310; margin:15px auto; border-radius:2px; display:block; line-height:0; font-size:0}
.cg_con ul li em { display:block; font-size:60px; color:#dedede; font-family: Impact;}

.cg_bot { text-align:center;}
.cg_bot b { display:block; font-size:30px; color:#333;}
.cg_bot b em { font-size:70px; color:#8d0310;}
.cg_bot p { height:50px; line-height:50px; width:390px; background:#333; font-size:30px; color:#fff; text-align:center; margin:0 auto; border-radius:4px;}
.cg_bot p em { text-decoration:line-through; display:inline-block}

/*你是否遇到这些问题？*/
.wt_bg { background:url(../image/wt_bg.jpg) no-repeat center 0; height:940px; margin:66px 0 0;}
.wt_con { padding:50px 0 0 67px; height:225px;}
.wt_con span { display:block; padding:0 20px; height:60px; line-height:60px; background:#8d0310; font-size:24px; color:#fff; border-radius:100px; float:left; margin:0 10px 20px 0;}
.wt_con .wt_sp02 { margin-left:145px;}
.tm_con { margin:100px 0 0; height:208px; border-right:solid 1px #dedede;}
.tm_con ul li { width:298px; height:208px; border:solid 1px #dedede; border-right:none; background:#fff; float:left; text-align:center;}
.tm_con ul .nobor01 { width:297px;}
.tm_con ul li img { display:block; width:84px; height:84px; margin:-42px auto 0;}
.tm_con ul li em { display:block; padding:20px 0 0; font-size:24px; color:#333;}
.tm_con ul li b { display:block; font-size:24px; color:#8a030f; padding:10px 0;}
.tm_con ul li i { display:block; font-family: Impact; font-size:34px; color:#dedede}