@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1920px) and (min-width:540px){
html{font-size:54px;}
.box{ width:540px; margin:0 auto;}
	}
@media screen and (width:1920px){
html{ font-size:192px;}
.box{ width:100%;}
	}
	@media screen and (width:1600px){
html{ font-size:160px;}
.box{ width:100%;}
	}
@media screen and (width:1360px){
html{ font-size:136px;}
.box{ width:100%;}
	}
@media screen and (width:1280px){
html{ font-size:128px;}
.box{ width:100%;}
	}
@media screen and (width:1024px){
html{ font-size:102.4px;}
.box{ width:100%;}
	}
@media screen and (width:800px){
html{ font-size:80px;}
.box{ width:100%;}
	}
@media screen and (width:768px){
html{ font-size:76.8px;}
.box{ width:100%;}
	}
@media screen and (width:600px){
html{ font-size:60px;}
.box{ width:100%;}
	}

@media screen and (max-width:540px){
html{ font-size:54px;}
	}
@media screen and (max-width:539px){
html{ font-size:53.9px;}
	}
@media screen and (max-width:538px){
html{ font-size:53.8px;}
	}
@media screen and (max-width:537px){
html{ font-size:53.7px;}
	}
@media screen and (max-width:536px){
html{ font-size:53.6px;}
	}
@media screen and (max-width:535px){
html{ font-size:53.5px;}
	}
@media screen and (max-width:534px){
html{ font-size:53.4px;}
	}
@media screen and (max-width:533px){
html{ font-size:53.3px;}
	}
@media screen and (max-width:532px){
html{ font-size:53.2px;}
	}
@media screen and (max-width:531px){
html{ font-size:53.1px;}
	}
@media screen and (max-width:530px){
html{ font-size:53px;}
	}
@media screen and (max-width:529px){
html{ font-size:52.9px;}
	}
@media screen and (max-width:528px){
html{ font-size:52.8px;}
	}
@media screen and (max-width:527px){
html{ font-size:52.7px;}
	}
@media screen and (max-width:526px){
html{ font-size:52.6px;}
	}
@media screen and (max-width:525px){
html{ font-size:52.5px;}
	}
@media screen and (max-width:524px){
html{ font-size:52.4px;}
	}
@media screen and (max-width:523px){
html{ font-size:52.3px;}
	}
@media screen and (max-width:522px){
html{ font-size:52.2px;}
	}
@media screen and (max-width:521px){
html{ font-size:52.1px;}
	}
@media screen and (max-width:520px){
html{ font-size:52px;}
	}
@media screen and (max-width:519px){
html{ font-size:51.9px;}
	}
@media screen and (max-width:518px){
html{ font-size:51.8px;}
	}
@media screen and (max-width:517px){
html{ font-size:51.7px;}
	}
@media screen and (max-width:516px){
html{ font-size:51.6px;}
	}
@media screen and (max-width:515px){
html{ font-size:51.5px;}
	}
@media screen and (max-width:514px){
html{ font-size:51.4px;}
	}
@media screen and (max-width:513px){
html{ font-size:51.3px;}
	}
@media screen and (max-width:512px){
html{ font-size:51.2px;}
	}
@media screen and (max-width:511px){
html{ font-size:51.1px;}
	}
@media screen and (max-width:510px){
html{ font-size:51px;}
	}
@media screen and (max-width:509px){
html{ font-size:50.9px;}
	}
@media screen and (max-width:508px){
html{ font-size:50.8px;}
	}
@media screen and (max-width:507px){
html{ font-size:50.7px;}
	}
@media screen and (max-width:506px){
html{ font-size:50.6px;}
	}
@media screen and (max-width:505px){
html{ font-size:50.5px;}
	}
@media screen and (max-width:504px){
html{ font-size:50.4px;}
	}
@media screen and (max-width:503px){
html{ font-size:50.3px;}
	}
@media screen and (max-width:502px){
html{ font-size:50.2px;}
	}
