/* 杞挱鍥剧墖閮ㄥ垎 */
#rockbar {
	width:100%;
	overflow-x:hidden;
}
#imglist {
	width:300%;
	width:300vw;
	animation:rock 10s ease-out infinite;
}
#imglist:hover {
	animation-play-state:paused;
}
#imglist img {
	width:33.3333%;
	width:100vw;height:auto;
	float:left;
}
@keyframes rock {
0%, 35% {
	margin-left:0;
}
50%, 85% {
	margin-left:-100%;
	margin-left:-100vw;
}
100%, 100% {
	margin-left:-200%;
	margin-left:-200vw;
}
}
/* 鍙ｅ彿 */
#prompt {
	margin:0;
	background:#EEE;
	padding:80px\9 32px\9 80px\9 32px\9;
	padding:5rem 2rem 5rem 2rem;
	font-family:"寰蒋闆呴粦", "Microsoft YaHei";
	font-size:32px\9;
	font-size:2rem;
	text-align:center;
}
/* 鏂伴椈鍧?*/
#newsbar {
	margin:0 auto;
	padding:0;
	text-align:center;
}
#newsbar li {
	display:table-cell;
	margin:0;
	width:25%;
	padding:0;
	vertical-align:top;
}
#newsbar div {
	margin:5px\9;
	margin:0.3rem;
	padding:16px\9;
	padding:1rem;
}
#newsbar div:hover {
	border:1px solid #CCC;
	border-radius:10px\9;
	border-radius:0.6rem;
	box-shadow:darkgrey 0.6rem 0.6rem 1.2rem 0.3rem;
}
#newsbar img {
	width:100%;
}
@media screen and (max-width: 639px) {
#newsbar li {
	display:inline-block;
	width:25rem;
}
#newsbar img {
	width:22rem;
}
}
#newsbar h5 {
	margin:0;
	margin-top:16px\9;
	margin-top:1rem;
	font-size:19px\9;
	font-size:1.2rem;
}
#newsbar h6 {
	margin:0;
}
#newsbar p {
	text-align:left;
}
/* 鍏充簬浜у搧 */
#aboutpro {
	margin:10px\9;
	margin:0.6rem;
}
#aboutpro h4 {
	text-align:center;
}
#aboutpro p {
	margin-left:19.1%;
	margin-right:19.1%;
	line-height:32px\9;
	line-height:2rem;
}
@media screen and (max-device-width: 1359px) {
#aboutpro p {
	margin-left:1rem;
	margin-right:1rem;
}
}
/* 鍔熻兘 */
#func {
	display:table;
	width:80%;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:40px;
}
#func h5 {
	display:table-caption;
	margin-bottom:0;
	text-align:center;
}
#func div {
	display:table-cell;
	width:25%;
	border:1px solid #CCC;
	box-shadow:darkgrey 8px\9 8px\9 12px\9 5px\9;
	box-shadow:darkgrey 0.5rem 0.5rem 0.75rem 0.3px;
	padding:24px\9;
	padding:1.5rem;
}
@media screen and (max-width: 639px) {
#func {
	display:block;
	width:auto;
	margin:0.6rem;
}
#func h5 {
	display:block;
}
#func div {
	display:inline-block;
	margin:2.5rem;
	width:16rem;height:16rem;
}
}
#func img {
	display:block;
	margin:0 auto;
	margin-bottom:48px\9;
	margin-bottom:3rem;
	width:128px\9;
	width:8rem;height:auto;
}
#func p {
	line-height:32px\9;
	line-height:2rem;
}
/* 浜у搧鍒楄〃锛氬叕鍏?瀹氬埗骞冲彴 */
.proitem {
	margin:0;
	text-align:center;
}
.proitem div {
	margin:0;
	background:#EEE;
	padding:64px\9;
}
.proitem img {
	margin-right:32px\9;
	witdh:auto;height:auto;
	width:640px\9;
}
.proitem span {
	display:inline-block;
	text-align:left;
	vertical-align:top;
	width:50%;
}
@media screen and (max-device-width: 1359px) {
.proitem img {
	margin:0;
	max-width:24rem;
	max-height:24rem;
}
.proitem span {
	width:24rem;
	padding-bottom:2rem;
}
}
@media screen and (min-device-width: 1360px) {
.proitem div {
	padding:4rem;
}
.proitem img {
	margin-right:2rem;
	width:40rem;
}
}
/* 鍏充簬鎴戜滑 */
#aboutus {
	margin:0;
	text-align:center;
}
#aboutus h4 {
	margin-bottom:16px\9;
	margin-bottom:1rem;
}
#aboutus div {
	margin:0 auto;
	background:#EEE;
	padding:48px\9;
	padding-bottom:0\9;
}
#aboutus h5 {
	margin:4px\9;
	margin:0.25rem;
	margin-bottom:0;
}
#aboutus h6 {
	margin:3px\9;
	margin:0.16rem;
	margin-bottom:0;
}
#aboutus img {
	witdh:640px\9;
	margin-left:32px\9;
	height:auto;
}
#aboutus > div > span {
	display:inline-block;
	text-align:left;
	vertical-align:top;
	width:50%;
}
@media screen and (max-device-width: 1359px) {
#aboutus img {
	margin:0;
	width:24rem;
}
#aboutus span {
	width:24rem;
	padding-bottom:2rem;
}
}
@media screen and (min-device-width: 1360px) {
#aboutus div {
	padding:3rem;
	padding-bottom:0;
}
#aboutus img {
	witdh:40rem;
	margin-left:2rem;
}
}

