/* ================================================== */
/* ========== gloab
/* ================================================== */

html,body{

	background:#FFFFFF;

}



/* ================================================== */
/* ========== 二级页面顶部 banner
/* ================================================== */

.second-banner{

	width:100%;
    margin-top:137px;
	display:block;

}




/* ================================================== */
/* ========== 二级导航
/* ================================================== */

.second-nav{

	max-width:80%;

	background:#FFFFFF;

}

.second-nav li{

	display:block;

	float:left;

}

.second-nav li a{

	display:block;
	padding:.43rem 0px;
	padding:45px 0\0;

	font-size:.14rem;

	color:#999999;

	text-align:center;

	transition:all 0.8s;

	-webkit-transition:all 0.8s;

	-moz-transition:all 0.8s;

	-ms-transition:all 0.8s;

}

.second-nav li:hover a{

	color:#FFFFFF;

	background:#FCA158;

}

.second-nav li.active a{

	color:#FFFFFF;

	background:#FCA158;

}


/* ================================================== */
/* ========== 二级导航 - 2
/* ================================================== */
.second-nav-two{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-right:15px;
}
.second-nav-two ul{
	float:right;
}
.second-nav-two ul li{
	float:left;
}
.second-nav-two ul li a{
	font-size:14px;
	padding:16px 20px;
	display:block;
}
.second-nav-two ul li:hover a{
	color:#6CA685;
}
.second-nav-two ul li.active a{
	color:#6CA685;
}




/* ================================================== */
/* ========== 案例列表 
/* ================================================== */

/* 案例二级导航 */

.second-nav-case li{
	width:16.66666666%;

}
.second-nav-pp li{
	width:25%;

}

/* 案例产品列表 */

.case-product-list{

	max-width:80%;

	margin-top:.3rem;

}

.case-product-list .product{

	width:25%;

	float:left;

	border-right:2px solid #FFFFFF;

	padding-bottom:88px;

	position:relative;

	overflow:hidden;

}

.case-product-list .product:nth-child(2n){

	padding-top:88px;

	padding-bottom:0px;

}

.case-product-list .product-image{

	display:block;

	width:100%;

}

.case-product-list .product-detials{

	width:100%;

	height:88px;

	text-align:center;

	position:absolute;

	bottom:0px;

	left:0px;

	z-index:80;

	background:#FFFFFF;

}

.case-product-list .product:nth-child(2n) .product-detials{

	top:0px;

}

.case-product-list .product-detials:after{

	content:"";

	width:16px;

	height:16px;

	background:#FFFFFF;

	position:absolute;

	top:-6px;

	left:50%;

	margin-left:-8px;

	transform:rotate(45deg);

	-webkit-transform:rotate(45deg);

	-moz-transform:rotate(45deg);

	-ms-transform:rotate(45deg);
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-ms-transition:all 0.6s;

}

.case-product-list .product:nth-child(2n) .product-detials:after{

	bottom:-6px;

	top:auto;

}

.case-product-list .product-detials .name{

	font-size:.14rem;

	color:#333333;

	font-weight:normal;

	padding-top:25px;

	padding-bottom:5px;

}

.case-product-list .product-detials .text{

	font-size:.12rem;

	color:#999999;

	font-weight:normal;

}

.case-product-list .product:hover .product-image{

	transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-ms-transform:scale(1.1);

}

.case-product-list .product:hover .product-detials{

	background:#78D4B4;

}

.case-product-list .product:hover .product-detials:after{

	background:#78D4B4;

}

.case-product-list .product:hover .product-detials .name{

	color:#FFFFFF;

}

.case-product-list .product:hover .product-detials .text{

	color:#FFFFFF;

}
/* 更多按钮(眼睛) */

.btn-more-list{
	display:block;
	background:#A2E6BD;
	height:84px;
	color:#FFFFFF;
	font-size:40px;
	text-align:center;
	line-height:84px;
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:160px;
	cursor:pointer;
	text-transform: uppercase;
}
.btn-more-list:hover{
	background:#A2E6BD;
}

