/* CSS Document */
*{text-overflow: ellipsis;
/*去掉移动端点击阴影方块*/
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);}
html,body{ height:100%; width:100%;}
body{
	margin: auto; background-color:#FFFFFF;
	font-size: 14px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;
	color: #333333; min-width:1200px; overflow-x:hidden; padding:0px;
}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;}
:focus{outline:none;}/*聚焦边框样式取消*/
table{
border-collapse: collapse;
}
a{
color: #333333;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #CF010E; 
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}

/*垂直居中*/
.center{ display: flex;
    justify-content:center;
    align-items:center;}
/*图片放大*/
.fd img{    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.fd:hover img{    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);}

.fl{ float:left}
.fr{ float:right}

.xuanzhuan{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 10s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10s;
    -webkit-animation: rotate 30s linear infinite;
    -moz-animation: rotate 30s linear infinite;
    -o-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}


.pagination{ clear:both; text-align:center; padding-top:20px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#CF010E; color:#FFFFFF}

.pagination li a{ color:#333333}





.box{ width:1600px; margin:auto}

#top{
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #CF010E; padding-top:35px; padding-bottom:35px; background-color:#FFFFFF;
}
#top .search{ padding-top:10px; padding-bottom:10px;}
#top .search input{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #DF9395;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none; height:40px; width:300px; font-size:18px; margin-right:5px;
}
#top .search button{
	color: #FFFFFF;
	background-color: #C2272D;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; height:40px; width:40px;border-radius:5px;
}
#nav{ background-color:#F2F2F2; z-index:3;}
#nav .box>ul>li{ float:left; width:12.5%; text-align:center; line-height:50px; font-size:18px; position:relative;}
#nav .box>ul>li a{ color:#666666; display:block}
#nav .box>ul>li.hover>a,#nav .box>ul>li:hover,#nav .box>ul>li:hover>a{ color:#FFFFFF;background-color: #C2272D;/*background-color:rgba(50,50,50,0.1);*/}

#nav .box>ul li ul{	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(255,255,255,0.1);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(50,50,50,0.2); display:none; position:absolute; top:50px; left:0px; width:100%; z-index:22;background-color: #C2272D; font-size:16px; line-height:1.2;}
#nav .box>ul li:hover>ul{ display:block}
#nav .box>ul ul li{ position:relative;}
#nav .box>ul ul li a{

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:rgba(50,50,50,0.15);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.1); padding-top:10px; padding-bottom:10px; color:#FFFFFF;
}

#nav .box>ul ul li a:hover{ background-color:#f5f5f5;color: #C2272D;}
#nav .box>ul ul ul { left:100%; top:0px;}

.flash{  position:relative;clear:both; float:left; width:100%; overflow:hidden; }
.flash .swiper-container{ overflow:hidden; padding:0px; float:left; width:100%;}
.flash .swiper-wrapper *,.flash .picimg *{ max-width:100%;}
.flash .swiper-wrapper,.flash{ text-align:center}
.flash  .swiper-pagination-fraction,.flash .swiper-pagination-custom,.flash .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:80px;  text-align:left; left:10%; }
.flash  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets span{ width:50px;border-radius:0; height:3px; background-color:rgba(255,255,255,0.9);}

.flash .swiper-slide{ width:100%; float:left; }

#foot{ background-color:#333333; color:#cccccc; text-align:center; padding-top:20px; padding-bottom:20px; font-size:14px;}