@media screen and (max-width:501px){
html{ font-size:50.1px;}
	}
@media screen and (max-width:500px){
html{ font-size:50px;}
	}
@media screen and (max-width:499px){
html{ font-size:49.9px;}
	}
@media screen and (max-width:498px){
html{ font-size:49.8px;}
	}
@media screen and (max-width:497px){
html{ font-size:49.7px;}
	}
@media screen and (max-width:496px){
html{ font-size:49.6px;}
	}
@media screen and (max-width:495px){
html{ font-size:49.5px;}
	}
@media screen and (max-width:494px){
html{ font-size:49.4px;}
	}
@media screen and (max-width:493px){
html{ font-size:49.3px;}
	}
@media screen and (max-width:492px){
html{ font-size:49.2px;}
	}
@media screen and (max-width:491px){
html{ font-size:49.1px;}
	}
@media screen and (max-width:490px){
html{ font-size:49px;}
	}
@media screen and (max-width:489px){
html{ font-size:48.9px;}
	}
@media screen and (max-width:488px){
html{ font-size:48.8px;}
	}
@media screen and (max-width:487px){
html{ font-size:48.7px;}
	}
@media screen and (max-width:486px){
html{ font-size:48.6px;}
	}
@media screen and (max-width:485px){
html{ font-size:48.5px;}
	}
@media screen and (max-width:484px){
html{ font-size:48.4px;}
	}
@media screen and (max-width:483px){
html{ font-size:48.3px;}
	}
@media screen and (max-width:482px){
html{ font-size:48.2px;}
	}
@media screen and (max-width:481px){
html{ font-size:48.1px;}
	}
@media screen and (max-width:480px){
html{ font-size:48px;}
	}
@media screen and (max-width:479px){
html{ font-size:47.9px;}
	}
@media screen and (max-width:478px){
html{ font-size:47.8px;}
	}
@media screen and (max-width:477px){
html{ font-size:47.7px;}
	}
@media screen and (max-width:476px){
html{ font-size:47.6px;}
	}
@media screen and (max-width:475px){
html{ font-size:47.5px;}
	}
@media screen and (max-width:474px){
html{ font-size:47.4px;}
	}
@media screen and (max-width:473px){
html{ font-size:47.3px;}
	}
@media screen and (max-width:472px){
html{ font-size:47.2px;}
	}
@media screen and (max-width:471px){
html{ font-size:47.1px;}
	}
@media screen and (max-width:470px){
html{ font-size:47px;}
	}
@media screen and (max-width:469px){
html{ font-size:46.9px;}
	}
@media screen and (max-width:468px){
html{ font-size:46.8px;}
	}
@media screen and (max-width:467px){
html{ font-size:46.7px;}
	}
@media screen and (max-width:466px){
html{ font-size:46.6px;}
	}
@media screen and (max-width:465px){
html{ font-size:46.5px;}
	}
@media screen and (max-width:464px){
html{ font-size:46.4px;}
	}
@media screen and (max-width:463px){
html{ font-size:46.3px;}
	}
@media screen and (max-width:462px){
html{ font-size:46.2px;}
	}
@media screen and (max-width:461px){
html{ font-size:46.1px;}
	}
@media screen and (max-width:460px){
html{ font-size:46px;}
	}
@media screen and (max-width:459px){
html{ font-size:45.9px;}
	}
@media screen and (max-width:458px){
html{ font-size:45.8px;}
	}
@media screen and (max-width:457px){
html{ font-size:45.7px;}
	}
@media screen and (max-width:456px){
html{ font-size:45.6px;}
	}
@media screen and (max-width:455px){
html{ font-size:45.5px;}
	}
@media screen and (max-width:454px){
html{ font-size:45.4px;}
	}
@media screen and (max-width:453px){
html{ font-size:45.3px;}
	}
@media screen and (max-width:452px){
html{ font-size:45.2px;}
	}
@media screen and (max-width:451px){
html{ font-size:45.1px;}
	}