/* ================================================== */
/* ========== 案例详情 
/* ================================================== */
.product-details-content{
	max-width:80%;
	background:#FFFFFF;
	padding:.7rem 1rem;
	margin-top:50px;
}
.product-details-content .title{
	font-size:16px;
	color:#333333;
	font-weight:bold;
	display: none;
}
.product-details-content p{
	display:block;
	width:100%;
	margin-top:50px;
}
.product-details-content p img{
	max-width: 100%;
	height: auto;
}
.product-details-content .content{
	margin-bottom:100px;
}

.product-details-content .content .article-title{
	font-size:13px;
	color:#333333;
	padding-left:20px;
	position:relative;
	margin-bottom:26px;
}
.product-details-content .content .article-title:before{
	content:"";
	width:5px;
	height:12px;
	background:#FCA158;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-6px;
	z-index:80;
}
.product-details-content .content:nth-child(2n) .article-title:before{
	background:#A2E6BD;
}
.product-details-content .content p{
	font-size:12px;
	color:#999999;
	margin-bottom:14px;
	line-height:1.7;
	text-indent:0px;
}
.product-details-content .content .image{
	display:block;
	width:100%;
	margin-top:50px;
}
.related-case{
	padding:.5rem 1rem;
	background:#FFFFFF;
	margin-top:40px;
	max-width:80%;
}
.related-case .name{
	font-size:16px;
	color:#333333;
	margin-bottom:30px;
}
.related-case .case{
	display:block;
	float:left;
	width:22%;
	margin-right:4%;
	overflow:hidden;
}
.related-case .list .case:last-child{
	margin-right:0px;
}
.related-case .case .image{
	display:block;
	width:100%;
	opacity:0.9;
}
.related-case .case:hover .image{
	opacity:1;
}
.related-case .case .title{
	font-size:12px;
	color:#333333;
	font-weight:normal;
	padding:14px 0px;
}

.related-case .case:hover .title{
	color:#6CA685;
}


/* ================================================== */
/* ========== 动态列表 
/* ================================================== */
.second-nav-dynamic li{
	width:33.33333333%;
}
/* 列表盒子 */
.dynamic-list{
	max-width:80%;
	max-width:1000px\0;
	background:#FFFFFF;
	padding:.3rem 1rem .3rem 1rem;
	padding:30px 100px 30px 100px\0;
	margin-top:30px;
}
.dynamic-list .news{
	display:block;
	margin-bottom:40px;
}
.dynamic-list .news .news-image{
	display:block;
	width:2.35rem;
	height:1.77rem;
	float:left;
}
.dynamic-list .news .right{
	margin-left:2.85rem;
	margin-left:285px\0;
}
.dynamic-list .news .right .title{
	font-size:.16rem;
	color:#333333;
	font-weight:normal;
}
.dynamic-list .news:hover .right .title{
	color:#6CA685;
}
.dynamic-list .news .right .time{
	font-size:.12rem;
	color:#999999;
	font-weight:normal;
	margin-top:.08rem;
	margin-top:8px\0;
}
.dynamic-list .news .right .text{
	font-size:.13rem;
	color:#999999;
	text-indent:0px;
	margin-top:.2rem;
	margin-top:20px\0;
	line-height:1.6;
}
.dynamic-list .news .right .more{
	width:1.06rem;
	min-width: 60px;
	height:.44rem;
	min-height:30px;
	color:#999999;
	font-size:.13rem;
	background:#FFFFFF;
	border:1px solid #A2E6BD;
	border-radius:.2rem;
	margin-top:.3rem;
	margin-top:30px\0;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	cursor:pointer;
}
.dynamic-list .news:hover .right .more{
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
}

