body {}
ul,li,dl,dt,dd {margin:0;padding:0;list-style-type:none}
@media (min-width:1024px){
#header-auto {width:1024px;margin:0 auto;padding:15px 0 25px 0;background:#FFF}
#banner {height:540px;width:100%;background:url(../images/banner.jpg) repeat-x center top;margin-top:100px}
 }
 .bannertext {font-size:1.8rem}
#banner-text img {display:block;width:100%;height:auto}
@media (min-width:1200px){
#header-auto {width:1200px;margin:0 auto;}

.bannertext {font-size:3rem}
#banner-text img {display:none}
#navbody li {margin:0 10px;}
#navbody li a:link,#navbody li a:visited {font-size:19px;}
#navbody li a:hover,#navbody li a:active,#navbody li.active a:link,#navbody li.active a:visited {border-bottom:0px solid #0DAEAF;color:#0DAEAF}
#navbody li {border-bottom:4px solid #FFF}
#navbody li:hover,#navbody li.active {border-bottom:4px solid #0a8}

#banner-text {width:500px;margin:0 auto}
#firstbody{width:100%;overflow:hidden;padding:50px 0 100px 0}
#ourpro {width:1200px;margin:20px auto}
#opl {width:320px;float:left}
#opr {width:860px;float:right}
#opl li {height:90px;padding:15px;overflow:hidden;width:320px}
#opl li  img {float:left;margin-right:10px}
#opl li  span {display:block}
#opr .flip-body .flip-item div {position:absolute;text-align:left;padding-left:100px}
#opr .flip-body .flip-item div label {font-size:0.8rem;color:#999;display:block;background:url(../images/li.png) no-repeat left center;padding-left:15px;}
.flip-body {width:860px;height:580px;text-align:center}
.flip-body div img {width:860px;height:580px}
 }

#secondbody {width:100vw;margin:100px auto}
#thirdbody .grid-large {width:100vw;margin:0 auto}
#footer {width:100vw;margin:0 auto;padding:100px 0;overflow:hidden}

#forthbody {margin-top:0px;}
#forthbody .grid {width:98vw;margin:20px auto;overflow:hidden}
#forthbody  .grid .x12 div img {display:none}
#forthbody  .grid .x12 div.h5 {padding-left:0px;padding-top:10px}
.forthbody {padding:25px 0}
.forthbody  {margin-left:30px;}
@media (min-width:1024px){
.grid .x12 .h3 {margin:0;padding-left:50px}
#forthbody  .grid .x12 div img {display:inline}
#forthbody  .grid .x12 div.h5 {padding-left:50px}
#forthbody {margin-top:0px;padding:50px 0}
#forthbody .grid {width:1200px;margin:20px auto;overflow:hidden}
}

#secondbody div div .middle-x4 font {display:block;height:auto}
@media (min-width:1024px){

#secondbody {width:1200px;margin:100px auto}
#thirdbody .grid-large {width:1200px;margin:0 auto}
#forthbody .grid {width:1200px;margin:0 auto;overflow:hidden}
#secondbody div div .middle-x4  font {height:100px}
}