@media screen and (max-width:450px){
html{ font-size:45px;}
	}
@media screen and (max-width:449px){
html{ font-size:44.9px;}
	}
@media screen and (max-width:448px){
html{ font-size:44.8px;}
	}
@media screen and (max-width:447px){
html{ font-size:44.7px;}
	}
@media screen and (max-width:446px){
html{ font-size:44.6px;}
	}
@media screen and (max-width:445px){
html{ font-size:44.5px;}
	}
@media screen and (max-width:444px){
html{ font-size:44.4px;}
	}
@media screen and (max-width:443px){
html{ font-size:44.3px;}
	}
@media screen and (max-width:442px){
html{ font-size:44.2px;}
	}
@media screen and (max-width:441px){
html{ font-size:44.1px;}
	}
@media screen and (max-width:440px){
html{ font-size:44px;}
	}
@media screen and (max-width:439px){
html{ font-size:43.9px;}
	}
@media screen and (max-width:438px){
html{ font-size:43.8px;}
	}
@media screen and (max-width:437px){
html{ font-size:43.7px;}
	}
@media screen and (max-width:436px){
html{ font-size:43.6px;}
	}
@media screen and (max-width:435px){
html{ font-size:43.5px;}
	}
@media screen and (max-width:434px){
html{ font-size:43.4px;}
	}
@media screen and (max-width:433px){
html{ font-size:43.3px;}
	}
@media screen and (max-width:432px){
html{ font-size:43.2px;}

	}
@media screen and (max-width:431px){
html{ font-size:43.1px;}
	}
@media screen and (max-width:430px){
html{ font-size:43px;}
	}
@media screen and (max-width:429px){
html{ font-size:42.9px;}
	}
@media screen and (max-width:428px){
html{ font-size:42.8px;}
	}
@media screen and (max-width:427px){
html{ font-size:42.7px;}
	}
@media screen and (max-width:426px){
html{ font-size:42.6px;}
	}
@media screen and (max-width:425px){
html{ font-size:42.5px;}
	}
@media screen and (max-width:424px){
html{ font-size:42.4px;}
	}
@media screen and (max-width:423px){
html{ font-size:42.3px;}
	}
@media screen and (max-width:422px){
html{ font-size:42.2px;}
	}
@media screen and (max-width:421px){
html{ font-size:42.1px;}
	}
@media screen and (max-width:420px){
html{ font-size:42px;}
	}
@media screen and (max-width:419px){
html{ font-size:41.9px;}
	}
@media screen and (max-width:418px){
html{ font-size:41.8px;}
	}
@media screen and (max-width:417px){
html{ font-size:41.7px;}
	}
@media screen and (max-width:416px){
html{ font-size:41.6px;}
	}
@media screen and (max-width:415px){
html{ font-size:41.5px;}
	}
@media screen and (max-width:414px){
html{ font-size:41.4px;}
	}
@media screen and (max-width:413px){
html{ font-size:41.3px;}
	}
@media screen and (max-width:412px){
html{ font-size:41.2px;}
	}
@media screen and (max-width:411px){
html{ font-size:41.1px;}
	}
@media screen and (max-width:410px){
html{ font-size:41.px;}
	}
@media screen and (max-width:409px){
html{ font-size:40.9px;}
	}
@media screen and (max-width:408px){
html{ font-size:40.8px;}
	}
@media screen and (max-width:407px){
html{ font-size:40.7px;}
	}
@media screen and (max-width:406px){
html{ font-size:40.6px;}
	}
@media screen and (max-width:405px){
html{ font-size:40.5px;}
	}
@media screen and (max-width:404px){
html{ font-size:40.4px;}
	}
@media screen and (max-width:403px){
html{ font-size:40.3px;}
	}
@media screen and (max-width:402px){
html{ font-size:40.2px;}
	}
@media screen and (max-width:401px){
html{ font-size:40.1px;}
	}
@media screen and (max-width:400px){
html{ font-size:40px;}
	}
@media screen and (max-width:399px){
html{ font-size:39.9px;}
	}
