﻿/* CSS Document */
@media screen and (max-width:768px){ html{-webkit-text-size-adjust:none}

	#nav{ width:100%;}
	#nav .dao{ width:100%;}
	#header{ width:100%; height:60px; border-bottom:1px solid #EEE; position:relative; }
	#header span.right{ display:block; width:40px; height:40px; position:absolute; right:10px; top:10px; background:url("../images/btn.png") no-repeat center center; background-size:80%; 
	transform:rotate(0deg); 
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg); 
	-webkit-transition:all 0.3s linear; 
	-ms-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-o-transition:all 0.3s linear; 
	transition:all 0.3s linear; 
	}
	#header span.right.on{background:url("../images/btn2.png") no-repeat center center; background-size:55%; 
	transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-o-transform:rotate(135deg); 
	-webkit-transition:all 0.3s linear; 
	-ms-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-o-transition:all 0.3s linear; 
	transition:all 0.3s linear; }
	#header h1{font-size:0.16rem; font-weight:normal; }
	#header span.left{ position:absolute; left:0; top:0; display:block; height:60px; padding:0px}
	#header span.left img{ margin:11px 0 0 10px;}
	.menu{ overflow:hidden; background:#FFF; width:100%; margin-left:0; position:absolute; left:0; top:61px; z-index:9999; height:0; list-style:none;
	-webkit-transition:all 0.3s linear; 
	-ms-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-o-transition:all 0.3s linear; 
	transition:all 0.3s linear; }
	.menu li{ width:100%; text-align:center; border-bottom:1px solid #EEE; height:40px; line-height:40px; padding:0}
	#nav form{ margin:10px 0 0 10px;}
	#nav form .text{ width:120px;}
	#nav form .sub{ width:50px;}
	.login{ line-height:48px; margin-right:10px;}
	
	/* banner */
	.foucebox,.foucebox .bd,.foucebox .bd .showDiv{ height:auto;}
	.foucebox .bd .showDiv img{ width:160%; margin-left:-30%;}
	.foucebox .hd{ display:none}

	/* 首页公用部分 */
	.section{ width:96%; margin:20px auto 0;}
	.section .title ul{ display:none}
	.section .title .more{ margin-top:5px;}
	
	/* BIM热门课程 */
	.course{ margin-top:20px;}
	.course .prev,.course .next{ display:none}
	.course .mr_frUl{ width:100%}
	.course .mr_frUl ul li{ margin:0 25px 0 70px;}
	
	/* BIM资讯 BIM培训招生 BIM学习 */
	.section2{ margin-bottom:0;}
	.section2 .news,.section2 .zhao,.section2 .study{ width:100%; margin-right:0; border-bottom:none}
	.section2 .cont a{ padding:0 20px; margin:20px 0;}
	
	/* BIM视频课 BIM直播课 */
	.section3{ margin-top:20px;}
	.section3 .video{ padding-top:20px;}
	.section3 .video .left{ width:100%;}
	.section3 .video .left dt{ width:100%; height:240px;}
	.section3 .video .left dd{ margin-top:5px;}
	.section3 .video .right{ width:100%;}
	.section3 .video .right dl{ width:48%; padding:0; margin:15px 0 0 1%;}
	.section3 .video .right dl dt{ width:100%; height:110px;}
	.section3 .video .right dl dt img{ width:100%; height:100%;}
	.section3 .video .right dl dd{ margin-top:5px}
	.section3 .video .right dl dd b,.section3 .video .right dl dd span{ display:none}
	
	/* BIM培训考试 */
	.section5{ margin-top:20px;}
	.section5 .video dl{ width:48%; padding:0; margin:15px 0 0 1%;}
	.section5 .video dl dt{ width:100%; height:110px;}
	.section5 .video dl dd{ margin-top:5px;}
	.section5 .video dl dd b,.section5 .video dl dd span{ display:none}
	
	/* BIM培训合作单位 */
	.section6{ margin-bottom:20px;}
	.section6 dl{ width:48%; height:90px; margin:15px 0 0 1%;}
	.section6 dl dt{ margin-top:15px;}
	.section6 dl dd{ margin-top:10px;}
	
	/* BIM视频课 */
	.videos{ width:96%; padding-bottom:20px;}
	.videos .title ul{ padding:5px 10px;}
	.videos .title ul li{ line-height:30px; margin-right:15px;}
	.videos .title ul li a{ font-size:12px;}
	.videos .cont{ margin-top:20px;}
	.videos .cont dl dt{ width:98%; height:auto; padding:1%;}
	.videos .cont dl dt img{ width:100%; height:100%;}
	.videos .cont dl dd{ width:98%; padding:10px 1%; float:left}
	.videos .cont dl dd .more{ display:none}
	.videos .cont dl dd .con{ margin-top:10px;}
	.videos .ping{ display:none}
	
	.vide{ width:96%;}
	.position{ padding:20px 0 15px 0;}
	.vide .ship .vdes{ width:100%; height:auto;}
	.vide .ship .listit{ width:100%; height:auto; margin:0;}
	.vide .ship .listit h3{ line-height:35px; margin:5px 0;}
	.vide .ship .listit p{ line-height:30px;}
	.vide .bot li.l2,.vide .bot li.l3,.vide .bot li.l4{ display:none}
	
	.vibrief{ width:96%; margin:20px auto;}
	.vibrief .left{ width:100%;}
	.vibrief .left form{ margin-top:20px;}
	.vibrief .left form h2{ margin-bottom:20px;}
	.vibrief .left form textarea{ width:99%; height:200px; max-width:99%; max-height:200px;}
	.vibrief .left .ping{ margin-top:0;}
	.vibrief .left .ping dl dt{ display:none}
	.vibrief .left .ping dl .nei{ width:100%; float:none}
	.vibrief .left .ping dl .nei h3{ line-height:20px; font-size:16px;}
	.vibrief .left .ping dl .nei p{ line-height:22px; margin:10px 0; font-size:14px;}
	.vibrief .left .ping dl .date{ float:none}
	.vibrief .left .ping dl .date span{ text-align:left;}
	.vibrief .left .ping dl .date p{ display:none}
	.vibrief .right{ display:none}
	
	/* 招生动态 */
	.joins{ margin-top:20px;}
	.joins li{ width:100%; margin:0}
	.joins li.lr{ margin-right:0}
	.joins li h2{ margin:10px 0;}
	.zhaocon{ margin-top:20px}
	.zhaocon .cont{ width:100%; margin-top:0;}
	.zhaocon .cont h2{ font-size:22px;}
	.zhaocon .cont .info{ height:auto; line-height:22px;}
	.zhaocon .cont .info p{ margin:5px 0;}
	.zhaocon .cont .info p a{ display:inline-block; margin:0 0 0 20px;}
	.zhaocon .cont .info .back{ display:none}
	.zhaocon .cont .cons{ line-height:24px; margin-top:20px; font-size:14px;}
	.zhaocon .cont .cons img{ max-width:100%;}
	.zhaocon .tui{ width:100%; float:right}
	.zhaocon .tui h2,.zhaocon .tui dl{ display:none}
	.zhaocon .tui .bao{ margin-top:0}
	
	/* 栏目标题 */
	.tyname li{ width:30%; text-align:center; margin:0 0 0 2.5%;}
	.tyname li a{ font-size:16px; border:none}
	.tyname li a:hover, .tyname li.act a{ border:none}
	
	/* BIM资讯 */
	.newslist{ width:96%; margin:20px auto;}
	.newslist .ne{ margin-top:20px;}
	.newslist .ne dt,.newslist .ne dd{ width:100%; height:auto;}
	.newslist .ne dd .tit{ margin-top:10px;}
	.newslist .ne dd p{ margin-top:5px; font-size:14px;}
	.newslist .ne dd .more{ display:none}
	.newscon{ margin-top:20px;}
	.newscon .cont{ width:100%;}
	.newscon .cont h2{ font-size:20px;}
	.newscon .cont .info p,.newscon .cont .info a{ font-size:12px;}
	.newscon .cont .cons{ line-height:25px; margin-top:20px; font-size:14px;}
	.newscon .tui{ display:none}
	
	/* BIM下载 */
	.down{ margin-top:0;}
	.down dl{ width:94%; height:auto; padding:10px 3%; margin:20px 0 0 0;}
	.down dl dd{ width:auto;}
	.down dl dt{ display:none}
	.downcon h1{ margin:20px 0 0 0; font-size:20px;}
	.downcon .cont{ margin:20px 0;}
	.downcon .xiazai li{ width:94%; padding:19px 3%; margin-right:0;}
	.downcon .xiazai li a.tit{ width:auto;}
	.downcon .xiazai li a.do{ display:none}
	.downcon .goback{ margin:20px auto;}
	
	/* 关于我们 */
	.listabout{ width:96%; margin:20px auto 0;}
	
	/* 企业简介 */
	.webrief{ margin-bottom:20px;}
	.webrief h1{ width:100%; margin:20px auto; font-size:24px; border:none;}
	.webrief p{ line-height:30px; font-size:16px; background-size:100%;}
	
	.branch{ height:auto; margin-bottom:20px;}
	.branch h1{ width:100%; margin:20px auto; border-left:none; font-size:24px;}
	.branch p{ line-height:25px; font-size:14px;}
	.branch .cont{ margin-top:20px;}
	.branch .cont dl{ width:96%; margin:0 auto 20px auto; float:none}
	
	.yewu{ width:100%; margin:0 auto 30px;}
	.yewu h1{ width:100%; margin:20px auto; border-left:none; font-size:24px;}
	.yewu .cont dl{ margin:20px auto; float:none}
	.yewu .cont dl.ye4{ margin:0 auto}
	
	.kehu{ margin-bottom:30px;}
	.kehu h1{ width:100%; margin:20px auto 0; border-left:none; font-size:24px;}
	.kehu .cont dl{ width:48%; height:90px; margin:20px 0 0 1%;}
	.kehu .cont dl dt{ margin-top:15px;}
	.kehu .cont dl dd{ margin-top:5px;}
	
	/* 培训优势 */
	.wkehu{ width:96%; margin:20px auto;}
	.wkehu h1{ width:100%; margin:20px auto; border-left:none; font-size:24px;}
	.wkehu .cont{ overflow:hidden}
	.wkehu .cont dl{ display:none}
	.wkehu .mr_frbox{ width:100%;}
	.wkehu .mr_frbox .jian{ width:80%; margin:20px auto 0}
	.wkehu .mr_frUl{ width:100%;}
	.wkehu .mr_frUl ul li{ width:220px; margin:0 0 0 70px;}
	
	.linians{ padding:20px 0;}
	.linian{ width:96%;}
	.linian h1{ width:100%; margin:0 auto; border-left:none; font-size:24px;}
	.linian .cont dl{ margin:20px auto 0 auto; float:none}
	.linian .cont dl.lr{ margin:20px auto 0 auto}
	
	.peixun{ width:96%; margin:20px auto;}
	.peixun h1{ width:100%; margin:0 auto; border-left:none; font-size:24px;}
	.peixun .cont{ line-height:30px; font-size:16px;}
	
	.xunpros{ padding:20px 0;}
	.xunpro{ width:96%;}
	.xunpro h1{ width:100%; margin:0 auto; border-left:none; font-size:24px;}
	.xunpro .cont .dj{ display:none}
	.xunpro .cont dl{ width:50%; margin-top:20px; text-align:center}
	.xunpro .cont dl dt{ margin:0 auto}
	.xunpro .cont dl dd{ margin-top:10px; font-size:20px;}
	
	.zheng{ width:96%; margin:0 auto 60px auto;}
	.zheng h1{ width:100%; margin:20px auto 0; border-left:none; font-size:24px;}
	.zheng .cont h2{ height:40px; line-height:40px; margin-top:20px; padding:0; text-align:center; font-size:20px;}
	.zheng .cont ul li{ padding:10px 0; border-right:1px solid #E6E6E6; border-bottom:2px solid #0072D4;}
	.zheng .cont ul li p{ height:100%; line-height:25px; border:none;}
	.zheng .cont ul li p.tit{ width:100%; height:30px; line-height:30px; font-size:16px; padding:0;}
	.zheng .cont ul li p.info{ display:none}
	.zheng .cont ul li p.con{ width:96%; padding:0 2%; font-size:14px;}
	
	/* 招贤纳士 */
	.listjoin{ margin-bottom:20px;}
	.listjoin h1{ width:100%; margin:20px auto; border-left:none; font-size:24px;}
	.jquery-accordion-menu{ padding:20px 0;}
	.jquery-accordion-menu ul li a .tit{ padding:0 200px 0 25px;}
	.jquery-accordion-menu ul li a .ren,.jquery-accordion-menu ul li a .xue,.jquery-accordion-menu ul li a .add{ display:none}
	.jquery-accordion-menu .submenu-indicator{ right:25px;}
	.jquery-accordion-menu ul ul.submenu div{ line-height:25px; padding:20px 25px;}

	/* 联系我们 */
	.listcontact{ margin-bottom:20px;}
	.listcontact h1{ width:100%; margin:20px auto; border-left:none; font-size:24px;}
	.listcontact .lianxi dl{ margin:0 auto 20px auto; float:none;}
	.listcontact .lianxi dl.lr{ margin:0 auto 20px auto}
	.listcontact .map{ margin-top:0; overflow:hidden}
	.listcontact .map #dituContent{ width:99%; height:298px; border-right:1px solid #DEDEDE;}
	.listcontact .map .info{ width:auto; height:auto; border-top:none; border-left:1px solid #DEDEDE}
	
	/* 报名样式 */
	.signup{ width:90%; margin:20px auto; padding:3%;}
	.signup h1{ line-height:60px; text-align:center; font-size:24px; border-bottom:1px solid #E6E6E6}
	.signup form ul li{ width:99%; height:43px; margin:25px auto 0 auto; float:none;}
	.signup form ul li span{ width:18%; padding-left:2%;}
	.signup form ul li input{ width:75%;}
	.signup form ul li.sel dl{ width:99%;}
	.signup form ul li.sel dl.lr{ float:right}
	.signup form ul li.sel dl dt{ width:25%; padding-left:2%;}
	.signup form .bot{ padding-bottom:15px; border-bottom:none}
	.signup form .bot .lef{ width:100%;}
	.signup form .bot p{ width:99%; margin:25px auto 0 auto}
	.signup form .bot p span{ width:25%; padding-left:2%;}
	.signup form .bot p input{ width:70%;}
	.signup form .bot p select{ width:70%; padding-left:30%;}
	.signup form .bot .rit{ width:100%;}
	.signup form .sub{ margin:20px auto}
	
	/* 登录状态 */
	.logins{ width:90%; padding:3%; margin:100px auto;}

	/* 购买页 */
	.buycon{ width:96%; margin:25px auto}
	.buylist h2,.buybot h2{ height:55px;}
	.buylist dl{ padding:15px;}
	.buylist dl dd{ width:100%;}
	.buylist dl dd h3{ text-align:center; margin-top:10px;}
	.buylist dl dd h3 a{ font-size:16px;}
	.buylist dl dd p{ display:none;}

	.buybot .mr_frbox{ margin-top:20px}
	.buybot .mr_frbox .prev,.buybot .mr_frbox .next{ display:none;}
	.buybot .mr_frbox .mr_frUl{ width:100%;}
	.buybot .mr_frbox .mr_frUl ul li{ margin:0 40px 0 70px;}

	
	/* 分页 start */
	#mpage{ display:block; margin-top:15px; text-align:center;}
	#page{ display:none}
	
	/* 上下篇 */
	.shang{ margin:20px auto; border-top:1px dashed #CCC}
	.shang p{ height:43px; line-height:43px; font-size:14px; color:#999; border-bottom:1px dashed #CCC}
	.shang p a{ font-size:14px; color:#999; transition:all 0.5s;}
	.shang p a:hover{ color:#0072D4; transition:all 0.5s;}
	
	/* 公用底部 */
	.foot{ width:96%; padding:20px 0 15px 0;}
	.foot dl dt{ display:none}
	.foot dl dd{ width:100%; margin-left:0;}
	.foot .fotnav{ display:none}
	
}


@media screen and (max-width:320px){ html{-webkit-text-size-adjust:none}
	#header span.left{ top:18px;}
	#header span.left img{ height:25px;}
	/* 第一列 */
	.slide_container{ height:281px;}
	.slide li{ height:281px;}
	.slide p{ font-size:12px;}
	.buybot .mr_frbox .mr_frUl ul li{ margin:0 40px 0 50px;}

}