@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;}

html{ overflow-y: scroll;}
.textl{ text-align: left;}
.textr{ text-align: right;}
.textc{ text-align: center;}
.fl{ float: left;}
.fr{ float: right;}
.mauto{ margin: 0 auto;}
.mx64{ width: 6.4rem;}
.viewport{ position:relative; min-width:320px; max-width:740px; width:100%; margin:0px auto; clear:both;}
.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.02rem; position: relative;}
.banner img{ width:100%; display:inline-block;}
.banner .join{ position:absolute; width: 6.4rem; height: 3.02rem; }

.main{ width:100%; height: auto; overflow: hidden; position:relative; font-family:"microsoft yahei";}
.part01{ width:6.4rem; height:12.05rem; background: url(../images/bg01.jpg); background-size:100% 100%;}
.title01{ width:6.4rem; height:0.55rem; background: url(../images/title01.png); background-size:100% 100%; text-indent: -9999px;}
.course-tit{ height: 0.87rem; font-size: 0.26rem; font-weight: bold; letter-spacing: 0.02rem; color: #e2d279; line-height: 0.8rem;}
.course-form{ margin-bottom: 0.35rem; width: 5.84rem; height: auto; overflow: hidden;}
.course-tit02{ margin-bottom: 0.27rem; width: 3.28rem; height: 0.5rem; background: -moz-linear-gradient(top, #442b95, #120249); background: -webkit-linear-gradient(top, #442b95, #120249); background: -o-linear-gradient(top, #442b95, #120249); font-size: 0.2rem; font-weight: bold; letter-spacing: 0.02rem; color: #fff; line-height: 0.5rem; border-radius: 0.3rem;}
.courform01{ width: 5.84rem; height: 2.43rem; background: url(../images/course-form01.png); background-size:100% 100%;}
.courform01 a{ display:block; width: 5.84rem; height: 2.43rem;}
.courform02{ width: 5.84rem; height: 3.26rem; background: url(../images/course-form02.png); background-size:100% 100%;}
.courform02 a{ display:block; width: 5.84rem; height: 3.26rem;}
.courform03{ width: 5.84rem; height: 2.15rem; background: url(../images/course-form03.png); background-size:100% 100%;}
.courform03 a{ display:block; width: 5.84rem; height: 2.15rem;}

.part02{ width:6.4rem; height:3.82rem; background: url(../images/bg02.jpg); background-size:100% 100%;}
.title02{ width:6.4rem; height:0.6rem; background: url(../images/title02.png); background-size:100% 100%; text-indent: -9999px;}
.honor-img{ width: 6.4rem; height: 3.11rem; background: url(../images/honor-img.png); background-size:100% 100%;}

/*底部*/
#foot { width:100%;  background: -moz-linear-gradient(top, #3e006f, #39007f); background: -webkit-linear-gradient(top, #3e006f, #39007f); background: -o-linear-gradient(top, #3e006f, #39007f);  padding-top:0.2rem;}
#foot li { width:100%; text-align:center; color:#fff; line-height:0.25rem; font-size:0.14rem;}

.foot-nav{ margin-bottom:0.55rem; padding-bottom: 0.15rem; width:6.4rem; height: auto; background:#39007f;}
.foot-nav .lingqu a{ display: block; width:6.4rem; height: 0.91rem; background: url(../images/foot-nav.png); background-size:100% 100%;}
.foot-nav form{ margin: 0.15rem auto 0.05rem; width: 4rem; height: auto;}
.foot-nav form input{ margin-bottom: 0.15rem; width: 4rem; height: 0.5rem; border: none; border-radius: 0.1rem; font-size: 0.18rem; color: #000; text-indent: 0.15rem;}
.foot-nav form button{ width: 4rem; height: 0.5rem; border: none; border-radius: 0.1rem; background: #ee2a38; font-size: 0.22rem; color: #fff;}



.footer{ width: 100%; height: 50px; position: fixed; left: 0; bottom: 0; background: #f7f7f7; text-align: center; }
.footer a{ display: block; padding: 0 10px; border-radius: 4px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; margin: 5px 5px; box-sizing: border-box; vertical-align: middle; }
.footer a img{ height: 30px; vertical-align: middle; padding-right: 10px;}
.footer a:nth-child(1){ background: #0c398e; margin-right:0;}
.footer a:nth-child(2){ background: #0c398e;}
.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){
	.foot-nav{ margin-bottom:1.05rem;}
    
}
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
	.foot-nav{ margin-bottom:0.85rem;}
}
/*6+*/
@media (min-device-width : 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio : 3){
	.foot-nav{ margin-bottom:0.85rem;
}