﻿.article img{ width:100%;}
.features article .list_title ul li>p{
	height:10px;
}
.lotca img{
	width: 291px!important;
    height: 306px!important;
}
.lothot img{
	width: 390px!important;
    height: 227px!important;
}
.lothot .ourse_list_box{
	margin-bottom: 0px;
}
.lothot a>span{
	color:black;
}
.teachersi{
	height:457px!important;
}
.teachersi img{
	width: 326px!important;
    height: 456px!important;
}
.teachersi li{
	height: 456px!important;
}
.ourse_list_box p{
	font-size:18px;
	font-weight: bold;
}

.button1{
	margin-top: 10px;
    margin-left: 277px;
	background-color: #186332;
    color: #FFFFFF;
}
.textar{
	height: 171px!important;
    width: 320px!important;
    margin: 0px 0 0 109px!important;
}
.customization_popup_con p{
	font-weight:bold;
}
.xzke:visited {color: #186332;}	
.xzke:hover {color: #FFCE42;}
.xzke:active {color: #186332}	
/* 当前位置 */
.position_current{
	height: 30px;
	border-bottom: 2px solid #d7d9d6;
	margin-top: 40px
}
.position_current p{
	height: 30px;
	
	font-size: 12px;
	line-height: 30px;
	background: url('../images/pos_icon.jpg') no-repeat left center;
	text-indent: 1.5em;
	border-bottom: 2px solid #186332
}
.position_current a{
	color: #5d5d5d;
}

/* 图片列表 */
.case_list {}
.pic_grids .right .case_list  li p{height:250px;background:rgba(0,0,0,0.5)!important;color:#fff!important;padding:15px 10px;opacity: 0;transition:all 500ms;text-align:left!important;}
.pic_grids .right .case_list  li:hover p{opacity:1}

/* 视频列表 */
.pic_grids .right .pic_list li .play{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	transition: all .8s ease-in-out;  
	width:70px;
	height:70px
}
.pic_grids .right .pic_list li a:hover .play{
	opacity: 1;
	transform: rotate(360deg)
}


.pic_grids{overflow: hidden;margin-top: 15px;margin-bottom: 12px}
.pic_grids .left{
	width: 310px;
	overflow: hidden
}
.pic_grids .left .menu ul li{
	width: 280px;
	height: 62px;
	margin-bottom: 10px;
	height: 62px;
	background: #f7f7f7;
	line-height: 62px;
	position: relative;
	font-size: 18px;
}
.pic_grids .left .menu ul li a{
	display: block;
	width: 280px;
	color: #666666;
	padding-left: 15px;
}
.pic_grids .left .menu ul .on{background:#186332;color:#fff}
.pic_grids .left .menu ul .on::after,.pic_grids .left .menu ul li a:hover::after{
	content: "";
	width: 0;
	height: 0;
	border-left: 31px solid #186332;
	border-top: 31px solid transparent;
	border-bottom: 31px solid transparent;
	display: block;
	position: absolute;
	top: 0;
	right: -31px;
}
.pic_grids .left .menu ul .on a,.pic_grids .left .menu ul li a:hover{
	background: #186332;
	font-size: 25px;
	color: #fff;
	width: 280px;
}

/* 最新资讯 */
.pic_grids .left .message{
	overflow: hidden;
	margin-top: 18px;
	width: 280px;
}
.pic_grids .left .message .title {
	text-align: center
}
.pic_grids .left .message .title h4{
	font-size: 18px;
	color: #666666;
	font-weight: normal
}
.pic_grids .left .message ul li{
	width: 250px;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px dashed #b6b6b6;
	font-size: 14px;
	margin-bottom: 5px;
	margin-left: 20px
}
.pic_grids .left .message ul li a{
	color: #666666;
}
.pic_grids .left .message ul li a:hover{
	color:#186332
}
.pic_grids .left .message ul li::before{
	content: "";
	width: 0;
	height: 0;
	border-left: 8px solid #186332;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	display:block;
	margin: 8px 5px 0 0;
	float: left;
}
.pic_grids .left .contact{
	overflow: hidden;
	margin-top: 60px
}

.pic_grids .left .contact .title{
	width: 280px;
	height: 50px;
	color: #fff;
	background: #186332;
	padding: 0 24px;
	margin-bottom: 5px
}
.pic_grids .left .contact .title h5{
	font-size: 18px;
	line-height: 50px;
	margin: 0;
}
.pic_grids .left .contact .title span{
	line-height: 50px;
	font-size: 18px;
}
.pic_grids .left .contact p{
	font-size: 14px;
	line-height: 32px;
	color: #666666;
}
.pic_grids .left .contact p span{
	width: 88px;
	height: 118px;
	display: inline-block;
	margin-right: 40px;
	margin-top: 20px
}
.pic_grids .right .pic_list li{
	width: 362px;
	height: 228px;
	float:left;
	margin-bottom: 5px;
	position: relative;
	overflow:hidden;
}
.xzke{margin-top:20px;display:inline-block}
.pic_grids .right .pic_list li .text1{
	line-height:30px
}
.classorw{margin:0px 0 0 0;position:relative;}
.classorw span:hover{color:#f60;}
.classorw .classorw_con{z-index:999;position:absolute;top:0px;left:109px;padding: 1px 15px 2px 0;background: #fff;width: 398px;}
.pic_grids .right .pic_list li b{margin-left:5px;color:#f60}
.pic_grids .right .txt_list .pic img,.pic_grids .right .pic_list li img{
	transition: all 500ms ease-in-out;
}
.pic_grids .right .pic_list li  a> img{
	width: 362px;
    height: 228px;
}
.ourse_list_box{
	float: left;
	width: 100%;
	height: 228px;
	margin-right: 1%;
	margin-bottom: 15px;
}
.ourse_list_box li img{
	height:228px;
}

.pic_grids .right .pic_list li a:hover img,.pic_grids .right .txt_list li img:hover{
	transform: scale(1.2)
}
.pic_grids .right .pic_list li p{
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,.5);
	width: 100%;
	font-size: 14px;
	color: black;
	text-align: center;
	line-height: 30px
}
.pic_grids .right .txt_list .pic{
	width: 200px;
	height: 118px;
	float: left;
	border: 1px solid #666666;
	overflow: hidden
}
.pic_grids .right .txt_list img{
	width: 200px;
	height: 118px;
}
.pic_grids .right .txt_list .txt{
	width: 617px;
	height: 118px;
	float: left;
	margin-left: 14px
}
.pic_grids .right .txt_list .txt h5{margin-top: 0}
.pic_grids .right .txt_list .txt h5:hover{
	text-decoration: underline
}
.pic_grids .right .txt_list .txt h5 a{
	font-size: 14px;
	color: #186332;
}
.pic_grids .right .txt_list .txt p{
	font-size: 12px;
	color: #5d5d5d;
	line-height: 18px;
}
.pic_grids .right .txt_list .txt p a{
	color: #5d5d5d;
}
.pic_grids .right .txt_list .txt p a:hover{
	color: #186332;
}
.pic_grids .right .txt_list .txt .time{
	float: right;
	font-size: 14px;
	color: #186332;
}
.right .txt_list .txt .time span{
	height: 20px;
	display: inline-block;
	text-indent: 1.4em;
	margin-right: 15px;
}
.right .txt_list .time .date{
	background: url('../images/time.png') no-repeat center left;
}
.right .txt_list .time .browse{
	background: url('../images/like_icon.png') no-repeat -58px 0;
	padding-left: 10px
}
.pic_grids .right .txt_list li{
	margin-bottom: 25px;
	overflow: hidden
}

/* 分页 */
.page{text-align: center;overflow: hidden;margin-top: 20px}
.page ul li{
	display: inline-block;
	font-size: 20px;
	margin-right: 10px;
}
.page ul li a{
	color: #595959;
	font-size: 20px;
}
.page ul li a:hover{
	color: #186332;
}
.page ul .thisclass{
	color:#186332;
	font-weight:bold;
}

/* 文章 */
.article_title{
	width: 280px;
	height: 50px;
	background: #186332;
	margin-bottom: 10px
}
.article_title h4{
	font-size: 24px!important;
	color: #fff!important;
	line-height: 50px;
}
.right .article .title{
	text-align: center;
	overflow: hidden;
	border-bottom: 1px solid #d7d9d6;
	padding-bottom: 10px
}
.right .article{
	font-size: 16px;
	color: #666;
}
.title h5{
	font-size: 24px;
	color: #666;
}
.right .article .title p span{
	font-size: 12px;
	color: #666;
}
.right .article .txt{padding:30px 0;}
.piece{
	overflow: hidden;
	border-top: 1px solid #d7d9d6;
	padding-top: 20px
}
.piece p{
	font-size: 16px;
	color: #666;
	text-align: left;
    margin-left:20px;
}

.customization_list{}
.pic_grids .right .customization_list .pic{width: 518px; height: 350px;}
.pic_grids .right .customization_list .pic img{width: 100%;height:inherit }
.pic_grids .right .customization_list .txt{width: 320px;padding:15px 0;}
.pic_grids .right .customization_list .txt h5 {margin-bottom: 20px;font-size: 18px}
.pic_grids .right .customization_list .txt p{font-size: 14px;line-height: 24px;margin-bottom: 10px}
.pic_grids .right .customization_list figcaption{margin-top: 20px;height: 40px;line-height: 40px;}
.custom-made{width: 120px;height: 40px;background: #186332;color:#fff;border-radius: 5px;margin:0 auto;display: block;}
.modal-title{height: 20px;resize: none;}
/* 定制团建 */
.customization_popup_con p{width: 110px;margin-top: 20px;text-align: right;}
.customization_popup_con label{width: 300px}
.customization_popup_con p,.customization_popup_con select{
	float: left;
}
.customization_popup_con label{width: 100%;overflow: hidden}
.customization_popup_con input[type=text],.customization_popup_con select,.customization_popup_con textarea{border:1px solid #ddd;width: 390px!important;height: 30px;background: #e6e6e6;margin-top: 10px;text-indent: 0.5em;}
.customization_popup_con input[type=submit]{
	width: 102px;
    height: 40px;
    background: #d98800;
    display: block;
    border-radius: 8px;
    color: #fff;
    margin-top: 10px;
    margin: 0 auto;
}
.customization_popup_con_con{
	overflow: hidden;
	position: relative;
	padding: 30px 50px;
}
.modal{z-index: 99999999}
.customization_popup_con textarea{height:120px}

/* 课程定制 */
.course_list {}
.pic_grids .right .course_list li p{height:250px;line-height: 24px;text-align: left;padding: 30px 15px 0;background: rgba(0,0,0,0.6);color: #fff;transition: all 0.5s ease-in-out;opacity: 0; }
.pic_grids .right .course_list li p .custom-made{margin-top: 10px;}
.pic_grids .right .course_list li p span{display: block;margin:0 auto;height: 0px;text-align: center;margin:0;padding:0;}
.pic_grids .right .course_list li a:hover p{opacity: 1; }
.pic_grids .right .course_list li i{font-style: normal}




@media only screen and (min-width: 1029px){
	.pic_grids .right{
	width: 864px;
	overflow: hidden
}
	
}

@media only screen and (min-width: 321px) and (max-width: 1024px){
.header{ width: 100%;}
.container-fixed { width: 100%;}
.header .logo { width: 40%; }
.pingpai{ width: 60%; }
.tel{ display: none;}
.index2banner{ display: none;}
.position_current{ display: none;}
.left{ display: none;}
.right{ width: 100%;}
}

@media screen and (min-width: 320px) and (max-width: 480px){
.header{ width: 100%;}
.container-fixed { width: 100%;}
.header .logo { width: 40%; }
.pingpai{ width: 60%; }
.tel{ display: none;}
.index2banner{ display: none;}
.position_current{ display: none;}
.left{ display: none;}
.right{ width: 100%;}
}
