@import url("banner.css");
body,ul,ol,li,dl,dt,dd,form,input,textarea,h1,h2,h3,h4,h5,h6,p,img{margin:0px;padding:0px;list-style:none;}
body{font-size:14px;font-family:"微软雅黑";color:#4f4f4f;}
a{text-decoration:none;outline:none;color:#666;cursor:pointer;}
a:hover{color:#f7d30b;}
a img{border:none;}
a:hover img{border-color:#888!important;}
img,table,iframe{max-width:100%;}
.layout{width:1200px;margin:0px auto;clear:both;}
/*轮播图*/
/*
.banner{width:100%;height:320px;overflow:hidden;position:relative;top:0;left:0;clear:both;}
.banner .banner_p{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;opacity:0;filter:alpha(opacity=0);}
.banner .banner_p a{display:block;width:100%;height:100%;margin:0 auto;outline:none;}
.banner .banner_p img{width:100%;margin:0 auto;}
.banner .banner_ul{display:block;width:100%;height:30px;position:absolute;bottom:0;left:0;z-index:3;text-align:center;}
.banner .banner_ul_span{border-radius:10px;display:inline-block;height:22px;padding:0 10px;}
.banner .banner_ul_span i{display:inline-block;color:#fff;cursor:pointer;font:30px/1 tahoma;margin:0 2px;opacity:0.5;position:relative;top:-6px;}

*/
/*通用*/
.layout{width:1200px;margin:0px auto;clear:both;}
.banner,.banner1{float:left;width:100%;height:320px;margin-top:46px;text-align:center;clear:both;}
.banner1{height:auto;overflow:hidden;}
.banner img,.banner1 img{width:100%;}
.banner1 img{height:auto;}
.box,.box ul,.knowledge,.knowledge_main,.path,.content,.list_tuiguang,.list_jianzhan,.list_xinmeiti,.list_logo,.main,.free_nav,.screen1,.side_hot,.side_paihang,.next,.page,.foot,.copyright{float:left;width:100%;}

.box h3,.path span,.free_index_left h3{height:18px;line-height:18px;padding:16px 0px 16px 35px;margin-top:20px;border-bottom:1px solid #e5e5e5;background:url(../img/ico02.png) no-repeat left 16px;font-weight:normal;font-size:18px;}
.box ul{margin-top:40px;}
.box li{float:left;}
/*head style*/
.head{position:fixed;top:0px;width:100%;height:46px;line-height:46px;border-bottom:1px solid #f0f0f0;background:url(../img/nav_bg.png) #fff repeat-x;z-index:1000;}
.logo{float:left;padding:9px 0px;height:28px;overflow:hidden;}
.logo img{height:100%;vertical-align:top;}
.nav{float:right;font-size:16px;}
.nav li{float:left;position:relative;width:100px;margin-left:1px;line-height:46px;text-align:center;}
.nav li a{display:block;height:100%;color:#777;}
.nav a:hover,.nav .thisclass a{background:#0E6EB8;color:#fff;}
.nav .drop_nav{position:absolute;width:100%;background:url(../img/drop_bg.png);top:46px;z-index:101;font-size:14px;}
.nav .drop_nav a{line-height:36px;border-bottom:1px dashed #fff;color:#666;background:none;}
.nav .drop_nav a:hover{background:#268ad7;border-bottom-color:#268ad7;color:#fff;}
/*首页合作*/
.hezuo{width:100%;height:440px;background:#F4F4F4;clear:both;}
.hezuo h3{border-bottom:none;margin-bottom:30px;}
.hezuo_list{position:relative;}
.hezuo_list .btn_left,.hezuo_list .btn_right{position:absolute;left:-60px;top:50%;width:23px;height:44px;margin-top:-15px;background:url(../img/btn.png) no-repeat left -132px;}
.hezuo_list .btn_right{left:auto;right:-60px;background-position:left -88px;}
.hezuo_list .btn_left:hover{background-position:left -44px;}
.hezuo_list .btn_right:hover{background-position:left 0px;}
.hezuo_box{width:1200px;height:340px;margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.hezuo-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;
-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-free-mode > .hezuo-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.hezuo_slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.hezuo-wrapper li a{float:left;margin:0px 48px 40px 0px;}
.hezuo-wrapper img{width:128px;height:128px;}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.pagination {position:absolute;left:0;width:100%;bottom:35px;text-align:center;}
/*案例*/
.box .case{margin-top:9px;}
.case li{float:left;margin:0px 40px 40px 0px;position:relative;overflow:hidden;}
.case li img{width:268px;height:150px;}
.case .hide{position:absolute;line-height:1.8em;height:96px;padding:28px 15px;top:0px;left:0px;right:0px;bottom:0px;background:url(../img/case_bg.png);cursor:pointer;color:#fff;display:none;overflow:hidden;z-index:10;}
/*免费知识*/
.knowledge_tab{float:left;padding-bottom:15px;border-bottom:1px solid #e5e5e5;}
.knowledge_tab li{float:left;width:100px;height:30px;line-height:30px;margin-right:20px;text-align:center;}
.knowledge_tab li:hover,.knowledge_tab .thisclass{background:url(../img/knowledge_title_bg.png) no-repeat;color:#fff;cursor:pointer;}
.knowledge_tab li:hover a{color:#fff;}
.knowledge_tab .thisclass a{color:#fff;font-weight:bold;}
.knowledge_main{padding-bottom:20px;margin-top:30px;border-bottom:1px solid #E5E5E5;}
.video{float:left;width:294px;height:164px;padding:13px 56px 92px 13px;background:url(../img/video_bg.jpg);overflow:hidden;}
.knowledge_content{float:left;width:780px;margin-left:55px;display:none}
.knowledge_content li{float:left;width:355px;height:30px;line-height:30px;padding-left:15px;margin-right:40px;background:url(../img/ico01.gif) no-repeat 2px 14px;border-bottom:1px dashed #E5E5E5;color:#969696;}
.knowledge_content li a{display:inline-block;max-width:245px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.knowledge_content li a:hover{color:#333;}
.knowledge_content li span{float:right;font-size:12px;}
/*网站案例列表*/
.list_jianzhan li{float:left;position:relative;width:259px;height:148px;padding:14px 48px 26px 47px;margin:30px 69px 30px 0px;background:url(../img/case_pc.jpg);}
.list_jianzhan img{width:259px;height:148px;}
.list_jianzhan div{position:absolute;padding:28px 15px;top:14px;left:47px;right:47px;bottom:25px;line-height:1.7em;background:url(../img/case_bg.png);cursor:pointer;display:none;color:#fff;z-index:10;}
.page{margin:20px 0px 10px;padding:30px 0px;border:1px solid #E5E5E5;border-width:1px 0px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.page li{display:inline-block;width:62px;height:27px;line-height:27px;margin-right:20px;border:1px solid #eee;}
.page .noa{border:1px solid #d5d5d5;color:#d5d5d5;}
.page li a{display:inline-block;width:62px;height:27px;}
.page li a:hover{display:inline-block;background:#f1f1f1;color:#666;cursor:pointer;}
.page .thisclass,.page .thisclass:hover{background:#0E6EB8;border-color:#0e6eb8;color:#fff;}
/*推广案例列表*/
.list_tuiguang li{float:left;width:360px;height:140px;margin:40px 60px 0px 0px;font-size:12px;overflow:hidden;}
.list_img{float:left;width:138px;height:138px;}
.list_img img{width:100%;height:100%;}
.list_title,.list_time,.list_content{float:right;width:190px;overflow:hidden;}
.list_title{font-size:14px;color:#7b7b7b;}
.list_title a:hover{color:#f7d30b;}
.list_time{margin:14px 0px 10px 22px;color:#b9b9b9;}
.list_content{height:76px;line-height:26px;color:#6f6f6f;}
/*新媒体案例列表*/
.list_xinmeiti{margin:80px 0px 30px;}
.list_xinmeiti li{float:left;width:240px;height:428px;padding:72px 20px 72px 19px;margin-right:181px;background:url(../img/xinmeiti_bg.png);}
.list_xinmeiti li img{width:240px;height:428px;}
/*实训列表*/
.peixun_left{float:left;width:850px;}
.peixun_right{float:right;width:320px;}
.peixun_left ul{float:left;width:100%;margin-top:15px;}
.peixun_left li{float:left;width:240px;height:580px;margin:0px 65px 30px 0px;line-height:2.2em;font-size:12px;overflow:hidden;}
.peixun_left img{width:100%;}
.peixun_left h3{padding:0px 0px 10px;font-size:16px;}
.peixun_left h3 a{color:#2186D3;}
.peixun_left h3 a:hover{color:#f7d30b;}
.peixun_left p{color:#888;}
/*推荐内容*/
.side_hot ul{margin:0px 0px 0px;}
.side_hot li{float:left;width:150px;height:150px;margin:20px 20px 0px 0px;line-height:1.8em;overflow:hidden;}
.side_hot li img{width:148px;height:84px;border:1px solid #e5e5e5;}
.side_hot li span{display:inline-block;margin-top:5px;}
/*点击排行*/
.side_paihang h3,.free_list_side h3{height:20px;line-height:20px;padding:8px 0px 8px 45px;margin-top:40px;background:url(../img/ico06.png) no-repeat 15px 10px #0E6EB8;font-size:16px;color:#fff;}
.side_paihang h3 a{color:#fff;}
.side_paihang ul{margin:10px 0px 0px 0px;background:url(../img/ico10.png) no-repeat 10px 9px;}
.side_paihang li{line-height:30px;padding-left:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/*实训边栏*/
.free_nav h3,.side_hot h3{height:18px;line-height:18px;padding:16px 0px 16px 30px;margin-top:20px;border-bottom:1px solid #e5e5e5;background:url(../img/ico03.png) no-repeat left 18px;font-size:16px;font-weight:normal;}
.free_nav h3{margin-top:0px;}
.free_nav ul{float:left;width:318px;margin-top:20px;border:1px solid #E5E5E5;border-width:0px 1px 1px 0px;}
.free_nav li{float:left;width:116px;height:32px;line-height:32px;padding-left:42px;border:1px solid #E5E5E5;border-width:1px 0px 0px 1px;background:url(../img/ico04.png) no-repeat 20px 13px;}
.free_nav .thisclass{background:url(../img/ico05.png) no-repeat 20px 13px #268AD7;cursor:pointer;}
.free_nav .thisclass a{color:#fff;}
/*实训详情*/
.peixun_biaoti{padding-left:300px;margin:20px 0px -10px;font-size:28px;line-height:28px;color:#f7d30b;}
.main .peixun_detail{line-height:2em;color:#4f4f4f;font-size:12px;font-family:"宋体";}
.peixun_content p{margin-bottom: 5px;}
.peixun_content img{vertical-align:bottom;}
.peixun_yewu{float:right;width:230px;margin:-80px 0px 0px 15px;font-family:"微软雅黑";}
.peixun_yewu ul{float:left;margin-top:10px;}
.peixun_yewu li{float:left;width:100px;height:100px;margin:10px 30px 0px 0px;background:url(../img/ico09.png) no-repeat center 18px #0E6EB8;text-align:center;}
.peixun_yewu .hover{background-color:#a4a4a4;}
.peixun_yewu li a{float:left;width:100%;height:20px;line-height:20px;padding:65px 0px 15px;font-size:16px;color:#fff;}
/*免费封面*/
.free_focus{float:left;width:350px;height:226px;position:relative;overflow:hidden;}
.free_focus .focus_test{width:99999px;position:absolute;left:0;top:0;}
.free_focus .focus_test li{float:left;}
.free_focus .focus_test li img{width:348px;height:192px;border:1px solid #e5e5e5;}
.free_focus .focus_test li div{width:350px;height:30px;line-height:30px;margin-top:-4px;text-align:center;background:#0E6EB8;color:#fff;}
.free_focus .focus_test li div a{color:#fff;}
.free_focus .focus_pic{width:400px;height:10px;position:absolute;left:35%;bottom:40px;z-index:10}
.free_focus .focus_pic li{width:6px;height:6px;margin:0 5px;border-radius:10px;background:#fff;border:2px solid #fff;float:left;overflow:hidden;*display:inline;*zoom:1;}
.free_focus .focus_pic .thistitle{background:#fff;border:2px solid #E60012;background:#E60012;}

.free_toutiao{float:left;width:470px;margin-left:30px;}
.free_toutiao h3{height:30px;padding-left:25px;background:url(../img/ico11.png) no-repeat left 3px;font-size:16px;color:#f7c30e;border-bottom:1px solid #E5E5E5;}
.free_toutiao ul{padding:12px 0px;border-bottom:1px solid #E5E5E5;}
.free_toutiao .first{font-size:16px;}
.free_toutiao li{height:28px;line-height:28px;padding-left:15px;background:url(../img/ico01.gif) no-repeat 2px 13px;}
.free_toutiao li a{display:inline-block;max-width:380px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.free_toutiao .first a{max-width:450px;}
.free_toutiao li a:hover{color:#f7d30b;}
.free_toutiao li span{float:right;font-size:12px;color:#adadad;}

.free_column{float:right;width:320px;}
.free_column h3{padding:0px 0px 12px 30px;background-position:left 2px;}
.free_column ul{margin-top:27px;}

.free_index{margin-top:-40px;}
.free_index_left{float:left;width:850px;}
.free_index_left li{float:left;width:100%;height:130px;padding:24px 0px 23px;margin:0px;border-bottom:1px dashed #E5E5E5;overflow:hidden;}
.free_index_left .pic{float:left;width:230px;height:130px;}
.free_index_left .pic img{width:228px;height:128px;border:1px solid #E5E5E5;}
.free_index_left .biaoti,.free_index_left .desc,.free_index_left .other{float:right;width:600px;line-height:2.2em;}
.free_index_left .biaoti{padding-bottom:10px;font-size:20px;color:#424242;line-height:100%;}
.free_index_left .desc{height:60px;overflow:hidden;}
.free_index_left .other{line-height:50px;}
.free_index_left .other font{font-size:12px;color:#adadad;}
.free_index_left .other span{float:right;font-size:16px;}
.free_index_left .other span a{color:#0e6eb8;}
.free_index_left .other span a:hover{color:#f7d30b;}
/*免费学习列表*/
.free_list_side{float:left;width:220px;}
.free_list_side h3{margin-top:10px;}
.free_list_side li{width:204px;padding:16px 0px 0px 16px;height:14px;line-height:14px;margin-top:1px;background:url(../img/ico08.png) no-repeat 5px 22px;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.free_list_side .left_nav{padding-bottom:10px;}
.free_list_side .left_nav li{width:176px;padding:8px 0px 8px 44px;height:14px;line-height:14px;margin-top:1px;background:url(../img/ico04.png) no-repeat 20px 12px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.free_list_side .left_nav .hover{background-color:#ececec;cursor:pointer;}
.free_list_side .left_nav .hover a{color:#666;}
.free_list_side .left_nav .thisclass{background:url(../img/ico05.png) no-repeat 20px 12px #268AD7;}
.free_list_side .left_nav .thisclass a{color:#fff;}
/*列表右侧*/
.free_list_right{float:right;width:950px;margin-top:-20px;}
.free_list_right .free_list li{float:left;width:100%;height:130px;padding:30px 0px;margin:0px;border-bottom:1px dashed #E5E5E5;overflow:hidden;}
.free_list_right .pic{float:left;width:229px;height:128px;}
.free_list_right .pic img{width:100%;height:100%;border:1px solid #E5E5E5;}
.free_list_right .biaoti,.free_list_right .info,.free_list_right .desc{float:right;width:690px;line-height:2.2em;}
.free_list_right .biaoti{padding-bottom:10px;font-size:14px;color:#424242;line-height:100%;}
.free_list_right .info{line-height:50px;font-size:12px;color:#adadad;}
.free_list_right .page{margin-bottom:0px;padding-bottom:0px;}
.free_list_right .page li{float:left;}
/*合作客户列表*/
.list_logo li{float:left;width:130px;height:130px;margin:30px 48px 10px 0px;overflow:hidden;}
.list_logo img{width:128px;height:128px;}
/*details style*/
.main{padding:20px 0px;}
.path{margin-top:10px;border-bottom:1px solid #E5E5E5;}
.path a:hover{color:#f7d30b;}
.path span{float:left;font-size:16px;}
.path .bdsharebuttonbox{float:right;margin-top:31px;}
.title{text-align:center;font-size:22px;line-height:2.4em;}
.instr{padding:30px 0px 5px;margin-bottom:-20px;border-bottom:1px dashed #cdcdcd;line-height:1.8em;text-align:center;font-size:12px;color:#aaa;}
.content{float:left;width:100%;padding:30px 0px;line-height:2.2em;}
.content p{margin-top:10px;}
.kehujieshao{padding:10px 15px;margin-bottom:30px;clear:both;background:#f7f2f2;} /*案例文章中使用，不可删除 */
.content img{vertical-align:middle;}
.right_content{float:right;width:950px;}
.next{line-height:2em;padding:15px 0px;border:1px solid #E5E5E5;border-width:1px 0px;}
.next font{color:#b5b5b5;}
.next font b,.next font a{color:#4f4f4f;}
.next a:hover{color:#f7d30b;}
/*底部*/
.foot{margin-top:40px;padding:50px 0px;background:#f5f5f5;font-size:12px;line-height:2.8em;clear:both;}
.index_content,.index_about,.index_news{float:left;width:420px;height:auto!important;min-height:240px;height:240px;background:url(../img/line.png) no-repeat right center;}
.foot h3,.foot h3 a{font-size:14px;color:#454545;}
.index_about{width:280px;margin:0px 30px;}
.foot li{padding-left:12px;background:url(../img/ico07.png) no-repeat 2px 15px;}
.index_news{width:440px;background:none;}
.index_news li a{max-width:380px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.foot a:hover{color:#333;}
.index_news li span{float:right;color:#888;}
.copyright{padding:20px 0px;background:#333;font-size:12px;line-height:2.2em;text-align:center;color:#fff;}
.copyright a{color:#fff;}
.copyright a:hover{color:#ccc;}
.link a,.link{color:#fff;}
.link a:hover{color:#ccc;}
.kehu{position:fixed;width:101px;height:161px;display:none;right:5px;bottom:10px;}
.retop{float:left;width:50px;height:50px;margin:0px 0px 10px 25px;cursor:pointer;}
.erweima{float:left;right:5px;bottom:457px;width:101px;height:101px;}
/*图片边框*/
.dis{display:block!important;}
.border1 li img{border:1px solid #E5E5E5;}
.border0{border:none!important;}
.margin0{margin-right:0px!important;}
/*mobile hide style*/
.pc{display:block;}
.mobile,.hide{display:none;}
.instr .pc,.info .pc{display:inline;}