html, body { -webkit-text-size-adjust: none; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

fieldset { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-weight:300; }

h1, h2, h3, h4, h5, h6, input, textarea, select, form, td, section { font-size: 100%; }

ol, ul, li, dl, dt, dd { list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display: block; }

input[type="date"]:before { content: attr(placeholder); color:#f00; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; }

input, textarea, select, form, fieldset { vertical-align: top; }

img { vertical-align: top; border: 0; max-width: 100%; }

a { color: #666; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }

a:link, a:visited { text-decoration: none; }

a:hover { text-decoration: underline; }

a, area { blr:expression(this.onFocus=this.blur());}

:focus { outline: none; }

.red, .red a { color: #F00; }

.left { float: left; }

.right { float: right; }

.autohei { overflow: hidden; zoom: 1; }

.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }

.blank { height: 1rem; font-size:0; line-height:0; clear: both; overflow: hidden;}

.fgf { height: 2.5rem; font-size:0; line-height:0; clear: both; overflow: hidden;}

.yahei, .yahei * { font-family: Microsoft YaHei; }

.songti, .songti * { font-family:SimSun; }

.img { text-align: center; overflow: hidden;}

.img img{ display:block;}

.aaaaaa{}

/*input,textarea,select{appearance: none; -webkit-appearance: none; border-radius:0;}*/

html {background: #f1f1f1 url(../images/bg.png) repeat center top/4.25rem 4.25rem; height:100%;}

body { font-size: 1rem; max-width:1600px; margin:4.75rem auto 0; font-weight:300; height:100%;}

.top{ position: absolute; z-index: 0; left: 50%; top: 0; margin: 0 0 0 -2.5em; text-align: center; padding:1rem 0; font-size: 200%; text-shadow:0 0 3px #549EAE; color: #000;}

.foot {/* position: fixed; left: 50%; bottom: 0;  width:60rem; margin:0 0 0 -30rem;*/ overflow: hidden; text-align: center; /*background: #eee;*/ color:#fff; padding:1rem 0; }

.foot a{ color:#000;}



.header { overflow: hidden; font-size:120%; background: #000; color: #fff; padding:1rem 0; position: relative; z-index: 1; }

.logo{ width:14.5rem;}

nav{ overflow:hidden; font-size:120%;}

nav a{ line-height:3.5rem; color:#fff; text-shadow: 0 1px 1px #fff; margin:0 1.5rem;}

section{ background:#fff;}

article{ background:#fff;}

/*html,body,.morearound,.morebetween,article,section,.pad01,.pad02{ height:100%;}*/

.pad01{ padding:0 3%; overflow:hidden;}

.pad02{ padding:0; overflow:hidden;}

.morearound{display: flex; display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap: wrap; -webkit-flex-wrap: wrap;justify-content: space-around; -webkit-justify-content: space-around;}

.morebetween{display: flex; display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap: wrap; -webkit-flex-wrap: wrap;justify-content: space-between; -webkit-justify-content: space-between;}

.time{ width:16rem; margin:0 auto 1rem; height:16rem; display:table;}

.time>span{ display:table-cell; vertical-align:middle; text-align:center; height:100%;}

#shizhong{ width:100%; height:16rem; overflow:hidden; background:url(../images/timebg.png) no-repeat center center/100% 100%; display:block; position:relative; z-index:0;}

#shi,#fen,#miao{ width:100%; height:100%; display:block; position:absolute; left:0; top:0;}

#shi{ background:url(../images/time_s.png) no-repeat center center/100% 100%; z-index:1;}

#fen{ background:url(../images/time_f.png) no-repeat center center/100% 100%; z-index:2;}

#miao{ background:url(../images/time_m.png) no-repeat center center/100% 100%; z-index:3;}

.text{ width:66.67%; max-width:37.5rem; overflow:hidden; margin:0 auto;}

.text h3{ font-size:150%; font-weight:300; line-height:1.8; text-align:center; overflow:hidden; margin:0 0 1rem;}

.text p{ font-size:100%; line-height:2;}

.text h4{ width:5rem; line-height:2.5; background:#f1f1f1; border:#ccc 1px solid; padding:0 1rem; margin:1rem auto 0; border-radius:0.5rem; overflow:hidden;}

.text h4 a{ display:block;}

.xuexi{ width:15rem; margin:0 auto; overflow:hidden; border:#ccc 1px solid; box-sizing:border-box; padding:0.1rem; margin:0 0 1rem; border-radius:0.1rem;}

.xuexi h3{ overflow:hidden; height:2.5rem; background:url(../images/bg3.png) no-repeat center top/100% auto;/* background:#C55BB4;*/ line-height:2.5rem; text-align:center; font-size:1.3rem; color:#fff;}

.xuexi ul{ padding:5%; overflow:hidden;}

.xuexi ul li{ font-size:100%; line-height:1.8rem;}



.pad03{ overflow:hidden; background-image: linear-gradient(#549eae, #83cede); padding:3rem 0;}

.shuju{ line-height:1.8; text-align:center; color:#fff;}

.shuju p{ overflow:hidden; font-size:180%;}

.shuju p span{ display:inline-block; border-bottom:#fff 0.15rem solid; width:2em;}

.shuju h2{ overflow:hidden; font-size:150%;}

.shuju h4{ line-height:1.2; overflow:hidden; font-size:90%;}



.pad04{ padding:0; overflow:hidden;}



.mulu{ width:46%; margin:0 auto 1rem; padding:0 0 0.2rem;}

.mulu h3{ position:relative; z-index:1; overflow:hidden; background:#ff787e; line-height:2.8rem; border-radius:0.5rem 0.5rem 0 0; text-align:center; color:#fff;}

.mulu p{ position:relative; z-index:0; overflow:hidden; box-shadow:rgba(0,0,0,0.3) 0px 0px 0.2rem; height:8rem; padding:0.3rem;}



.book{ background:url(../images/bookbg.jpg) no-repeat center bottom/auto 100vh; height: 657px; overflow:hidden; position:relative; z-index:0;}

.bookbg{ height: 100%;}

.booktext{ width: 50%; padding:0 5%; overflow:hidden; }

.bookbg h3{ font-size: 150%; padding:2rem 0; overflow:hidden;}

.bookbg p { font-size: 90%; margin: 0 0 2rem; text-align: justify; line-height: 2; overflow:hidden;}



.lianxi{ overflow: hidden; background: #3598dc; padding: 3% 0; font-size: 120%; line-height: 2;}

.lianxi>*{ width: 93.75%; margin: 0 auto 0.5rem; display: block; box-sizing: border-box; border: 0;}

.lxpic{ text-align:center;}

.lianxi h3{ text-align: center; color: #fff;}

.lianxi input[type="text"]{ background: #1e6fa6; color: #fff; font-size: 100%;line-height: 2.4; padding: 0 0.5rem;}

.lianxi textarea{ background: #1e6fa6; color: #fff; height: 10rem; font-size: 100%; line-height: 1.5; padding: 0.5rem;}

.lianxi input[type="submit"]{ background: #fff; color: #000; font-size: 100%; line-height: 2.4;}

:-ms-input-placeholder,::-moz-placeholder,:-moz-placeholder,::-webkit-placeholder{ color: #fff;}





@media all and (max-height:900px) and (min-width:1200px){

	.book{ background:url(../images/bookbg.jpg) no-repeat center bottom/100% auto;}

}



@media all and (min-width:1200px) {

	.pad02{ padding:0 1rem;}

	.xuexi{ width:18rem;}

	

}

@media all and (max-width:1200px) {

	

}

@media all and (max-width: 960px) {

	body { margin:0 auto;}

	.text,.xuexi{ width:90%;}

	.xuexi{ border-radius:1rem;}

	.xuexi h3{ background:#C55BB4; border-radius:1rem;}

}

@media all and (max-width: 768px) {

	.book{ background-attachment: fixed; height: auto;}

	.bookbg{ background: rgba(0,0,0,0.7);}

	.booktext{ color: #fff; width: 90%;}

}

@media all and (max-width: 640px) {

	.mulu{ width:30rem;}

}





/*.quan{ overflow: hidden; position: relative; z-index: 0; width: 1200px; height: 2000px; margin: 0 auto; perspective:2000; perspective-origin:center center; transform-style:preserve-3d;-webkit-transform-style:preserve-3d;background: #000; color: #fff;}

.quan a{--w:600px; --h:600px; position: absolute; z-index: 1; line-height: var(--w); width: var(--h); display: inline-block; color: #fff; }

.quan a:nth-of-type(1){ transform: rotateX(0deg) rotateY(15deg) rotateZ(0deg); left: 50%; top: 0; margin-left: calc(-1 * var(--w) / 2);}

.quan a:nth-of-type(2){ transform: rotateX(0deg) rotateY(15deg) rotateZ(30deg); left: 50%; top: 0; margin-left: calc(-1 * var(--w) / 2);}

.quan a:nth-of-type(3){ transform: rotateX(0deg) rotateY(15deg) rotateZ(60deg); left: 50%; top: 0; margin-left: calc(-1 * var(--w) / 2);}

.quan a:nth-of-type(4){ transform: rotateX(0deg) rotateY(15deg) rotateZ(90deg); left: 50%; top: 0; margin-left: calc(-1 * var(--w) / 2);}

.quan a:nth-of-type(5){ transform: rotateX(0deg) rotateY(15deg) rotateZ(120deg); left: 50%; top: 0; margin-left: calc(-1 * var(--w) / 2);}

.quan a:nth-of-type(6){ transform: rotateX(0deg) rotateY(15deg) rotateZ(150deg); left: 50%; top: 0; margin-left: calc(-1 * var(--w) / 2);}

.quan a:nth-of-type(7){ transform: rotateX(0deg) rotateY(15deg) rotateZ(180deg); right: 50%; top: 0; margin-right: calc(-1 * var(--w) / 2);}

.quan a:nth-of-type(8){ transform: rotateX(0deg) rotateY(15deg) rotateZ(210deg); right: 50%; top: 0; margin-right: calc(-1 * var(--w) / 2);}

.quan a:nth-of-type(9){ transform: rotateX(0deg) rotateY(15deg) rotateZ(240deg); right: 50%; top: 0; margin-right: calc(-1 * var(--w) / 2);}

.quan a:nth-of-type(10){ transform: rotateX(0deg) rotateY(15deg) rotateZ(270deg); right: 50%; top: 0; margin-right: calc(-1 * var(--w) / 2);}

.quan a:nth-of-type(11){ transform: rotateX(0deg) rotateY(15deg) rotateZ(300deg); right: 50%; top: 0; margin-right: calc(-1 * var(--w) / 2);}

.quan a:nth-of-type(12){ transform: rotateX(0deg) rotateY(15deg) rotateZ(330deg); right: 50%; top: 0; margin-right: calc(-1 * var(--w) / 2);}*/



html { font-size: 10px; font-size: calc(100vw / 32);}

@media all and (max-width: 320px) {

html { font-size: 10px; }

}

@media all and (min-width: 640px) {

html { font-size: 20px; }

}