@media screen and (max-width:398px){
html{ font-size:39.8px;}
	}
@media screen and (max-width:397px){
html{ font-size:39.7px;}
	}
@media screen and (max-width:396px){
html{ font-size:39.6px;}
	}
@media screen and (max-width:395px){
html{ font-size:39.5px;}
	}
@media screen and (max-width:394px){
html{ font-size:39.4px;}
	}
@media screen and (max-width:393px){
html{ font-size:39.3px;}
	}
@media screen and (max-width:392px){
html{ font-size:39.2px;}
	}
@media screen and (max-width:391px){
html{ font-size:39.1px;}
	}
@media screen and (max-width:390px){
html{ font-size:39px;}
	}
@media screen and (max-width:389px){
html{ font-size:38.9px;}
	}
@media screen and (max-width:388px){
html{ font-size:38.8px;}
	}
@media screen and (max-width:387px){
html{ font-size:38.7px;}
	}
@media screen and (max-width:386px){
html{ font-size:38.6px;}
	}
@media screen and (max-width:385px){
html{ font-size:38.5px;}
	}
@media screen and (max-width:384px){
html{ font-size:38.4px;}
	}
@media screen and (max-width:383px){
html{ font-size:38.3px;}
	}
@media screen and (max-width:382px){
html{ font-size:38.2px;}
	}
@media screen and (max-width:381px){
html{ font-size:38.1px;}
	}
@media screen and (max-width:380px){
html{ font-size:38px;}
	}
@media screen and (max-width:379px){
html{ font-size:37.9px;}
	}
@media screen and (max-width:378px){
html{ font-size:37.8px;}
	}
@media screen and (max-width:377px){
html{ font-size:37.7px;}
	}
@media screen and (max-width:376px){
html{ font-size:37.6px;}
	}
@media screen and (max-width:375px){
html{ font-size:37.5px;}
	}
@media screen and (max-width:374px){
html{ font-size:37.4px;}
	}
@media screen and (max-width:373px){
html{ font-size:37.3px;}
	}
@media screen and (max-width:372px){
html{ font-size:37.2px;}
	}
@media screen and (max-width:371px){
html{ font-size:37.1px;}
	}
@media screen and (max-width:370px){
html{ font-size:37.px;}
	}
@media screen and (max-width:369px){
html{ font-size:36.9px;}
	}
@media screen and (max-width:368px){
html{ font-size:36.8px;}
	}
@media screen and (max-width:367px){
html{ font-size:36.7px;}
	}
@media screen and (max-width:366px){
html{ font-size:36.6px;}
	}
@media screen and (max-width:365px){
html{ font-size:36.5px;}
	}
@media screen and (max-width:364px){
html{ font-size:36.4px;}
	}
@media screen and (max-width:363px){
html{ font-size:36.3px;}
	}
@media screen and (max-width:362px){
html{ font-size:36.2px;}
	}
@media screen and (max-width:361px){
html{ font-size:36.1px;}
	}
@media screen and (max-width:360px){
html{ font-size:36px;}
	}
@media screen and (max-width:359px){
html{ font-size:35.9px;}
	}
@media screen and (max-width:358px){
html{ font-size:35.8px;}
	}
@media screen and (max-width:357px){
html{ font-size:35.7px;}
	}
@media screen and (max-width:356px){
html{ font-size:35.6px;}
	}
@media screen and (max-width:355px){
html{ font-size:35.5px;}
	}
@media screen and (max-width:354px){
html{ font-size:35.4px;}
	}
@media screen and (max-width:353px){
html{ font-size:35.3px;}
	}
@media screen and (max-width:352px){
html{ font-size:35.2px;}
	}
@media screen and (max-width:351px){
html{ font-size:35.1px;}
	}
@media screen and (max-width:350px){
html{ font-size:35px;}
	}
@media screen and (max-width:349px){
html{ font-size:34.9px;}
	}
@media screen and (max-width:348px){
html{ font-size:34.8px;}
	}
