/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body, figure {margin: 0;padding:0;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;} 
table{border-collapse:collapse;border-spacing:0;}
fieldset,images {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
capation,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:'';}
abbr,acronym{border:0;}
ul,li,div,h1,h2,h3,span,input,select,p{margin: 0;padding: 0;box-sizing: border-box;overflow: hidden;}
html,body {width: 100%;margin:0 auto;box-sizing: border-box;font-size: 100px;}
body {color: #333;min-width: 320px;margin:0 auto; font-family:微软雅黑;}  
a{text-decoration:none;cursor: pointer;}
images{border: 0 none;display: block;max-width: 100%; margin:0; padding:0;}
#loading{background: rgba(255,255,255,1);position: fixed;top:0;left:0;z-index: 99999999;width: 100%;height: 100%;}
.spinner {margin: 100px auto;width: 50px;height: 60px;text-align: center;font-size: 10px;}
.spinner > div {background-color: #FD8616;height: 100%;width: 6px;display: inline-block;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 { -webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay {0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) }}
@keyframes stretchdelay {
	0%, 40%, 100%{transform: scaleY(0.4);-webkit-transform: scaleY(0.4);  }
	20%{transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}
}

/*头部悬浮*/
.suspension{ width: 100%; height: 0.6rem; background: #333; line-height: 0.6rem; position: fixed; top: 0;}
.suspension a{ display: block; float: left; font-size: 0.2rem; color: #fff; width: 24%; text-align: center;}
.suspension b{ float: left; width: 1%; height: 30px; border-left: solid 1px #fff; margin-top: 0.15rem;}

/*头屏*/
.Headscreen{ width: 6.4rem; overflow:hidden; background: url(../images/e_1.jpg) no-repeat; margin:0.61rem auto 0;
/*background: linear-gradient( to bottom, rgba(20, 57, 128, 1) 0%, rgba(96, 156, 229, 1) 50%, rgba(255, 255, 255, 0) 100%)
*/ }
.Headscreen .e_2{ width: 0.8rem; height: 0.94rem; display: block; margin:0.45rem auto 0; }
.Headscreen h1{ font-size: 0.36rem; font-weight: bold; color: #fff; text-align: center; margin-top: 0.1rem; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);}
.Headscreen h2{ width: 3.2rem; height: 1px; background: #3d3a3a; margin: 0.1rem auto; }
.Headscreen h3{ font-size: 0.2rem; text-align: center; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);}
.Headscreen h4{ font-size: 0.18rem; color: #fff; text-align: center; margin-top: 0.05rem;}

.Deadline{ overflow: hidden; margin: 0.3rem auto 0; width:2.05rem; }
.Deadline span{ font-weight: bold; font-size: 14px; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75); display:block; text-align: center;}
.Deadline div{ float: left; }
.Deadline .square{ width: 0.6rem; height: 0.6rem; background: #ffffff; border-radius: 0.05rem; border: solid 0.01rem #dd3030; box-sizing: border-box; margin-top: 0.1rem; margin:0.1rem 0.08rem 0; line-height: 0.6rem; text-align: center; font-size: 0.26rem; font-weight: bold; color: #dd3030;}
.Deadline .squares{ margin-left: 0.2rem; }
.Deadline .date{ font-size: 0.18rem; color: #dd3030; margin-top: 0.45rem; }

.Consultation{ width: 180px; margin: 0.4rem auto 0; overflow: hidden; }
.Consultation a{ width: 178px; height: 40px; color: #fff; text-align: center; line-height: 40px; font-size: 16px; display:block; border-radius: 0.05rem; margin-top: 0.1rem; border: 0.01rem solid #cf3622;
  background-image: -moz-linear-gradient( 90deg, rgb(207,54,34) 0%, rgb(207,87,70) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(207,54,34) 0%, rgb(207,87,70) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(207,54,34) 0%, rgb(207,87,70) 100%);
}
.Consultation .jiezhi{ color: #ff0000; font-size: 0.18rem; text-align: center; margin-top: 0.05rem; }
.Consultation img{ display: block; margin: 0.05rem auto 0; }

/*条件*/
.Width_310{ width: 310px; margin: 0 auto; }
.condition{ overflow: hidden; }
.Title{ font-size: 24px; font-weight: bold; color: #cf3622; text-align: center; margin-top: 0.45rem; }
.Title p{ font-size: 16px; color: #999999; font-weight: normal; margin-top: 3px;}

.Conditiontype{ margin-top: 0.3rem; }
.Conditiontype div{ width: 98px; height: 98px; border: solid 1px #c6cbd0; float: left; border-radius: 5px; margin: 6px 0 0 6px;}
.Conditiontype div p{ font-size: 16px; color:#cf3622; text-align: center; margin-top: 8px;}
.Conditiontype div a{ width: 88px; height: 28px; border: 1px solid #cf3622; display: block; text-align: center; line-height: 28px; font-size: 16px; color: #fff; border-radius: 3px; margin: 8px auto 0;
  background-image: -moz-linear-gradient( 90deg, rgb(207,54,34) 0%, rgb(207,87,70) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(207,54,34) 0%, rgb(207,87,70) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(207,54,34) 0%, rgb(207,87,70) 100%);
}
.Conditiontype div:nth-child(1){ margin-left: 0; }
.Conditiontype div:nth-child(4){ margin-left: 0; }
.Conditiontype div:nth-child(7){ margin-left: 0; }

/*需要*/
.Need1{ width: 268px; margin: 0.2rem auto 0;}
.Need1 h3{ color: #cf3622; font-size: 20px; }
.Need1 img{ display: block; margin: 10px auto; cursor: pointer;  }
.Need1 p{ font-size: 16px; color:#312f2f; font-family: "宋体"; line-height: 24px; text-align: justify; }
.Need1 p a{ color:#ff0101; }

.region{ margin-top: 0.3rem; margin-bottom: 0.3rem; }
.region p{ border-bottom: 2px solid #dd3030; width: 82px; font-size: 20px; color: #dd3030; float: left; margin-left: 30px; cursor: pointer;}
.region p:nth-child(2){ margin-left: 77px; }

.Province{ margin-top: 6px; border-bottom: 1px solid #7ca7e8; padding-bottom: 6px;}
.Province p{ font-size: 16px; color: #cf3622; float: left; margin-left: 55px; cursor:pointer; }
.Province p:nth-child(2){ margin-left: 105px; }
.Provinces { border-bottom: 0; }
.Provinces p{ margin-left: 60px; }
.Provinces p:nth-child(2){ margin-left: 130px; }

/*适合人群*/
.Crowd{ width: 100%; background:#f6f6f6; margin-top: 40px; padding-bottom: 40px;}
.Suitabletype{ overflow: hidden; margin-top: 20px;}
.Suitabletype div{ width: 148px; float: left;}
.Suitabletype div p{ color: #cf3622; font-size: 16px; cursor: pointer;}
.Suitabletype div span{ color: #848484; font-size: 14px; display:block; }
.Suitabletype .r{ width: 113px; float: right; }
.Suitableforcrowd{ width: 250px; margin: 20px auto 0; }
.Suitableforcrowd div{ float: left; width: 110px; height: 110px; background: #cf3622; border-radius: 50%; text-align: center; font-size: 20px; color: #fff; padding-top: 28px; box-sizing: border-box; margin: 0 10px; cursor: pointer;}
.Suitableforcrowd img{ display: block; float:left; margin-top: 23px; }

/*班型*/
.Classtype{ width: 280px; height: 175px; background: url(../images/e_8.jpg) no-repeat; margin:20px auto 0; }
.Classtype p{ height: 40px; line-height: 40px; margin-bottom: 5px; text-align: center; color: #fff; font-size: 16px; cursor: pointer; }

/*教师团队*/
.Teacher{ width: 300px; padding-bottom: 20px; border: 1px solid #d5d4d4; box-sizing: border-box; margin: 40px auto 0;  border-radius: 5px;}
.Teacherdescription{ font-size: 16px;  width: 280px; margin: 10px auto 0; line-height: 24px; text-align: justify; }
.Teacherdescription a{ color: #f00; }
.benefit{ overflow: hidden; margin-top: 20px;}
.benefit p{ width: 76px; float: left; margin-left: 25px; cursor: pointer;}
.benefit p img{ display: block; }
.benefit p a{ font-size: 16px; color: #cf3622; display: block; text-align: center; margin-top: 5px;}
.benefit p:nth-child(1){ margin-left: 10px; }

/*常见问题*/
.prospect{ margin-bottom: 10px; position: relative; width: 310px;}
.prospect .xian{ width: 310px; height: 1px; background: #898989; position: absolute; top: 20px; z-index:-1;}
.prospect div{ width: 142px; margin: 10px auto 0; text-align: center; background: #fff; }
.prospect div p{ font-size: 22px; color: #212223; }
.prospect div b{ font-size: 14px; color: #ccc; display: block;}

.problem{ margin-top: 10px; }
.problem p{ font-size: 16px; color:#cf3622; width: 180px; float: left; cursor: pointer;}
.problem a{ display: block; width: 100px; height: 30px; border-radius: 3px; border: 1px solid #cf3622; font-size: 16px; text-align: center; line-height: 30px; color: #fff; float: right;
  background-image: -moz-linear-gradient( 90deg, rgb(207,54,34) 0%, rgb(207,87,70) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(207,54,34) 0%, rgb(207,87,70) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(207,54,34) 0%, rgb(207,87,70) 100%);
}

.footer{ width: 100%; background: #dd3030; text-align: center; color: #fff; font-size: 0.22rem; margin-top: 0.6rem; padding: 0.2rem 0; margin-bottom: 0.61rem;}

/*底部悬浮*/
.b_suspension{ width: 100%; height: 0.6rem; background: #333; line-height: 0.6rem; position: fixed; bottom: 0;}
.b_suspension a{ display: block; float: left; font-size: 0.2rem; color: #fff; width: 24%; text-align: center;}
.b_suspension b{ float: left; width: 1%; height: 30px; border-left: solid 1px #fff; margin-top: 0.15rem;}


.TC{width: 100%; height: 100%; background: url(../images/Tcbg.png); position: fixed; top: 0; z-index: 99999; left: 0; display: none;}
.mail_wrap{ width: 320px; height: 400px; position: fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -160px;}
.mail_wrap em{ width: 20px; height: 20px; background: #4284d6; border-radius: 50%; text-align: center; line-height: 20px; color: #fff; cursor: pointer; display: block; font-size: 14px; position: absolute; top: 20px; right: 5px;}
.accordwith{ width: 300px; height: 370px; background: #fff; border-radius: 5px; margin: 25px auto 0;}

.bg{ width: 270px; height: 340px; background: url(../images/e_14.jpg) no-repeat 0 -20px; margin: 15px auto 0; border-radius: 5px; }
.bg h3{ color: #fff; font-size: 24px; font-weight: bold; text-align: center; margin-top: 35px; }

.Education{}
.Education p{ font-size: 18px; color: #fff; margin:20px 0 0 10px; }
.Education div{ overflow: hidden; margin:10px 0 0 10px; float: left;}
.Education div input{ width: 16px; height: 16px; background: #fff; border-radius: 50%; border: 0px; display: block;  float: left; margin-top: 3px; margin-left: 3px;}
.Education div span{ font-size: 14px; display: block; float: left; color: #fff; font-size: 16px; margin-left: 2px;}