/** CSS Reset **/
*{-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;outline:none;margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:underline;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#333;font-size:16px;line-height:160%;background:#ececec;font-family: "Microsoft YaHei";width: 100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;overflow: hidden;position: relative;}
/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */
/* banner */
.header {margin-top: 24px;width: 100%; height: 472px; position: relative;background:url("../images/header.jpg") no-repeat center top;}
.header .m1000{position: initial;}
.header .slideInLeft{margin:0px auto 0; display: block;}
.header .slideInRight{margin:280px auto 0;display: block;}
.header .btn{background:url("../images/btn.png") no-repeat center top;margin:30px 17% 0;display: block;width: 160px;height: 35px;line-height: 160%;text-align: center;color:#fff;font-size: 18px;font-weight: bold;}
.header .btn:hover{background:url("../images/btn_hover.png") no-repeat center top;text-decoration: none;line-height: 180%;}


.bgl_1{width: 370px;height:450px;background: url(../images/bg_l.png) no-repeat right top;position: absolute;left:0;bottom:-80px;}
.bgr_1{width: 420px;height:390px;background: url(../images/bg_r.png) no-repeat left top;position: absolute;right: 0;bottom:0;}
.bgl_2{width: 290px;height:400px;background: url(../images/bg_l.png) no-repeat right top;position: absolute;left:0;top:0px;}
.bgr_2{width: 280px;height:240px;background: url(../images/bg_r.png) no-repeat left top;position: absolute;right: 0;bottom:0px;}

/*part*/
.box1 .m1000{background: #686868 url(../images/box1.png) no-repeat left top;padding-top:80px;margin:50px auto;position: relative;}
.box1 p{padding:30px 25px 40px;background: #fff;}

.box2{text-align: center;font-size: 18px;line-height: 180%;padding-top:50px;background: url(../images/page_line.png) no-repeat center top;position: relative;}
.box2 b{color:#c3a878;font-size: 24px;}

.box3{margin:50px 0;position: relative;}
.box3 h4{background: #040000 url(../images/title.png) no-repeat center bottom;color:#fff;text-align: center;font-size: 30px;padding:20px 10px 45px;}
.box3 h4 small{font-size:20px; }
.box3 p{padding:30px 25px 40px;background: url(../images/page.jpg) no-repeat center bottom;}
.box3 p span{color:#006960;}

.box4{margin:50px 0;position: relative;}
.box4 h4{background: #686868 url(../images/box4.png) no-repeat right bottom;color:#fff;text-align: center;font-size: 30px;padding:28px 10px;}
.box4 p{font-size: 20px;padding:30px 25px 40px;background: #fff;}
.box4 p a{font-weight: bold;color:#b99653;padding-left:70px; }

.footer{height: 96px;background: url(../images/foot.png) no-repeat center bottom;position: relative;}

#reg form label {margin: 0px 0;}

@media screen and (max-width:1000px) {
	.m1000{width:98%;margin:0 auto;overflow: hidden;}
	.pc{display:none;}
	.mobile{display:block;}
	.header {margin-top: 0px;background:url("../images/m_header_1.jpg") no-repeat center top;}
	.header .btn{margin:30px 14% 0;}
	.bgl_1,
	.bgr_1,
	.bgl_2,
	.bgr_2{display: none;}

	.box1 p,
	.box4 p{font-size:28px;line-height: 140%;}
	.box4 p a{display: block;padding-left:0px;font-size: 38px;line-height: 160%;}
	
	.box2 p{font-size: 14px;line-height: 160%;}
	.box2 b{font-size: 30px;}
	.box3 p{background: url(../images/m_page.png) no-repeat center bottom;background-size:cover;}
	.box3 h4 small{display: block;line-height: 160%;}
}