@media screen and (max-width:347px){
html{ font-size:34.7px;}
	}
@media screen and (max-width:346px){
html{ font-size:34.6px;}
	}
@media screen and (max-width:345px){
html{ font-size:34.5px;}
	}
@media screen and (max-width:344px){
html{ font-size:34.4px;}
	}
@media screen and (max-width:343px){
html{ font-size:34.3px;}
	}
@media screen and (max-width:342px){
html{ font-size:34.2px;}
	}
@media screen and (max-width:341px){
html{ font-size:34.1px;}
	}
@media screen and (max-width:340px){
html{ font-size:34.px;}
	}
@media screen and (max-width:339px){
html{ font-size:33.9px;}
	}
@media screen and (max-width:338px){
html{ font-size:33.8px;}
	}
@media screen and (max-width:337px){
html{ font-size:33.7px;}
	}
@media screen and (max-width:336px){
html{ font-size:33.6px;}
	}
@media screen and (max-width:335px){
html{ font-size:33.5px;}
	}
@media screen and (max-width:334px){
html{ font-size:33.4px;}
	}
@media screen and (max-width:333px){
html{ font-size:33.3px;}
	}
@media screen and (max-width:332px){
html{ font-size:33.2px;}
	}
@media screen and (max-width:331px){
html{ font-size:33.1px;}
	}
@media screen and (max-width:330px){
html{ font-size:33.px;}
	}
@media screen and (max-width:329px){
html{ font-size:32.9px;}
	}
@media screen and (max-width:328px){
html{ font-size:32.8px;}
	}
@media screen and (max-width:327px){
html{ font-size:32.7px;}
	}
@media screen and (max-width:326px){
html{ font-size:32.6px;}
	}
@media screen and (max-width:325px){
html{ font-size:32.5px;}
	}
@media screen and (max-width:324px){
html{ font-size:32.4px;}
	}
@media screen and (max-width:323px){
html{ font-size:32.3px;}
	}
@media screen and (max-width:322px){
html{ font-size:32.2px;}
	}
@media screen and (max-width:321px){
html{ font-size:32.1px;}
	}
@media screen and (max-width:320px){
html{ font-size:32px;}
.box{ width:320px;}
	}

