/* CSS Document */
body {
    width: 100%;
    margin: 0 auto;
    max-width: 640px;
    font-family: "Microsoft YaHei",Arial!important;
	font: normal 100% Helvetica, Arial, sans-serif;
}
li,a,a:hover{ list-style:none; text-decoration:none;}
* {
	 margin: 0;
     padding: 0;
}
.clear{
    clear:both;
}
a {
	color: #fff;
    display: block;
}
img {
    
    display: block;
}

h1{ color:#FF0; font-size:30px; text-align:left;}
.white{ color:#FFF; padding-top:25px;}
.black{ color:#FFF; padding-bottom:15px;}
.tel{ font-size:20px; margin-top:100px;}
header{ float:left; width:100%; text-align:center; height:50px; line-height:50px; background:#000; font-size:24px; }
header a{ float:left;}
.box{ width:100%; margin:0 auto;}
.banner{width:100%; height:277px; background:url(../images/bg_banner.jpg) no-repeat; }
.banner_right{ width:100%; height:auto; padding-bottom:20px;}
.banner_right p{ text-align:center; font-size:32px; padding-top:5%}
.banner_right span{ margin:0 auto; margin-top:60%; background:#FF0; padding:8px; color:#000; text-align:center; }
.banner_right dl{padding:10px; color:#FFF; text-align:center; }

.icon_zy{ width:100%; padding-top:10px;}
.icon_zy ul{ padding:0 5%; width:15%; float:left;}
.icon_zy ul li{ line-height:30px;}
.icon_zy ul li a{ color:#000;}
.icon_zy li li a:hover{ color:#000;}
.icon_zy img{ width:63px; height:63px;}

.school{width:100%; height:auto;  display:block; }
.school01{width:100%; height:auto; padding:10px 0px; background:#036; display:block; }
.school img,.school01 img{ width:100%;}
.school01_dec{ text-align:center;}
.school01_dec p{ margin:0 auto; font-size:14px; line-height:27px; color:#FFF;}



.yellow{ margin:0 auto; margin-top:20px; width:20%; text-align:center; line-height:35px; background:#FF0; border-radius:5px; color:#000; text-align:center; font-size:18px;  }
.yellow a{ color:#000;}
.yellow a:hover{ color:#000;}

.xue_name{ margin:0 auto; width:98%; margin-top:10px; margin-bottom:10px; border-radius:5px; border:1px solid #C30; height:auto; overflow:hidden; font-size:14px; }
.xue_name span{ float:left; padding:2%; text-align:center;}
.xue_name div{ float:left;line-height:30px; text-align:center;}
.xue_name dt{ font-size:18px;  padding-top:10px;}
.xue_name p{ line-height:30px;}

.xue_blue{ color:#36C; font-weight:bold;}
.xue_blue a{ color:#36C;}
.xue_blue a:hover{ color:#36C;}
.xue_FF0{ color:#C30; font-weight:bold;}
.xue_FF0 a{  color:#C30;}
.xue_FF0 a:hover{  color:#C30;}
.edu_box{ padding:20px 0px; background:#fe9566;}
.edu_box2{ padding:20px 0px; background:#ae8fe9; height:auto; overflow:hidden;}
.edu_box span{ padding:0 5%; float:left;  }
.edu_box p{ padding-top:1%; text-align:center; line-height:27px; font-size:12px; padding-left:2%; padding-right:2%;}



.sec1-title{
    padding:10px 0px;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
	color:#F60;
}
.sec1-items li{
    float: left;
    width: 25%;
    margin-left: 6.16%;
    text-align: center;
    margin-bottom: 10%;
}
.sec1-items li img{
    width: 75%;
    display: inline-block;
}
.sec1-items li span{
    display: block;
    margin-top: .3rem;
    font-size: 12px;
}



.edu_box2 span{ padding:0 5%;float:right;  }
.edu_box2 p{ float:left; line-height:27px; font-size:12px; padding-left:2%; padding-right:2%;}


.edu_box img,.edu_box2 img{ width:243px;}
.ad_one{ margin:0 auto; width:100%; padding:15px 0px; margin-top:10px; line-height:35px; color:#FFF; font-size:30px; background:#ffcc33; }
.ad_two{ margin:0 auto; width:100%; padding:15px 0px; margin-top:10px; line-height:35px; background:#ee592f; }
.ad_three{ margin:0 auto; width:100%; padding:15px 0px; margin-top:10px; line-height:35px; background:#2d465e; }
.ad_four{ margin:0 auto; width:100%; padding:15px 0px; margin-top:10px; line-height:35px; background:#79cb5a; }

.ad_one img,.ad_two img,.ad_three img,.ad_four img{ width:23px;}
.ad_one span,.ad_two span,.ad_three span,.ad_four span{ float:left; width:23px; margin-left:10%;}
.ad_one p,.ad_two p,.ad_three p,.ad_four p{ text-align:center;padding-left:3%; font-size:30px;color:#FFF;  }




.tongdao{ width:100%;}
.tongdao ul{ padding:5%; text-align:center;}
.tongdao ul li{ float:left; text-align:center; color:#FFF; margin:0px 10px 10px 10px; width:40%; background:#990000; line-height:32px;}


.tongdao01{ width:100%;}
.tongdao01 ul{ padding:10px 5% 5% 0%; text-align:center;}
.tongdao01 ul li{ float:left; text-align:center; color:#000; border-radius:5px; margin:0px 10px 10px 10px; width:100%; background:#FF0; line-height:32px;}
.tongdao01 ul li a{ color:#000; font-size:12px;}
.tongdao01 ul li a:hover{ color:#000;}


.X_baoming{ margin:0 auto; width:90%; margin-bottom:10px;}
.baoming_mes{ border:1px solid #CCC; border-radius:5px; margin:5px; line-height:45px; height:45px;}
.baoming_mes input,.baoming_mes select{ border:none; outline:none;}

.sr-only01 img{ width:50; height:20px; margin-top:15px;}
.form-control{ margin:0 auto;display:block;width:90%;height:45px;padding:6px 12px;font-size:14px;line-height:45px;color:#555;}
.form-control01{ float:left; padding-left:20px; width:30%; margin-top:15px; line-height:30px; height:45px;}



.baoming_btn{ margin:0 auto; background:#C00; width:100px; border-radius:5px; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#FFF; margin-bottom:10px;}
.baoming_btn input{ border:none;}

footer{ font-size:12px; margin:0 auto; text-align:center; line-height:27px; background:#666; color:#FFF; }

.link-btns {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
	background:#FF0;
	font-size:12px;
}
.link-btns .l-btn {
	position: relative;
	display: inline-block;
	float: left;
	width: 50%;
	min-height: 40px;
	height: 40px;
	line-height:30px;
	padding: .4em 0 .2em;
	color: #000;
	text-decoration: none;
	box-sizing: border-box;
}
.link-btns .l-btn.hover {
	background:#900;
	color:#000;
}
.link-btns .l-btn span {
	position: relative;
	display: block;
	width: 6.5em;
	margin: 0 auto;
}
.link-btns .l-btn.ltal span {
	text-align: center;
}
.link-btns .l-btn.ltel span {
	text-align: center;
}
.link-btns .l-btn.ltal span:after {
	left: 0;
	background-position: 0 0;
}
.link-btns .l-btn.ltel span:after {
	right: 0;
	background-position: -45px 0;
}
.link-btns .l-btn:first-child {
	border-right: 1px solid #000;
}
@media screen and (max-width: 320px) {
    .icon_zy ul{ padding:0 7%; width:35%; float:left;}
	.tel{ font-size:12px;}
    h1{ font-size:0.8em;}
	.yellow{ width:80%;}
    .ad_one p,.ad_two p,.ad_three p,.ad_four p{ font-size:18px;}
	.banner_right p{ font-size:20px;}
	.xue_name span img{ margin:0 auto; width:100px;}
	.xue_name span{ width:100%; text-align:center;}
	.xue_name div{ float:left; width:100%; text-align:center;}
	.xue_name span,.xue_blue,.xue_FF0{ font-size:12px;}


	.white{ margin-top:20px;}
	.{
        width: 50%;
    }
}
@media screen and (min-width:320px) and (max-width:480px){
    .icon_zy ul{ padding:0 4%; width:17%; float:left; font-size:12px;}
	.tel{ font-size:16px;}
     h1{ font-size:16e;}
	.xue_name span,.xue_blue,.xue_FF0{ width:100%; font-size:12px;}
	.xue_name span img{ margin:0 auto; width:100px;}
	.xue_name span{ width:100%; text-align:center;}
	.xue_name div{ float:left; width:100%; text-align:center;}
    .ad_one p,.ad_two p,.ad_three p,.ad_four p{ font-size:22px;}
	.yellow{ margin:0 auto; margin-top:20px; width:80%; text-align:center; line-height:35px; background:#FF0; border-radius:5px; color:#000; text-align:center; font-size:18px;  }
	.banner_right p{ font-size:20px;}
	.{
        width: 50%;
     }
}
@media screen and (min-width:480px) and (max-width:640px){
    .icon_zy ul{ padding:0 4%; width:17%; float:left; font-size:12px;}
	.yellow{ width:50%;  }
	.xue_name span img{ float:left; width:150px; text-align:center;}
	.xue_name span,.xue_blue,.xue_FF0{ font-size:12px;}
    .ad_one,.ad_two,.ad_three,.ad_four{ font-size:16px;}
	.tel{ font-size:16px;}
    h1{ font-size:16e;}
	.banner_right p{ font-size:20px;}
	.{
        width: 50%;
    }
}