/* ================================================== */
/* ========== 动态详情 
/* ================================================== */
.dynamic-details{
	max-width:80%;
	background:#FFFFFF;
	padding:.7rem 1rem;
	margin-top:50px;
}
.dynamic-details .left-content{
	width:70%;
	float:left;
	min-height:700px;
}
.dynamic-details .left-content .title{
	font-size:16px;
	color:#333333;
	font-weight:bold;
	margin-bottom:24px;
}
.dynamic-details .left-content .info{
	margin-bottom:80px;
}
.dynamic-details .left-content .info span{
	display:inline-block;
	padding-right:18px;
	padding-left:10px;
	border-right:1px solid #000000;
}
.dynamic-details .left-content .info span:first-child{
	padding-left:0px;
}
.dynamic-details .left-content .info span:last-child{
	border:none;
}
.dynamic-details .left-content .info .iconfont{
	margin-right:5px;
}
.dynamic-details .left-content .info .dynamic .iconfont{
	font-size:12px;
}
.dynamic-details .left-content .info .dynamic .time{
	font-size:12px;
}
.dynamic-details .left-content .content img{
	display:block;
	width: 100%;
	margin-bottom:40px;
	height: auto;
}
.dynamic-details .left-content .content strong{
	font-size:15px;
	color:#333333;
}
.dynamic-details .left-content .content p{
	font-size:13px;
	color:#999999;
	margin-top:40px;
	line-height:2.0;
}
.dynamic-details .right-list{
	width:30%;
	float:right;
	padding-left:40px;
}
.dynamic-details .right-list .search-box{
	height:40px;
	position:relative;
}
.dynamic-details .right-list .search-box .search-input{
	border:none;
	outline:none;
	width:100%;
	height:40px;
	line-height:40px;
	padding-left:5px;
	padding-right:45px;
	background:#EFEFEF;
}
.dynamic-details .right-list .search-box .iconfont{
	position:absolute;
	width:40px;
	height:40px;
	top:0px;
	right:0px;
	z-index:80;
	line-height:40px;
	text-align:center;
	cursor:pointer;
}
.dynamic-details .right-list .title{
	height:40px;
	line-height:40px;
	background:#EFEFEF;
	padding-left:16px;
	color:#333333;
	font-size:13px;
	font-weight:bold;
	margin-top:40px;
	margin-bottom:20px;
}
.dynamic-details .right-list .list li{
	padding:6px 0px;
}
.dynamic-details .right-list .list li a{
	font-size:12px;
	color:#999999;
}


