@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,form,input,select,ul,li,ol,dl,dt,dd{margin:0px;padding:0px;list-style:none; border-radius:0px;font-family:"microsoft yahei";}
body{ font-family:"microsoft yahei";font-size:12px;color:#333;max-width:640px;min-width:320px; overflow:hidden;margin:0 auto;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}
a{text-decoration:none;outline:none;color:#333;cursor:pointer;}
a img{border:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input{ outline: none;}
button{ outline: none;}

html{ overflow-y: scroll;}
.textl{ text-align: left;}
.textr{ text-align: right;}
.textc{ text-align: center;}
.fl{ float: left;}
.fr{ float: right;}
.weaper{ margin: 0 auto; width: 6.4rem;}
.oh{ height: auto; overflow: hidden;}
.fl{ float:left;}
.top,.banner,.menu-nav{float:left;width:100%;}


/*头部*/
.viewport{ position:relative; min-width:320px; max-width:740px; width:100%; margin:0px auto; clear:both;}
.top{ width:100%; height:35px; top:0; left:0; z-index:100; text-align:center; background:#e5e5e5;}
.top .topleft{ position:absolute; left:30px; top:7px; font-size:16px; font-weight:bold; color:#0a3770;}
.top .topright{ position:absolute; right:30px; top:7px; font-size:16px;}
.top .topright a{ color:#0a3770; font-weight:bold;}
.top .topright a img{ padding-right:5px; vertical-align: middle;}

/*logo*/
.logo{ margin-top:35px; width:6.4rem; height:0.99rem;}
.logo img{ width:100%; display:inline-block;}
.logo h2{ text-indent:-9999px;}

/*banner*/
.banner{ width:6.4rem; height:3.46rem; overflow: hidden; background: url(../images/banner.jpg) no-repeat; background-size:100% 100%;}
.banner .join{ width:6.4rem; height:3.46rem; display: block; text-indent:-9999px;}

.main{ width:100%; height: auto; font-family:"microsoft yahei";}

/*part01*/
.part01{ width:100%; height: auto; overflow: hidden; padding-bottom: 0.4rem;}
.part01-title{ height: 0.91rem; overflow: hidden; font-size:0.32rem; font-weight:bold; color:#212121; line-height:0.89rem; letter-spacing:0.01rem; background:url(../images/part01-title.png) no-repeat; background-size:100% 100%; margin-top: 0.28rem;}
.part01-title span{ color: #1b4ad8;}
.part01-all{ width: 6rem; height: 2.3rem; overflow: hidden; background: url(../images/part01.jpg) no-repeat; background-size:100% 100%;}
.part01-all form{ width: 4rem; height: 1.9rem; overflow: hidden; margin: 0.3rem auto 0;}
.part01-all form input{ width: 4rem; height: 0.5rem; font-size: 0.18rem; color: #333; line-height: 0.5rem; border: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none; margin-bottom: 0.1rem;}
.part01-all form .name{ text-indent: 0.5rem; background:url(../images/input01.png) no-repeat; background-size:100% 100%;}
.part01-all form .phone{ text-indent: 0.5rem; background:url(../images/input02.png) no-repeat; background-size:100% 100%;}
.part01-all form input::-webkit-input-placeholder { color:#333;}
.part01-all form input:-moz-placeholder { color:#333;}
.part01-all form input::-moz-placeholder { color:#333;}
.part01-all form input:-ms-input-placeholder { color:#333;}
.part01-all form button{ width: 4rem; height: 0.5rem; font-size: 0.2rem; color: #fff; line-height: 0.45rem; letter-spacing: 0.03rem; background:url(../images/p01form-but.png) no-repeat; background-size:100% 100%; border: none; text-align: left; text-indent: 1.27rem;}


/*part02*/
.part02{ width: 100%; height:auto; overflow:hidden; padding-bottom: 0.4rem;}
.part02-title{ height: 0.65rem; overflow: hidden; font-size:0.32rem; font-weight:bold; color:#212121; line-height:0.63rem; letter-spacing:0.01rem; background:url(../images/part02-title.png) no-repeat; background-size:100% 100%;}
.part02-title span{ color: #1b4ad8;}
.part02-cloum{ width:6.4rem; height:3.54rem; background:url(../images/part02-cloum.png) no-repeat; background-size:100% 100%;}
.part02-cloum ul li{ padding-left:0.75rem; height:0.49rem; font-size:0.24rem; color:#333; line-height:0.47rem; padding-bottom:0.09rem;}
.part02-link a{ display: block; width: 3.4rem; height: 0.46rem; font-size: 0.2rem; color: #fff; letter-spacing: 0.03rem; text-align: center; line-height: 0.46rem; background:url(../images/part03-link.png) no-repeat; background-size:100% 100%; margin: 0 auto;}
.part02-link a:hover{animation: zixun 1s cubic-bezier(.36, .07, .19, .97) both;}
@keyframes zixun { 10%, 90% {transform: translate3d(0px, 0, 0);} 20%, 80% {transform: translate3d(2px, 0, 0);} 30%, 50%, 70% {transform: translate3d(-6px, 0, 0);} 40%, 60% {transform: translate3d(6px, 0, 0);}}


/*part03*/
.part03{ width: 100%; height: auto; overflow:hidden; background:#f0f1ff;}
.part03-title{ height: 0.91rem; overflow: hidden; overflow: hidden; font-size:0.32rem; font-weight:bold; color:#212121; line-height:0.88rem; letter-spacing:0.01rem; background:url(../images/part03-title.png) no-repeat; background-size:100% 100%; margin-top: 0.27rem;}
.part03-title span{ color: #f77823;}

.part03-cloum{ width: 5.9rem; height: auto; overflow: hidden; background:url(../images/part03-cloum.jpg) no-repeat; background-size:100% 100%; padding: 0.1rem 0.05rem 0; margin: 0 auto;}
.p03clo{ width: 2.85rem; height: 2.27rem; overflow: hidden; margin: 0 0.05rem 0.1rem;}
.p03clo-title{ height: 0.53rem; font-size: 0.22rem; font-weight: bold; color: #1b4ad8; line-height: 0.51rem; text-indent: 0.75rem; padding-top: 0.18rem;}
.p03clo p{ font-size: 0.18rem; color: #333; line-height: 0.26rem; letter-spacing: 0.01rem; padding: 0 0.2rem 0 0.28rem;}
.p03clo01{ background:url(../images/p03clo01.jpg) no-repeat; background-size:100% 100%;}
.p03clo02{ background:url(../images/p03clo02.jpg) no-repeat; background-size:100% 100%;}
.p03clo03{ background:url(../images/p03clo03.jpg) no-repeat; background-size:100% 100%;}
.part03-link{ margin: 0.3rem auto 0.4rem;}


/*part04*/
.part04{ width: 100%; height: auto; overflow:hidden;}
.part04-title{ height: 0.91rem; overflow: hidden; overflow: hidden; font-size:0.32rem; font-weight:bold; color:#212121; line-height:0.88rem; letter-spacing:0.01rem; background:url(../images/part04-title.png) no-repeat; background-size:100% 100%; margin-top: 0.27rem;}
.part04-title span{ color: #1b4ad8;}
.part04 table{ width: 6rem; height: auto; border-left: #626262 solid 1px; border-right: #626262 solid 1px; border-top: #626262 solid 1px; box-shadow: 0 0 0.1rem #c4c8d0; margin: 0 auto 0.3rem;}
.part04 table .coutr{ height: 0.5rem; color: #fbfbfb; font-size: 0.18rem; background:#3d40ef;}
.part04 table .coutr th{ border-right: #fff solid 0.01rem; font-size: 0.2rem;}
.part04 table tr td{ border-left: #626262 solid 1px; border-bottom: #626262 solid 1px; height: 0.55rem; font-size: 0.18rem; text-align: center; vertical-align:middle;}
.part04 table tr .nb{ border-left: none;}
.part04 table tr .wid02{ letter-spacing: 0.01rem; padding: 0 0.1rem;}
.part04 table tr .wid03{ letter-spacing: 0.01rem;}
.part04 table tr td a{ display: block; height: 0.3rem; line-height: 0.3rem; border-radius: 0.2rem; color: #fff; background: -moz-linear-gradient(top, #ee863b, #ed4a31); background: -webkit-linear-gradient(top, #ee863b, #ed4a31); background: -o-linear-gradient(top, #ee863b, #ed4a31); padding: 0 0.025rem; margin: 0 0.05rem;}


/*part05*/
.part05{ width: 100%; height: auto; overflow:hidden; background:#f0f1ff;}
.part05-title{ height: 0.91rem; overflow: hidden; overflow: hidden; font-size:0.32rem; font-weight:bold; color:#212121; line-height:0.89rem; letter-spacing:0.01rem; background:url(../images/part05-title.png) no-repeat; background-size:100% 100%; margin-top: 0.27rem;}
.part05-title span{ color: #f77823;}

.teacher01{ width: 6.4rem; height: 2.18rem; background:url(../images/teacher01.jpg) no-repeat; background-size:100% 100%; margin-bottom: 0.26rem;}
.teacher02{ width: 6.4rem; height: 2.18rem; background:url(../images/teacher02.jpg) no-repeat; background-size:100% 100%; margin-bottom: 0.26rem;}
.part05-link{ margin: 0.04rem auto 0.4rem;}


/*part06*/
.part06{ width:100%; height: auto; overflow: hidden;}
.part06-all{ height: auto; overflow: hidden;}
.part06-title{ width: 6.4rem; height: 0.81rem; font-size: 0.28rem; font-weight: bold; color: #212121; line-height: 0.79rem; background: url(../images/part06-title.png) no-repeat; background-size:100% 100%; margin-top: 0.32rem;}
.part06-title span{ color: #1b4ad8;}
.part06-cloum{ width: 6.4rem; height: 4.37rem; background: url(../images/part06-cloum.jpg) no-repeat; background-size:100% 100%;}



/*底部*/
#foot { width:100%; float:left; background:#e5e5e5; padding-bottom:0.35rem; padding-top:0.2rem;}
#foot li { width:100%; text-align:center; color:#0a3770; line-height:0.25rem; font-size:0.14rem;}
.footer{ width: 100%; height: 0.5rem; position: fixed; left: 0; bottom: 0; background: #e5e5e5; text-align: center; }
.footer a{ display: block; padding: 0 0.1rem; border-radius: 0.04rem; height: 0.4rem; line-height: 0.4rem; text-align: center; color: #fff; font-size: 0.18rem; font-weight: bold; margin: 0.05rem; box-sizing: border-box; vertical-align: middle; }
.footer a img{ height: 0.3rem; vertical-align: middle; padding-right: 0.1rem;}
.footer a:nth-child(1){ background: #3c40ef; margin-right:0;}
.footer a:nth-child(2){ background: #3c40ef;}
.flex{ display: -webkit-box; display: -webkit-flex; display: flex;}
.flex_item{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.con_fuwu { width:100%; margin:0 auto;}
.con_fuwu img { width:100%; height:auto;}

/*5*/
@media (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio : 1){
	.p03clo p{ letter-spacing: 0; padding: 0 0.1rem 0 0.2rem;}
}

/*6*/
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
	.p03clo p{ letter-spacing: 0; padding: 0 0.1rem 0 0.2rem;}
}
/*6+*/
@media (min-device-width : 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio : 3){
	.p03clo p{ letter-spacing: 0; padding: 0 0.1rem 0 0.2rem;}
}