.indexbg{ background-color:#F6F6F6; padding-top:50px; padding-bottom:50px;}
.indexleft{ float:left; width:280px;}
.indexleft .img{ margin-bottom:20px;}
.pro{ margin-left:280px;}
.pro .etitle{ display:none}
.pro .econtent{ float:left; width:100%;}
.pro .picli{ width:18%; float:left; margin-left:1%; margin-right:1%; margin-bottom:20px;}
.pro .picli:nth-child(5n+1){ clear:both;}
.pro .picli *{ max-width:100%;}
.pro .picli .img{border-radius:5px; overflow:hidden;}
.pro .picli .right{ color:#999; font-size:12px; line-height:1.5; padding-top:10px;}
.pro .picli .right .ntitle{ font-size:14px;}
.pro .picli .right .ntitle a{ color:#666666}
.pro .picli .right .ntitle a:hover,.pro .picli:hover .right .ntitle a{ color:#CF010E}
.pro .picli .right .up .date{ float:left;}
.pro .picli .right .up .jindu{ float:right;}
.pro .picli .right .zuozhe{ clear:both; /*padding-top:5px;*/}
.pro .picli .right .zuozhe i{ margin-right:5px;}


.postion{
	/*margin-top:70px;*/margin-top:30px;
	clear:both;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
/*带banner，距离减少*/
.flash+.clear+.max1200>.postion{ margin-top:30px;}

.postion b{
	color:#CF010E;
	font-size:28px;
	float:left;
	font-weight: lighter;
}
.postion .fr{ padding-top:20px;}
.postion .fr,.postion .fr a,.postion .fl,.postion .fl a{ color:#999999; font-size:12px;}
.postion3{	border-bottom-width: 1px; margin-bottom:30px; padding-bottom:10px;}
#cms,#cms1{ padding-bottom:70px; min-height:450px;}
#cms .li{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
	padding-top: 20px;
	padding-bottom: 20px;
}
/*#cms .li .date{ float:left; background-color:#E4E4E4; color:#555; text-align:center; width:70px;}*/
#cms .li .date{ float:left; background-color:#CF010E; color:#ffffff; text-align:center; width:130px; height:130px;border-radius:100%;box-sizing:border-box; line-height:130px; font-size:18px;}
/*#cms .li .date .d{ 
	font-size:48px;
	display:block;
	line-height:60px;
	font-family: Georgia, "Times New Roman", Times, serif, Impact;
}
#cms .li .date .y{

	display:block;

	font-size:14px;
	 color:#ffffff; color:rgba(255,255,255,0.6);
	font-style: normal; line-height:20px;
}
*/
#cms .li .right{ /*margin-left:80px;*/margin-left:150px; padding-top:20px;}
#cms .li .right .ntitle a{ font-size:16px;
	color:#333333;
	/*font-weight: bold;*/
}
#cms .li:hover .right .ntitle a{color: #CF010E; }
#cms .li .right .dp{ color:#777777;}
.max1200{ max-width:1200px;}
#cms1 h1.h1{ padding-top:20px; line-height:1.5; }
#cms1 .info{ color:#999; font-size:12px;}
#cms1 .info i{ margin-right:5px;}
#cms1 .nextpage{
	padding-top:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee; clear:both; margin-top:20px;
}
#cms1 .line{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee; padding-bottom:10px;
}
#cms1 .content{ padding-top:20px; clear:both; font-size:16px; line-height:1.5;}

.sort{ padding-top:50px; line-height:30px;}
.sort a{
	display:inline-block;
	padding-left:35px;
	padding-right:35px;
	background-color:#E6E6E6;
	float:left;
	position:relative;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6e6e6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e6e6e6;
}
.sort a:before,.sort a:after{	content:'';
	left:-1px;
	top:50%;
	margin-top:-10px;
	height:20px;
	border-left-width: 1px;
	border-left-style: solid;position:absolute;}
.sort a:before{
	left:-1px;
	border-left-color: rgba(50,50,50,0.3);
}
.sort a:after{
	left:-2px;
	border-left-color: rgba(255,255,255,0.3);
}

.sort a:nth-child(1):before,.sort a:nth-child(1):after{ display:none}

.sort a.hover,
.sort a:hover{ background-color:#CF010E; color:#FFFFFF}

#cms .tzli{
	clear:both;
	padding-top:40px;
	padding-bottom:40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; font-size:16px;
}
#cms .tzli .img{
	background-color: #CF010E;
	background-image: url(tongzhi.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 130px;
	width: 130px;
	background-position: center center;border-radius:100%; background-size:60%;
}
#cms .tzli .right{ margin-left:180px; line-height:1.5;}
#cms .tzli .right .ntitle{ font-size:24px;}
#cms .tzli .right .ntitle a{ 
	color:#333333;
/*	font-weight: bold;*/
}
#cms .tzli .right .ntitle a.leibie{ margin-left:-8px;}
#cms .tzli:hover .right .ntitle a{color: #CF010E; }
#cms .tzli .right .dp{ color:#4c4c4c}
#cms .tzli .right .date{ color:#999999; font-size:12px; line-height:20px; padding-top:5px; padding-bottom:5px;}
#cms .tzli .right .date i{ margin-right:5px;}

/*实训案例*/
#cms .caseli{ border-radius:5px;overflow:hidden;float:left; width:18%; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:0px; line-height:1.5;}
#cms .caseli:nth-child(5n+1){ clear:both;}
#cms .caseli .img{ overflow:hidden;}
#cms .caseli *{ max-width:100%;}
#cms .caseli .right{ background-color:#f5f5f5; padding:10px;}
#cms .caseli .right .dp{ line-height:1.2; max-height:2.4em; min-height:2.4em; margin-top:5px; overflow:hidden; color:#999999}
#cms .caseli .right .ntitle{
	white-space: nowrap;
	overflow: hidden;
	text-align: center; font-size:16px;
}
#cms .caseli:hover .right{ background-color:#CF010E;}
#cms .caseli:hover .right,#cms .caseli:hover .right a{ color:#ffffff;}
#cms .caseli:hover .right .dp{ color:#FFFFFF; color:rgba(255,255,255,0.8); }
.postion2{ margin-top:30px;}
.postion2+.sort{ padding-top:20px; padding-bottom:20px;}
.postion2+#cms{ padding-top:20px;}