/* ================================================== */
/* ========== 培训
/* ================================================== */
/*--- what we do ---*/
.page-train .wedo{
	max-width:80%;
	padding-top:120px;
}
.page-train .wedo .title{
	font-size:44px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family:arial;
}
.line-image{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}
.page-train .wedo .sub-title{
	font-size:14px;
	color:#999999;
	text-align:center;
	font-weight:normal;
}
.page-train .wedo .content{
	padding:70px 0px;
}
.page-train .wedo .content .article-what-we-do{
	height:52px;
	overflow:hidden;
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
}
.page-train .wedo .content .article-what-we-do.open{
	/*height:auto;*/
}
.page-train .wedo .content img{
	display:block;
	width:100%;
	margin-bottom:30px;
}
.page-train .wedo .content p{
	font-size:14px;
	color:#999999;
	line-height:1.9;
	margin-bottom:20px;
}
/*--- 轮播图 ---*/
.my-slide-one .title-cn{
	font-size:.64rem;
	color:#FFFFFF;
	position:absolute;
	width:100%;
	text-align:center;
	top:3.2rem;
	left:0px;
	z-index:80;
	font-weight:normal;
	transition:all .6s;
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	transform:translate(0px,-800px);
	-webkit-transform:translate(0px,-800px);
	-moz-transform:translate(0px,-800px);
	-ms-transform:translate(0px,-800px);
}
.my-slide-one .title-en{
	font-size:.24rem;
	color:#FFFFFF;
	position:absolute;
	width:100%;
	text-align:center;
	top:4.1rem;
	left:0px;
	z-index:80;
	font-weight:normal;
	font-weight:normal;
	transition:all .6s linear .2s;
	-webkit-transition:all .6s linear .2s;
	-moz-transition:all .6s linear .2s;
	-ms-transition:all .6s linear .2s;
	transform:translate(0px,-800px);
	-webkit-transform:translate(0px,-800px);
	-moz-transform:translate(0px,-800px);
	-ms-transform:translate(0px,-800px);
}
/*--- btn-more-plus ---*/
.btn-more-plus{
	display:block;
	width:60px;
	height:60px;
	margin:30px auto;
	text-align:center;
	line-height:60px;
}
.btn-more-plus .iconfont{
	
	height:100%;
	width:100%;
	font-size:40px;
	text-align:center;
	line-height:60px;
	color:#CCCCCC;
}
.btn-more-plus:hover .iconfont{
	color:#79AD90;
}
/*--- bottom-banner ---*/
.bottom-banner{
	margin-top:80px;
	position:relative;
}
.bottom-banner .text{
	position:absolute;
	text-align:center;
	width:100%;
	top:30%;
	left:0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	z-index:80;
}
.bottom-banner img{
	display:block;
	width:100%;
}
/*--- our team ---*/
.page-train .team{
	max-width:80%;
	padding-top:120px;
}
.page-train .team .title{
	font-size:44px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family:arial;
}
.page-train .team .sub-title{
	font-size:14px;
	color:#999999;
	text-align:center;
	font-weight:normal;
}
.page-train .team .list-wrap{margin-top:70px;}
.page-train .team .list-wrap .module{
	width:30%;
	float:left;
	margin-right:5%;
	margin-right:3%\0;;
	margin-bottom:56px;
}
.page-train .team .list-wrap .module:nth-child(3n){
	margin-right:0px;
}
.page-train .team .list-wrap .module .image-box{
	position:relative;
}
.page-train .team .list-wrap .module .image-box .modal-images-box{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(255,255,255,0.9);
	z-index:80;
	opacity:0;
}
.page-train .team .list-wrap .module:hover .image-box .modal-images-box{
	/*opacity:1;*/
}
.page-train .team .list-wrap .module .image-box .modal-images-box .btn-more-plus{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-30px;
	margin-top:-30px;
	color:#6CA685;
}
.page-train .team .list-wrap .module .image-box .modal-images-box .btn-more-plus .iconfont{
	color:#6CA685;
}
.page-train .team .list-wrap .module img{
	display:block;
	width:100%
}
.page-train .team .list-wrap .module .text-content{
	height:86px;
	border:1px solid #E0E0E0;
	text-align:center;
	margin-top:20px;
	position:relative;
}
.page-train .team .list-wrap .module:hover .text-content{
	background:#6CA685;
}
.page-train .team .list-wrap .module:hover .text-content:after{
	content:"";
	width:80%;
	height:1px;
	background:#FFFFFF;
	bottom:0px;
	left:50%;
	margin-left:-40%;
	z-index:80;
}
.page-train .team .list-wrap .module .text-content .name{
	font-size:20px;
	color:#333333;
	text-align:center;
	font-weight:normal;
	margin-top:15px;
	margin-bottom:8px;
}
.page-train .team .list-wrap .module:hover .text-content .name{
	color:#FFFFFF;
}
.page-train .team .list-wrap .module .text-content .position{
	font-size:14px;
	color:#999999;
	text-align:center;
	font-weight:normal;
}
.page-train .team .list-wrap .module:hover .text-content .position{
	color:#FFFFFF;
}
.page-train .team .list-wrap .module .text-content .modal-text{
	position:absolute;
	top:100%;
	left:0px;
	z-index:60;
	background:#6CA685;
	color:#FFFFFF;
	padding:0px 20px;
	height:0px;
	overflow:hidden;
}
.page-train .team .list-wrap .module:hover .text-content .modal-text{
	height:auto;
	padding:15px 20px 40px 20px;
}
.page-train .team .list-wrap .module .text-content .modal-text p{
	color:#FFFFFF;
	text-align:left;
	margin-top:10px;
	text-indent:0px;
}
/*--- our class ---*/
.page-train .class{
	padding-top:120px;
	background:url(../images/bg_class.jpg) left top no-repeat;
	background-size:100% 100%;
}
.page-train .class .title{
	font-size:44px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family:arial;
	color:#FFFFFF;
}
.page-train .class .sub-title{
	font-size:14px;
	color:#999999;
	text-align:center;
	font-weight:normal;
	color:#FFFFFF;
}
/*--- btn-online-sign ---*/
.btn-online-sign{
	width:160px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:14px;
	border:1px solid #A2E6BD;
	border-radius:30px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	color:#FFFFFF;
}
.btn-online-sign:hover{
	color:#FFFFFF;
	background:#A2E6BD;
}
/*--- our class ---*/
.page-train .class .class-list-wrap{
	max-width:80%;
	margin-top:70px;
	margin-bottom:70px;
}
.page-train .class .class-list-wrap .module{
	width:23%;
	margin-right:2.66666666%;
	margin-right:2%\9;
	border:1px solid #4E4C4A;
	float:left;
	min-height:600px;
}
.page-train .class .class-list-wrap .module:last-child{
	margin-right:0px;
}
.page-train .class .class-list-wrap .module ul li{
	border-bottom:1px solid #4E4C4A;
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-ms-transition:all 0.6s;
}
.page-train .class .class-list-wrap .module ul li a{
	text-align:center;
	display:block;
	padding:15px 0px;
	font-size:14px;
	color:#999999;
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-ms-transition:all 0.6s;
}
.page-train .class .class-list-wrap .module ul li:nth-child(1) a{
	font-size:16px;
}
.page-train .class .class-list-wrap .module ul li:nth-child(2) a{
	font-size:22px;
	color:#FFFFFF;
}
.page-train .class .class-list-wrap .module ul li:last-child{
	padding:15px 0px;
	border-bottom:none;
}
.page-train .class .class-list-wrap .module ul li:last-child a{
	display:block;
	width:100px;
	height:46px;
	line-height:46px;
	border:1px solid #636160;
	margin-left:auto;
	margin-right:auto;
	border-radius:30px;
	padding:0px;
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-ms-transition:all 0.6s;
}
.page-train .class .class-list-wrap .module:hover{
	background:#6CA685;
}
.page-train .class .class-list-wrap .module:hover ul li a{
	color:#FFFFFF;
}
.page-train .class .class-list-wrap .module:hover ul li{
	border-bottom:1px solid #79AD90;
}
.page-train .class .class-list-wrap .module:hover ul li:last-child a{
	border:1px solid #FFFFFF;
}
.page-train .class .class-list-wrap .module ul li:hover{
	background:#73AF8D;
}
.page-train .class .class-list-wrap .module ul li:hover a{
	color:#A2E6BD;
}
/*--- student's work ---*/
.page-train .work{
	max-width:80%;
	padding-top:120px;
	background-size:100% 100%;
}
.page-train .work .title{
	font-size:44px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family:arial;
}
.page-train .work .sub-title{
	font-size:14px;
	color:#999999;
	text-align:center;
	font-weight:normal;
}
.page-train .work .img-list{
	margin-top:80px;
	margin-bottom:80px;
}
.page-train .work .img-list .module{
	float:left;
	width:33.33333333%;
	position:relative;
}
.page-train .work .img-list .module img{
	display:block;
	width:100%;
}
.page-train .work .img-list .module .text{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:80;
	background:rgba(122,174,145,0.8);
	background-color:#6CA685;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-ms-transition:all 0.6s;
}
.page-train .work .img-list .module:hover .text{
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.page-train .work .img-list .module .text .table{
	display:table;
	width:100%;
	height:100%;
}
.page-train .work .img-list .module .text .table .cell{
	display:table-cell;
	vertical-align:middle;
}
.page-train .work .img-list .module .text .table .cell .title{
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:10px;
}
.page-train .work .img-list .module .text .table .cell .sub{
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
}
.page-train .work .img-list .module .text .table .cell .btn-see-more{
	width:160px;
	height:48px;
	line-height:48px;
	text-align:center;
	display:block;
	color:#FFFFFF;
	border:1px solid #A2E6BD;
	border-radius:30px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-ms-transition:all 0.6s;
}
.page-train .work .img-list .module .text .table .cell .btn-see-more:hover{
	color:#6CA685;
	background:#FFFFFF;
	border:1px solid #FFFFFF;
}
/* contact us */
.page-train .contact{
	padding-top:120px;
	background:url(../images/bg_contact.jpg) left top no-repeat;
	background-size:100% 100%;
}
.page-train .contact .title{
	font-size:44px;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	font-family:arial;
	color:#FFFFFF;
}
.page-train .contact .sub-title{
	font-size:14px;
	color:#999999;
	text-align:center;
	font-weight:normal;
	color:#FFFFFF;
}
.page-train .contact .process{
	color:#A2E6BD;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:12px;
}
.page-train .contact .content-wrap{
	max-width:80%;
	margin-bottom:80px;
	margin-top:50px;
}
.page-train .contact .left{
	width:60%;
	float:left;
	color:#8C8C8C;
}
.page-train .contact .left .row{
	line-height:70px;
	margin-top:20px;
	color:#8C8C8C;
}
.page-train .contact .left .iconfont{
	width:70px;
	height:70px;
	line-height:60px;
	font-size:40px;
	border-radius:50%;
	border:1px solid #8C8C8C;
	display:block;
	float:left;
	text-align:center;
	margin-right:15px;
	color:#8C8C8C;
}
.page-train .contact .right{
	width:40%;
	float:right;
}
.page-train .contact .right form{
	width:100%;
}
.page-train .contact .right form input{
	width:100%;
	height:60px;
	line-height:60px;
	padding:20px;
	background:none;
	border:1px solid #4D4D4D;
	margin-bottom:20px;
	outline:none;
	color:#fff;
}
.page-train .contact .right form textarea{
	width:100%;
	height:168px;
	border:1px solid #4D4D4D;
	background:none;
	outline:none;
	color:#fff;
	padding:20px;
}
.page-train .contact .btn-sub-online{
	width:160px !important;
	height:50px !important;
	line-height:50px !important;
	font-size:14px;
	text-align:center;
	color:#FFFFFF;
	border:1px solid #A3E6BD !important;
	margin-top:40px;
	padding:0px !important;
	border-radius:25px;
	transition:all .8s;
	-webkit-transition:all .8s;
	-moz-transition:all .8s;
	-ms-transition:all .8s;
	cursor:pointer;
}
.page-train .contact .btn-sub-online:hover{
	background:#A3E6BD;
}
textarea:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #A9A9A9;
	font-size: 13px;
	font-family: "微软雅黑";
}