#thirdbody {width:100%;background:#F0F2F6;margin:0 auto;overflow:hidden}
#thirdbody .grid-large div div {text-align:center}
#footer {width:100vw;margin:0 auto;padding:50px 0;overflow:hidden}
#footer dt {width:98vw;margin:0 auto;text-align:center}
#footer dd {width:48vw;float:left;margin-left:2vw;line-height:3em;}
#footer dt div {border-bottom:1px solid #B1E5E5;width:100%;margin:0 auto}
#footer dd a {display:block;color:#999}
#footer dd  span {font-weight:bold}
#fbody {width:100vw;margin:100px auto 0 auto;overflow:hidden}
#fleft {width:100vw;float:none}
#fright {width:96vw;float:none;margin:20px auto}
#fleft img {width:100%;height:auto}
#fright ul {margin:20px auto}
#fright li {height:auto;line-height:40px;background:url(../images/li.png) no-repeat left 18px;padding-left:15px;color:#999;line-height:2.6em;}
@media (min-width:1024px){
#footer {width:1200px;margin:0 auto;padding:100px 0;overflow:hidden}
#footer dt {width:500px;float:left}
#footer dt div {border-bottom:1px solid #B1E5E5;width:300px}
#footer dd {width:180px;float:left;margin-left:20px;line-height:3em;}
#footer dd a {display:block;color:#999}
#footer dd  span {font-weight:bold}

#fbody {width:1400px;margin:100px auto 0 auto;overflow:hidden}
#fleft {width:600px;float:left}
#fright {width:800px;float:right}
#fright ul {margin:20px auto}
#fright li {height:40px;line-height:40px;background:url(../images/li.png) no-repeat left 18px;padding-left:15px;color:#999;line-height:2.6em;}
}
#sbody  {width:100vw;overflow:hidden;background:#F0F2F6}
.scontent {width:98vw;margin:80px auto;padding-bottom:80px;border-bottom:1px solid #DDD;}
.scList {width:90vw;overflow:hidden;margin:20px auto ;}
.scList  dt {color:#999;font-weight:normal}
.scList dd  {height:auto;line-height:40px;background:url(../images/li.png) no-repeat left 18px;padding-left:15px;color:#999;line-height:2.6em;}
#abanner {margin-top:95px;height:396px;width:100%;overflow:hidden;background:url(../images/about.jpg) repeat-x center top;padding-top:100px;font-size:3rem}

@media (min-width:1024px){
.scontent {width:1200px;margin:80px auto;padding-bottom:80px;border-bottom:1px solid #DDD;}
}
	@media (max-width:1023px){
		#abanner {margin-top:60px;height:auto;min-height:200px;padding:30px 10px;font-size:1.5rem;}
	}
#abody {width:100%;overflow:hidden;background:#F0F2F6;padding:80px 0}
#ourComp {width:1200px;margin:50px auto}
#buzhou {width:800px;margin:50px auto;background:url(../images/line.png) repeat-y 175.5px 0;overflow:hidden}
#buzhou  li {width:100%;height:120px}
#buzhou  span {width:150px;float:left;line-height:3.8em;text-align:center;font-size:22px;font-weight:bold;height:120px;}
#buzhou i {width:80px;text-align:center;float:left;padding-right:20px;font-size:3rem;height:120px;;}
#buzhou label {display:block;width:550px;float:left;clear:right;padding-left:30px;height:120px;line-height:3em;;}
#pressList {width:1200px;margin:30px auto;overflow:hidden}
#pressList dt {width:430px;float:left;height:280px;border-top-left-radius:10px;border-bottom-left-radius:10px;overflow:hidden;margin-bottom:20px;}
#pressList dd {width:770px;float:left;padding:50px;height:280px;background:#FFF;border-top-right-radius:10px;border-bottom-right-radius:10px;font-size:1.2rem;margin-bottom:20px}

.atitle {font-size:3rem;line-height:50px}
@media (max-width:1023px){
	#abody {width:100%;overflow:hidden;background:#F0F2F6;padding:30px 0}
	.atitle {line-height:30px;font-size:1.6rem}
	#ourComp {width:100vw;margin:30px auto}
	#buzhou {width:100vw;margin:50px auto;background:url(../images/line.png) repeat-y 116px 0;overflow:hidden}
	#buzhou  span {width:100px;float:left;line-height:3.8em;text-align:center;font-size:22px;font-weight:bold;height:120px;}
	#buzhou i {width:40px;text-align:center;float:left;padding-right:20px;font-size:3rem;height:120px;;}
	#buzhou label {display:block;width:calc(100vw - 140px);float:left;clear:right;padding-left:30px;height:120px;line-height:1.7em;;}
	#pressList {width:98vw;margin:30px auto;overflow:hidden}
	#pressList dt {width:98vw;float:none;height:280px;border-radius:10px;;overflow:hidden;margin-bottom:20px;}
	#pressList dd {width:98vw;float:none;padding:10px;height:280px;background:#FFF;border-radius:10px;;font-size:1.2rem;margin-bottom:20px}
}

#bookbody {margin-top:60px;}
#bookbody .grid {width:98vw;margin:20px auto;overflow:hidden}
#bookbody  .grid .x12 div img {display:none}
#bookbody  .grid .x12 div.h5 {padding-left:0px;padding-top:10px}
.booktable {padding:25px 0}
.bookinfo  {margin-left:30px;}
@media (min-width:1024px){
.grid .x12 .h3 {margin:0;padding-left:50px}
.booktable {padding:40px 30px}

#bookbody  .grid .x12 div img {display:inline}
#bookbody  .grid .x12 div.h5 {padding-left:50px}
#bookbody {margin-top:90px;padding:50px 0}
#bookbody .grid {width:1200px;margin:20px auto;overflow:hidden}
}