#aboutuslist{
	background:#EEE;
}
#aboutuslist > div {
	margin:0 auto;
	width:960px\9;
	width:60rem;
	border-collapse:separate;
	border-spacing:56px\9;
	border-spacing:3.5rem;
}
#aboutuslist>div div {
	display:table-cell;
	width:144px\9;height:144px\9;
	width:8rem;height:8rem;
	background:white;
	padding:24px\9;
	padding:1.5rem;
}
@media screen and (max-width: 639px) {
#aboutuslist > div {
	width:100%;
}
#aboutuslist>div div {
	display:inline-block;
	margin:1rem;
	padding:1rem;
}
}
#aboutuslist img {
	display:block;
	margin:0 auto;
	width:64px\9;
	width:4rem;height:auto;
}
#aboutuslist p {
	line-height:32px\9;
	line-height:2rem;
}
/* 鑱旂郴鎴戜滑 */
#contact {
	margin:0;
	margin-bottom:96px\9;
	margin-bottom:6rem;
	text-align:center;
}
#contact h4 {
	margin-bottom:16px\9;
	margin-bottom:1rem;
}
#contact h5 {
	margin:0;
}
#contact div {
	margin:0;
	padding:48px\9;
	padding-bottom:0\9;
}
#contact img {
	height:400px\9;witdh:auto\9;
}
#contact > div > span {
	display:inline-block;
	background:#EEE;
	text-align:left;
	vertical-align:top;
	line-height:24px\9;
	line-height:1.5rem;
	width:38%\9;
	height:304px\9;
	padding:16px\9 48px\9 80px\9 48px\9;
}
@media screen and (max-device-width: 1359px) {
#contact div {
	witdh:24rem;
}
#contact img {
	width:24rem;height:auto;
}
#contact > div > span {
	padding:1rem;
}
#contact p {
	width:22rem;
}
}
@media screen and (min-device-width: 1360px) {
#contact div {
	padding:3rem;
	padding-bottom:0;
}
#contact img {
	height:25rem;witdh:auto;
}
#contact > div > span {
	width:38%;
	height:19rem;
	padding:1rem 3rem 5rem 3rem;
}
}
/* 鍚堜綔浼欎即 */
#follow {
	margin:0;
	text-align:center;
}
#follow h4 {
	margin-bottom:16px\9;
	margin-bottom:1rem;
}
#follow div {
	margin:0;
	padding-left:10%\9;
	padding-right:10%\8;
	text-align:center;
}
#follow img {
	margin-right:80px\9;
	margin-bottom:20px\9;
	margin-bottom:1.25rem;
	max-width:160px\9;
	max-width:10rem;
	height:auto;
	vertical-align:middle;
}
@media screen and (max-device-width: 1359px) {
}
@media screen and (min-device-width: 1360px) {
#follow div {
	padding-left:calc( ( 95% - ( 10rem + 5rem ) * 6 ) / 2 );
	padding-right:calc( ( 95% - ( 10rem + 5rem ) * 6 ) / 2 );
}
#follow img {
	margin-right:5rem;
}
}