textarea::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #A9A9A9;
	font-size: 13px;
	font-family: "微软雅黑";
}

textarea::-moz-placeholder,
textarea::-moz-placeholder {
	color: #A9A9A9;
	font-size: 13px;
	font-family: "微软雅黑";
}

textarea:-moz-placeholder,
textarea:-moz-placeholder {
	color: #A9A9A9;
	font-size: 13px;
	font-family: "微软雅黑";
}


/* ================================================== */
/* ========== 培训 - 报名流程
/* ================================================== */
/*--- 学员服务流程 ---*/
.page-registration-process .service-progress{
	max-width:1200px;
	margin-top:100px;
}
.page-registration-process .service-progress .title{
	text-align:left;
	font-size:30px;
	color:#6ca685;
	font-weight:bold;
}
.page-registration-process .service-progress .image-bmlc{
	display:block;
	width:100%;
}
/*--- 具体安排 ---*/
.page-registration-process .arrange{
	max-width:1200px;
	margin-top:100px;
}
.page-registration-process .arrange .title{
	text-align:left;
	font-size:30px;
	color:#6ca685;
	font-weight:bold;
}
.page-registration-process .arrange .sub-title{
	font-size:14px;
	color:#333333;
	position:relative;
	font-weight:bold;
	padding-left:30px;
	margin-bottom:20px;
	margin-top:60px;
}
.page-registration-process .arrange .sub-title:before{
	content:"";
	width:5px;
	height:13px;
	background:#CFCFCF;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-6px;
}
.page-registration-process .arrange p{
	font-size:12px;
	color:#999999;
	line-height:1.8;
	text-indent:0px;
	padding:0px 20px;
}
.page-registration-process .arrange p .color{
	color:#ff8b02;
}
.page-registration-process .arrange p .red{
	color:#E40000;
}
.page-registration-process .arrange table{
	border-collapse:0;
	border-spacing: 0;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	margin-top:15px;
	margin-bottom:15px;
}
.page-registration-process .arrange table th{
	background:#F2F2F2;
	padding:0.25rem 0.9rem;
	padding:25px 9px\9;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
.page-registration-process .arrange table td{
	padding:0.25rem 0.9rem;
	padding:25px 9px\9;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	vertical-align:middle;
	text-align:left;
	line-height:1.8;
	color:#999999;
}
@media only screen and (max-width:1366px) {
.case-product-list{max-width: 1200px;}
.second-nav{max-width: 1200px;}
.product-details-content{max-width: 1200px;}
.dynamic-list{max-width: 1200px;}
.dynamic-details{max-width: 1200px;}
.btn-more-list{max-width: 1200px;}
.related-case{max-width: 1200px;}
}


/* ============================================================ */
/* ======== 响应式 - 屏幕小于 992
/* ============================================================ */

@media only screen and (max-width:992px) {
	/*==================== 案例列表 ====================*/
	.case-product-list .product{
		width:33.33333333%;
	}
	.btn-more-list{
		height:74px;
		line-height:74px;
		font-size:38px;
	}
	
	/*==================== 动态列表 ====================*/
	.dynamic-list .news .right .text{
		margin-top:.1rem;
	}
	.dynamic-list .news .right .more{
		margin-top:.1rem;
	}

	/*==================== 动态详情 ====================*/
	.dynamic-details .left-content{
		float:none;
		width:100%;
	}
	.dynamic-details .right-list{
		margin-top:100px;
		float:none;
		width:100%;
		padding:0px;
	}
}




/* ============================================================ */
/* ======== 响应式 - 屏幕小于 768
/* ============================================================ */
@media only screen and (max-width:768px) {
	/*==================== 案例列表 ====================*/
	/* 案例二级导航 */
	.second-nav-case li{
		width:33.33333333%;
	}
	.case-product-list .product{
		width:50%;
	}
	.btn-more-list{
		height:64px;
		line-height:64px;
		font-size:34px;
	}
	
	/*==================== 动态列表 ====================*/
	.dynamic-list .news .news-image{
		width:100%;
		height:auto;
		float:none;
	}
	.dynamic-list .news .right{
		margin-left:0px;
	}
	.dynamic-list .news .right .title{
		font-size:15px;
		margin-top:10px;
		margin-bottom:8px;
	}
	.dynamic-list .news .right .text{
		margin-top:14px;
	}
	.dynamic-list .news .right .more{
		display:none;
	}
	
	.page-train .team .list-wrap .module{
		width:100%;
		margin-right:0px !important;
	}
	
	.page-train .class .class-list-wrap .module{
		float:none;
		margin-bottom:40px;
		width:100%;
	
	}
	
	.page-train .work .img-list .module{
		float:none;
		width:100%;
		margin:0px;
	}
	
	.page-train .contact .left{
		float:none;
		width:100%;
		padding:30px;
	}
	
	.page-train .contact .right{
		float:none;
		width:100%;
		padding:30px;
		margin-top:50px;
	}
	.second-banner{ margin-top:-8px;}
}




/* ============================================================ */
/* ======== 响应式 - 屏幕小于 500
/* ============================================================ */
@media only screen and (max-width:500px) {
	/*==================== 案例列表 ====================*/
	.case-product-list .product{
		width:100%;
	}
	.btn-more-list{
		height:50px;
		line-height:50px;
		font-size:30px;
	}
	
	/*==================== 案例详情 ====================*/
	.related-case .case{
		width:48%;
		margin-right:4%;
		overflow:hidden;
	}
	.related-case .list .case:nth-child(2n){
		margin-right:0px;
	}
}



/* ============================================================ */
/* ======== 响应式 - 屏幕小于 320
/* ============================================================ */
@media only screen and (max-width:320px) {
	/*==================== 案例列表 ====================*/
	/* 案例二级导航 */
	.second-nav-case li{
		width:33.33333333%;
	}
}





.iui-slide-one img{
	display: block;
	width: 100%;
}



.modal-student-work{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1860;
	background:rgba(0,0,0,0.6);
	display:none;
}
.modal-student-work .content{
	position:absolute;
	left:50%;
	top:50%;
	z-index:800;
}
.modal-student-work .content .closed{
	color:#535354;
	position:absolute;
	width:20px;
	height:20px;
	right:-20px;
	top:0px;
	z-index:800;
	border-radius:50%;
	background:#FFFFFF;
	font-size:12px;
	text-align:center;
	line-height:20px;
	cursor:pointer;
	transition:all .6s;
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
}
.modal-student-work .content .closed:hover{
	background:#6CA685;
	color:#FFFFFF;
}
.modal-student-work .content .btn-wrap{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:20px;
}
.modal-student-work .content .btn-wrap .iconfont{
	coloe:#818181;
	font-size:22px;
	margin-right:40px;
	margin-left:40px;
	cursor:pointer;
}
.modal-student-work .content .btn-wrap .iconfont:hover{
	color:#6CA685;
}




.iconfont{
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}


.forms{
	background-color: #f5f5f5;
	padding: 170px 0;
}



.forms .contanri{
	background-color: #fff;
	padding: 46px 46px 24px 30px;
}
.forms h3{
	color: #333333;
	font-weight: bold;
	font-size: 20px;
	
}
.forms p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	padding-top: 16px;
	padding-bottom: 30px;
}

.forms .inputs{
	padding-bottom: 20px;
}
.inputs input,.terea textarea{
	border: none;
	outline: none;
	resize: none;
}
.inputs span{
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #333333;
}
.inputs input{
	width: 200px;
	height: 30px;
	border: 1px solid #d2d2d2;
	text-indent: 2em;
	border-radius: 4px;
}
.terea span{
	display: block;
	color: #333;
	font-size: 18px;
	padding-bottom: 16px;
}

.terea textarea{
	width: 100%;
	height: 240px;
	padding: 10px ;
	box-sizing: border-box;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
}


.forms button{
	width: 200px;
	height: 60px;
	border-radius: 4px;
	background-color: #d2d2d2;
	border: none;
	outline: none;
	margin: 20px auto 0 auto;
	display: block;
	color: #fff;
	font-size: 20px;
	transition: all .6s;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
}

.forms .btns{
	background-color: #61ccb1;
	transition: all .6s;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
}
.icons{
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	position: relative;
}
.icons img{
	position: absolute;
	left: 10px;
	top: 0;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	opacity: 0;
	transition: all .6s;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
}
