/* CSS Document */

body {background-color: #fffae2;}



@media (min-width: 800px){
.tj_banner{ display:block;}
.tj_banner img{ width:100%; height:auto;}
.m-tj_banner{ display:none;}

.tj-box{ width:1200px; margin:20px auto; overflow:hidden; margin-top: 30px;}
.tj-info{ display:block; margin-right:-30px; margin-right: 0;}
.tj-info ul li{ float:left; width:31%; margin-right:2%; min-height:200px; background:#fff; border-radius: 8px; overflow: hidden;width: 100%;margin-bottom: 20px;}
.tj-info ul li:nth-child(3){margin-right: 0;}
.bj15{ padding:0;}
.info-top,.info-bot{ display:block; padding:40px;}
.info-top{ display:block; min-height:30px; background:#ebebec; font-size:16px; font-weight:bold; text-align:left; line-height:30px; color:#fff;}
.info-top span{ font-size:40px; margin-right:15px; font-family:Century Gothic; font-weight:normal;}
.info-bot{ min-height:600px;min-height: auto; overflow: hidden;}
select{ width:100%; height:44px; padding:10px 20px; font-size:16px; border:1px solid #ccc; color:#333;border-radius: 5px;}
.sm{ min-height:150px;}
.bgcolor01{ background:#ddbc75;}
.bgcolor02{ background:#5a679e;}
.bgcolor03{ background:#e8934e;}
.div_drag{box-shadow: none;}


/*分校名片*/
.area-info{ margin:15px 0; background:#fff; overflow:hidden;}
.area-info-left{ float:left; box-shadow: 10px 0px 5px rgba(0,0,0,.3); width:30%; position:relative;}
.area-info-left-head{ padding:50px;}
.area-info-name{ display:block; text-align:center; font-size:24px; font-weight:bold; color:#333; padding:10px 0}
.area-info-url{ display:block; text-align:center; font-size:16px; color:#666; padding:10px 0}
.area-info-ewm{ display:block; text-align:center; padding:10px 0; max-width: 150px; margin:0 auto;}
.area-info-txt{ display:block; text-align:center; font-size:14px; color:#666; padding:10px 0}
.area-info-foot{ display:block; text-align:center; padding:20px; color:#fff; font-size:18px; background:#ff780c;}

.area-info-right{ float:left; width:70%;}
.area-info-title{ display:block; padding:15px 50px; margin-top:20px; color:#fff; font-size:24px; font-weight:bold; background:#ff780c}
.area-info-title span{ font-size:14px; font-weight:normal;}
.area-info-con{ padding:20px 50px;}
.area-info-con ul li{ float:left; width:50%;}
.area-info-con h5{ font-size:16px; color:#333; margin:10px 0; border-bottom:1px solid #f0f0f0; line-height:30px;}
.area-info-con h5 a{ margin-left:10px; color:#666; font-size:14px; font-style:normal;}
.area-info-con h5 a:hover{ color:#ff6600;}
.area-info-con p{ line-height:25px; font-size:14px; color:#666; padding-right:20px;}
}
@media (min-width: 750px) and (max-width:1440px){
.m-tj_banner{ display:none;}
}

@media (max-width: 750px){
.tqedu-head,#footer,#wrap-nav{ display:none;}

.tj_banner{ display:none;}
.tj_banner img{ width:100%; height:auto;}
.m-tj_banner{ display:block;}
.m-tj_banner img{ width:100%; height:auto;}

.tj-box{  display:block; margin:0 auto; overflow:hidden;}
.tj-info{ display:block; }
.tj-info ul li{  display:block; min-height:200px; background:#fff;}
.bj15{ margin:20px;}
.info-top,.info-bot{ display:block; padding:40px;}
.info-top{ display:block; min-height:30px; background:#ebebec; font-size:16px; font-weight:bold; text-align:center; line-height:30px; color:#fff;}
.info-top span{ font-size:40px; margin-right:15px; font-family:Century Gothic; font-weight:normal;}
.info-bot{ min-height:500px;}
select{ width:100%; height:44px; padding:10px 20px; font-size:16px; border:1px solid #ccc; color:#333;border-radius: 5px;}
.sm{ min-height:150px;}
.bgcolor01{ background:#ddbc75;}
.bgcolor02{ background:#5a679e;}
.bgcolor03{ background:#e8934e;}
.m-20{ margin:20px;}

/*分校名片*/
.area-info{ margin:20px; background:#fff; overflow:hidden;}
.area-info-left{ display:none; box-shadow: 10px 0px 5px rgba(0,0,0,.3); width:100%; position:relative;}
.area-info-left-head{ padding:50px;}
.area-info-name{ display:block; text-align:center; font-size:24px; font-weight:bold; color:#333; padding:10px 0}
.area-info-url{ display:block; text-align:center; font-size:16px; color:#666; padding:10px 0}
.area-info-ewm{ display:block; text-align:center; padding:10px 0}
.area-info-txt{ display:block; text-align:center; font-size:14px; color:#666; padding:10px 0}
.area-info-foot{ display:block; text-align:center; padding:20px; color:#fff; font-size:18px; background:#ff780c;}

.area-info-right{ display:block;  width:100%;}
.area-info-title{ display:block; padding:15px 50px; color:#fff; font-size:24px; font-weight:bold; background:#ff780c}
.area-info-title span{ font-size:14px; font-weight:normal;}
.area-info-con{ padding:30px 50px; overflow:hidden;}
.area-info-con ul li{ float:left; width:100%;}
.area-info-con h5{ font-size:16px; color:#333; margin:10px 0; border-bottom:1px solid #f0f0f0; line-height:30px;}
.area-info-con h5 a{ margin-left:10px; color:#666; font-size:14px; font-style:normal;}
.area-info-con h5 a:hover{ color:#ff6600;}
.area-info-con p{ line-height:25px; font-size:14px; color:#666; padding-right:20px;}
}

.area-info-ewm img {
    width: 100%;
    height: auto;
}



lable {
    display: block;
    padding: 10px;
    font-size: 16px;
}
.form-input{text-indent:20px;}
.form-control {
    display: block;
    width: 100%;
    padding: 6px 0;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-horizontal{
		border-radius: 15px;
		text-align: center;
	}
.form-horizontal .heading{
	display: block;
	font-size: 35px;
	font-weight: 700;
	padding: 35px 0;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 30px;
}
.form-horizontal .form-group{
	margin: 0 0 15px 0;
	position: relative;
	text-align:left;
	width: 31%;
    float: left;
    margin-right: 3%;
}
.form-horizontal .m-20 .form-group{width: 100%;}
.form-horizontal .info-bot .form-group:nth-child(3n){margin-right: 0;}
.form-horizontal .notice{
	margin: 0 0 15px 0;
	position: relative;
	text-align:left;
	color:#CC0000;
	text-indent:20px;
	font-size:14px
}

.form-horizontal .form-control{
	background: #fff;
	border: none;
	border-radius: 5px;
	box-shadow: none;
	height: 30px;
	transition: all 0.3s ease 0s;
	border: 1px solid #ccc;
}
.form-horizontal .form-control:focus{
	background: #f6f6f6;
	box-shadow: none;
	outline: 0 none;
}
.form-horizontal .form-group i{
	position: absolute;
	top: 17px;
	left: 30px;
	font-size: 17px;
	color: #c8c8c8;
	transition : all 0.5s ease 0s;
}
.form-horizontal .form-control:focus + i{
	color: #00b4ef;
}
.form-horizontal .fa-question-circle{
	display: inline-block;
	position: absolute;
	top: 12px;
	right: 60px;
	font-size: 20px;
	color: #808080;
	transition: all 0.5s ease 0s;
}
.form-horizontal .fa-question-circle:hover{
	color: #000;
}
.form-horizontal .main-checkbox{
	float: left;
	width: 20px;
	height: 20px;
	background: #11a3fc;
	border-radius: 50%;
	position: relative;
	margin: 5px 0 0 5px;
	border: 1px solid #11a3fc;
}
.form-horizontal .main-checkbox label{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.form-horizontal .main-checkbox label:after{
	content: "";
	width: 10px;
	height: 5px;
	position: absolute;
	top: 5px;
	left: 4px;
	border: 3px solid #fff;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.form-horizontal .main-checkbox input[type=checkbox]{
	visibility: hidden;
}
.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{
	opacity: 1;
}
.form-horizontal .text{
	float: left;
	margin-left: 7px;
	line-height: 20px;
	padding-top: 5px;
	text-transform: capitalize;
}
.form-horizontal .btn{
	display:block;
	font-size: 16px;
	color: #fff;
	background: #ff780c;
	border-radius: 5px;
	padding: 10px 25px;
	border: none;
	text-transform: capitalize;
	transition: all 0.5s ease 0s;
	cursor:pointer;
	height:60px;
}
.form-horizontal .btn:hover{ background:#e24b00;}


.tj-news{ display:block; background:#fff; overflow:hidden; padding:20px;}
.tj-news h3{ display:block; padding:20px; font-size:16px; font-weight:bold; border-bottom:1px solid #f2f2f2;}
.tj-news-con{ padding:20px; overflow:hidden;}
.tj-news-con ul li{ float:left; width:50%; line-height:30px;border-bottom: 1px solid #f2f2f2; font-size:16px; color:#666;
    margin-bottom: 10px;}
.tj-news-con ul li a{ font-size:16px; color:#666;}
.tj-news-con ul li a:hover{ color:#ff6600;}

.form-horizontal .form-group .tj_city{overflow: hidden;}
.form-horizontal .form-group .tj_city .tj_city_l{width: 50%; float:left;}
.form-horizontal .form-group .tj_city .tj_city_r{width: 50%; float:left;}
.form-horizontal .form-group .tj_city .form-input{text-indent: 0;}

@media (max-width: 750px){
.tj-news{ margin:20px;}
.tj-news-con ul li{ float:left; width:100%; line-height:30px;border-bottom: 1px solid #f2f2f2; font-size:16px; color:#666;
    margin-bottom: 10px;}

.tj-info ul li{overflow: hidden;}
.info-bot{min-height: auto;}
.info-top, .info-bot{padding:20px;}
.form-horizontal .form-group{width: 100%;margin-right: 0;}




}