#cms .picli{ width:18%; float:left; margin-left:1%; margin-right:1%; margin-bottom:20px;}
#cms .picli:nth-child(5n+1){ clear:both;}
#cms .picli *{ max-width:100%;}
#cms .picli .img{border-radius:5px; overflow:hidden;}
#cms .picli .right{ color:#999; font-size:12px; line-height:1.5; padding-top:10px;}
#cms .picli .right .ntitle{ font-size:14px;}
#cms .picli .right .ntitle a{ color:#666666}
#cms .picli .right .ntitle a:hover,.pro .picli:hover .right .ntitle a{ color:#CF010E}
#cms .picli .right .up .date{ float:left;}
#cms .picli .right .up .jindu{ float:right;}
#cms .picli .right .zuozhe{ clear:both; /*padding-top:5px;*/}
#cms .picli .right .zuozhe i{ margin-right:5px;}

.sort2{ float:right; margin-top:50px; width:30%;}
.sort2 a{
	clear:both;
	background-image: url(sort.png);
	border: 1px solid #6EB3FF;
	background-repeat: no-repeat;
	background-position: center 20px;
	float: left;
	padding-top: 50px;
	margin-bottom: 50px;
	width: 100px;
	text-align: center; height:35px;border-radius:5px;
}
.sort2 a:hover,.sort2 a.hover{
	clear:both;
	background-image: url(sorthover.png);
	border: 1px solid #CF010E;
	background-repeat: no-repeat;
	background-position: center 20px;
	float: left;
	padding-top: 50px;
	margin-bottom: 50px;
	width: 100px;
	text-align: center; height:35px;border-radius:5px; background-color:#CF010E; color:#FFFFFF;
}
.sort2+#cms1{ float:left; width:65%;}
.sort2+#cms1 .content{  margin-top:20px;}
.bannersort{ margin-top:20px; position:relative; margin-bottom:30px; position:relative; clear:both; }
.navsort{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	float:left;
	z-index:2;
	background-color:rgba(0,0,0,0.5);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666; text-align:center;
}
.navsort>ul{ float:left; width:100%; position:relative;}
.navsort>ul>li{ float:left; width:9%; line-height:45px; position:static}
.navsort>ul>li>a{
	color:#999;
	font-weight: bold;
}
.navsort >ul>li> ul{  display:none; float:left; width:100%; position:absolute; top:45px; left:0px; line-height:30px; background-color:rgba(0,0,0,0.4); min-height:235px;}
.navsort >ul>li> ul>li{ width:30.33%; float:left; padding-left:1.5%; padding-right:1.5%; padding-top:10px; padding-bottom:10px;}
.navsort >ul>li> ul>li>a{
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc; font-weight:bold;
}
.navsort >ul>li> ul>li a{ color:#cccccc}
.navsort >ul>li> ul>li a:hover{ color:#FFFF00}
.navsort >ul>li> ul ul{ padding-top:10px; padding-bottom:10px;}
.navsort >ul>li> ul ul li{  width:33.33%; display:inline-block;}
.navsort >ul>li> ul ul li a{ display:block; padding-left:10px; padding-right:10px; position:relative;}
.navsort >ul>li> ul ul li a:before{
	content:'';
	position:absolute;
	left:0px;
	top:20%;
	height:60%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
}
.navsort >ul>li> ul ul li:nth-child(3n+1)> a:before{ display:none}
.navsort >ul>li> ul ul li ul{ display:none}
.navsort >ul>li:hover> ul{ display:block;}
.probg{
	background-image: url(title_banner.png);
	background-repeat: no-repeat;
	background-position: center top; background-size:100% 100%; height:200px; margin-top:0px; float:left; width:100%;
}
.probg .postion{ border:none;}
.probg .title{ color:#ffffff; font-size:28px; padding-top:20px;}

.postion5{ border:none; padding-top:0px;}
.postion5+.sort{ padding-top:30px;}

.zpostion{
	background-color:#ffffff;
	margin-bottom:20px;

	font-size:18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.zpostion b{ display:inline-block; position:relative;	padding-top:10px;
	padding-bottom:10px;}
.zpostion b:after{ content:'';	border-bottom-width:3px;
	border-bottom-style: solid;
	border-bottom-color: #CF010E;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;}
/*.probg{ background-color:#f5f5f5; float:left; width:100%;}*/
.tvcontent{background-color:#ffffff; margin-bottom:15px; padding:20px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.1);}

/*左侧课程列表*/
.tvlist {}
.tvlist .zli,.kcbg{ background-color:#ffffff; margin-bottom:15px; padding:10px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.1);}
.tvlist .zli .title{
	font-weight:bold;
	font-size:16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; padding-bottom:10px;
}
.tvlist .zli .hc{ padding-top:10px;}

.tvlist .zli .hc a .iconfont{ margin-right:5px;}
.tvlist .zli .hc a:hover{color:#CF010E;}
.tvlist .zli .hc .li a{color:#666666; display:block;  padding-left:10px; padding-right:10px; line-height:20px; padding-top:10px; padding-bottom:10px; font-size:14px;}
.tvlist .zli .hc .li a:hover{ background-color:#FFF0F0;color:#CF010E;}
.tvlist .zli .hc .li .btn{
	background-color:#CF010E;
	color:#ffffff;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	border-radius:25px; display:none;

}
.tvlist .zli .hc .li:hover .btn{ display:block}
.tvright{ float:left; width:72%;}
.tvleft{ float:right; width:25%;}

.proin {}
.proin .etitle{
	float:left;
	width:100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.proin .etitle b{ float:left;}
.proin .etitle a{ float:right; color:#999999; font-size:12px;}
.proin .picli{
	float:left;
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.proin .picli *{ max-width:100%;}
.proin .picli .img{ width:85px; height:60px; float:left;border-radius:5px; overflow:hidden; position:relative;}
.proin .picli .img .nd{ background-color:rgba(0,0,0,0.8); color:#ffffff; position:absolute; top:0px; left:0px; z-index:1; font-size:12px;border-radius:5px 0 5px 0; line-height:1.5; padding-left:5px; padding-right:5px; }
.proin .picli .img a{ display:block; position:relative;}
.proin .picli .img a:after{ content:''; background-color:rgba(0,0,0,0.1); top:0px; left:0px; position:absolute; width:100%; height:100%;}
.proin .picli .img img{ width:100%; height:100%;}
.proin .picli .right{ margin-left:90px; font-size:12px; color:#999999; line-height:1.2;}
.proin .picli .right .ntitle{ font-size:14px;}

.kcjs{
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; line-height:1.5; padding-bottom:20px;  font-size:12px;
}
.kcjs .title{
	color:#333333;
	font-size:16px;
	font-weight: bold; padding-bottom:5px;
}

/*右侧课程目录*/
.tlist {}
.tlist .zli{ }
.tlist .zli  .li{ color:#333333; position:relative;}
.tlist .zli  .li:before{ content:''; position:absolute;
	left:65px;
	top:0px;
	height:100%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd; z-index:1;
}
.tlist .zli  .li >div,.tlist .zli  .li a{
	color:#33333;
	display:block;
	padding-left:10px;
	padding-right:10px;
	line-height:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	font-weight: bold;
}
.tlist .zli  .li a{color:#666666; font-weight:lighter;}
.tlist .zli  .li a:hover{ background-color:#FFF0F0;color:#CF010E;}

.tlist .zli  .li .t{ float:left; margin-right:5px; width:45px; }
.tlist .zli  .li .num{ background-color:#FFFFFF; z-index:2;
	float:left;
	border: 1px solid #dddddd; width:20px; height:20px; line-height:20px; text-align:center;border-radius:100%; font-weight:lighter; position:absolute; left:55px;
}
.tlist .zli  .li a .num{ width:10px; height:10px; left:60px; top:10px;}
.tlist .zli  .li .title{ margin-left:80px; display:block;}

.tlist .zli  .li a.hover,.tlist .zli  .li a.hover .num{ background-color:#CF010E; color:#FFFFFF;}
.tlist .zli  .li:nth-child(1){ background-color:#f5f5f5;}

@media screen and (max-width :1650px){

.box{ max-width:1200px;}


}
@media screen and (max-width :1250px){
.box,.max1200{ max-width:1000px;}
}
.res{ color:#999999;}
.postion+.res{ margin-top:-20px; margin-bottom:30px;}
.tcontent{ overflow:hidden;}
.tcontent iframe{ width:100%; height:500px;}
.tcontent video{ max-width:100%; min-width:100%;}
#cms1 *{ max-width:100%;}