*{padding:0; margin:0;}
body{font-family:"宋体" ,Arial, Helvetica, sans-serif;margin:0 auto;padding:0;font-size:12px;color:#313;}
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
dl,dt,dd,img,a img{border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none}
table,td,input{font-size:12px;padding:0}
a,input,label{outline: none;}
table{border-collapse: collapse;border-spacing: 0;border:none;table-layout:fixed;}
table td{word-break: break-all; word-wrap:break-word;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}（苹果浏览器样式重置）

/* 默认链接颜色 */
a{outline-style:none;color:#313;text-decoration:none}

/* 下划线 */
.unline,.unline a{text-decoration:underline}
.nounline,.nounline a,.list12 .nounline{text-decoration:none}

/* 通用属性 */
.left{float:left;}
.right{float:right;}

/*文字对齐方式*/
.txtLeft{text-align:left}
.txtRight{text-align:right}
.txtCenter{text-align:center}

/*常用方法*/
.show{display:block}
.hidden{display:none}
.hand{cursor:pointer;}
.fontArial{font-family:'Arial';}
.b{font-weight:bold;}
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}/*ie and firefox1.5 updata */

/*top*/
.box{ height:736px}
.topbox{ width:100%; background-color:#1277af; height:8%; position: fixed; top:0;}
.opacity{opacity:0.3}
.topbox1{ height:8%}
.logo{ background:url(../images/logo.png) no-repeat; height:60%; width:8%; top:22%; left:4%; position:absolute; background-size:100% auto}
.searchbox{ position: absolute; height:55%; width:70%; background-color:white; top:13%; left:15%; border-radius:6px; font-size:20px;font-family:"黑体";padding-left:2%;}
.search{width:15%; height:100%; background:url(../images/search.png) no-repeat; background-size:100% auto;width:5.5%; height:60%;background-size:100% auto; top:26%; position:absolute; left:80%}

/*bottom*/
.bottombox{ height:10%; width:100%; position: fixed; bottom:0; background-color:#ffffff; border-top: solid 1px #e0e0e0; opacity:0.3;}
.bottomimg1{ background:url(../images/index.png) no-repeat;left:15%}
.bottomimg2{ background:url(../images/class.png) no-repeat;left:47%}
.bottomimg3{ background:url(../images/me.png) no-repeat;left:80%}
.bottomimg1,.bottomimg2,.bottomimg3{background-size:100% auto; width:9%; height:60%; position:absolute;top:8%}
.bottomtext1{ margin-left:15.8%;}
.bottomtext2{ margin-left:47.8%;}
.bottomtext3{ margin-left:82.5%;}
.bottomtext1,.bottomtext2,.bottomtext3{font-family:"微软雅黑"; font-size:14px; position:absolute; top:60%;}
.yellow{ color:#ff9110}

.emptybox{width:100%; height:70%; margin-top:40%}
.empty1{background:url(../images/empty.png) no-repeat; background-size:100% auto; width:30%; height:28%; display:block; margin-left:auto; margin-right:auto;}
.empty2{color:#c1c1c1; font-size:24px; margin-left:auto; margin-right:auto; width:50%; text-align:center}

@media screen and (max-width:1024px) and (min-width:1024px){
.box{ height:768px; border: sold ren 1px}
.topbox{ height:10%;}
.topbox1{ height:10%}
.logo{width:4%;}
.searchbox{ font-size:24px; left:10%; padding-left:1%}
.search{ width:3%; height:100%; left:77%; top:25%}
.bottombox{ height:13%}
.bottomimg1,.bottomimg2,.bottomimg3{ width:5%; top:12%}
.bottomtext1{ margin-left:15.7%; color:#ff9110}
.bottomtext2{ margin-left:47.6%;}
.bottomtext3{ margin-left:81.6%;}
.bottomtext1,.bottomtext2,.bottomtext3{ font-size:18px; top:65%}
.emptybox{ height:50%; margin-top:25%}
.empty1{ width:15%; height:45%}
.empty2{ font-size:32px}
}

@media screen and (max-width:768px) and (min-width:768px){
.box{ height:1024px}
.topbox{ height:8%;}
.logo{width:5%; left:3%}
.searchbox{ font-size:26px; left:10%; padding-left:1%}
.search{ width:4%; height:100%; left:76%; top:25%;}
.bottombox{ height:8%}
.bottomimg1,.bottomimg2,.bottomimg3{ width:5%; top:12%}
.bottomtext1{ margin-left:15%; color:#ff9110}
.bottomtext2{ margin-left:47%;}
.bottomtext3{ margin-left:81.3%;}
.bottomtext1,.bottomtext2,.bottomtext3{ font-size:18px; top:60%}
.emptybox{ height:50%; margin-top:30%}
.empty1{ width:25%; height:42%}
.empty2{ font-size:34px}
}
@media screen and (max-width:414px){
.box{ height:736px}
}
@media screen and (max-width:375px){
.box{ height:667px}
.searchbox{ font-size:16px;}
.search{ top:24%}
.empty2{ font-size:22px}
}
@media screen and (max-width:360px){
.box{ height:640px}
.empty2{ font-size:21px}
}
@media screen and (max-width:320px){
.box{ height:568px; border: sole red 1px}
.search{ top:27%}
.searchbox{ font-size:15px;}
.bottomimg1,.bottomimg2,.bottomimg3{ width:8%}
.bottomtext1,.bottomtext2,.bottomtext3{font-size:10px; position:absolute; top:63%;}
.bottomtext2{ margin-left:47%;}
.empty2{ font-size:20px}
}
@media screen and (max-width:320px)and (max-height:480px){
.box{ height:480px}
.empty1{ height:32%}
}