@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body{
    font-size:12px;
    font-size:1.2rem ; /* 12¡Â10=1.2 */
}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font-family:"΢ÈíÑÅºÚ Light";}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
p{color:#525252;}
p{
    font-size:14px;
    font-size:1.4rem;
}
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
img{display:inline-block;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.relative{position:relative;}
.absolute{position:absolute;}
.font_left{font-weight:400}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
body {min-width:320px;overflow-x:hidden;color:#2e3642;}
.transformX50{ transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.transformY50{ transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.transformXY50{ transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}

/*container*/
#container {max-width: 640px;margin: 0 auto; overflow: hidden;}
.banner_middle{bottom:9%; left:2.8%;width: 100%;}
.banner_middle h1{font-size: 2.0rem; color: #a6824d; margin-bottom: 3%}
.banner_middle .banner_btn{width: 43.75%;}
/*box01*/
.box01{ width: 100%;}
.box01 .box01_middle{ top: 24.375%; text-align: center; left: 50%; width: 100%;}
.box01 .box01_middle h1{font-size: 4.0rem; color: #7B6856;}
.box01 .box01_middle ul{margin-top: 6.25%;}
.box01 .box01_middle li{width: 64.84%; margin: 0 auto 21.87%;}
.box01 .box01_middle li p{font-size: 1.6rem; color: #b19a73}
.box01 .box01_middle li .box01_p1{left: -8%; bottom:-146%;}
.box01 .box01_middle li .box01_p2{left: 50%; bottom:-146%;}
.box01 .box01_middle li .box01_p3{right: -6%; bottom:-146%;}
.box01 .box01_middle li .box01_p4{left: -8%; bottom:-182%;}
.box01 .box01_middle li .box01_p5{left: 50%; bottom:-182%;}
.box01 .box01_middle li .box01_p6{right: -3%; bottom:-182%;}



.box02{background-color: #EFE8D9; text-align: center}
.box02 h1{ font-size: 3.6rem; padding: 11% 0 6%; color: #7b6856;}
.box02 .box02_middle{width: 89.06%; margin: 0 auto;}
.box02 .box02_btn{ margin: 7.8% auto; width: 97.65%;}
.box02 .box02_btn2{ margin: 4.6% auto; width: 97.65%;}
.box02 .box02_btn a,.box02_btn2 a{ width: 100%; background-color: #FF6005; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px; color: #FFFFFF; font-size: 3.8rem; display: inline-block; padding: 5% 0; }
.box02 .box02_img1{ width: 93.75%; margin: 0 auto; box-shadow: 0 0 50px #DFD6C5;}
.box02 .box02_img1 h2{font-size: 3.4rem; left:50%; top: 3.3%; color: #2B1D19; width: 100%}
.box02 .box02_img1 h3{font-size: 2.1rem; left:50%; top: 18.06%; color: #2B1D19; width: 100%}
.box02 .box02_img1 .bottom_left{left:3%; bottom: 5%;}
.box02 .box02_img1 .bottom_right{right:3%; bottom: 5%;}
.box02 .box02_img1 .bottom{ background-color: #DBAF61; padding: 4.6% 0 4%; width: 44.06%; text-align: left;}
.box02 .box02_img1 .bottom h4{font-size: 2.7rem; color: #ffffff; margin:0 0 2% 10%;}
.box02 .box02_img1 .bottom p{font-size: 1.5rem; color: #ffffff; line-height: 1.46; margin-left: 10%;}

.box03_middle,.box04_middle{width: 98.43%; margin: 0 auto;}
.box03_middle li,.box04_middle li{width: 49%; margin:0 1.8% 2% 0; float: left; box-shadow: 0 0 10px #DFDBD6;-webkit-box-shadow: 0 0 10px #DFDBD6;-moz-box-shadow: 0 0 10px #DFDBD6;-o-box-shadow: 0 0 10px #DFDBD6;}
.box03_middle .mg0,.box04_middle .mg0{ margin-right: 0!important;}
.box03_middle .box03_btn,.box04_middle .box04_btn{width: 100%; margin-bottom: 2%}
.box03_middle .box03_btn a,.box04_middle .box04_btn a,.box06_middle .box06_btn a{  color: #ffffff; display: block; text-align: center; padding: 6.25% 0; border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;}
.box03_middle .box03_btn a{background: #D8A851;font-size: 3.0rem;}
.box04_middle .box04_btn a{background: #FF6005;font-size: 3.8rem;}

.box05_middle .playBtn{ display: block;position: relative;z-index: 2}
.box05_middle video{
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.box06{ background: #403735; padding-bottom: 6.25%;}
.box06 .box06_middle{width: 97.65%; margin: 0 auto;}
.box06 .box06_middle ul{width: 96%; margin: 0 auto;}
.box06 .box06_middle ul .box06_content{background-color:#DAAC5C; width: 54%; padding: 3.1% 0;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;}
.box06 .box06_middle ul .box06_content1{left: 4%; top: 50%; padding: 2.8% 0;}
.box06 .box06_middle ul .box06_content2{right: 4%; top: 50%;}
.box06 .box06_middle ul .box06_content3{left: 4%; top: 50%;}
.box06 .box06_middle ul .box06_content4{right: 4%; top: 50%;}
.box06 .box06_middle ul .box06_content h1{font-size: 4.0rem; color: #ffffff; }
.box06 .box06_middle ul .box06_content p{font-size: 2.0rem; color: #ffffff; }
.box06 .box06_middle ul .box06_content1 h1{margin-left: 6%;}
.box06 .box06_middle ul .box06_content1 p{line-height: 1.5!important;margin-left: 6%;}
.box06 .box06_middle ul .box06_content2 h1{margin-left: 18%;}
.box06 .box06_middle ul .box06_content2 p{line-height: 1.8!important;margin-left: 18%;}
.box06 .box06_middle ul .box06_content3 h1{margin-left: 6%;}
.box06 .box06_middle ul .box06_content3 p{line-height: 1.8!important;margin-left: 6%;}
.box06 .box06_middle ul .box06_content4 h1{margin-left: 18%;}
.box06 .box06_middle ul .box06_content4 p{line-height: 1.8!important;margin-left: 18%;}
.box06 .box06_middle ul li:nth-child(1){margin-top: 6.25%}
.box06 .box06_middle ul li{margin-bottom: 3.125%;}
.box06_middle .box06_btn{margin-top: 3.125%;}
.box06_middle .box06_btn a{ background: #FF6005; font-size: 3.9rem;}

.box07{ padding: 6.25% 0 8%; text-align: center}
.box07_middle h1{ font-size: 4.0rem; line-height: 1.3; margin-bottom: 7.8%}
.box07_middle ul li{ width: 88.75%; margin: 0 auto;}

.box08{text-align: center; padding-bottom: 16.56%}
.box08 h1{font-size: 4.0rem; margin-bottom: 3.75%}
.box08 .box08_btn{width: 30%; margin: 0 auto;}

@media screen and (min-width:320px) and (max-width:359px) {

html { font-size: 31.25%!important; } /*0.5*/

}

@media screen and (min-width:360px) and (max-width:409px) {

html { font-size: 35%!important; }  /*0.56*/


}

@media screen and (min-width:410px) and (max-width:479px) {

html { font-size: 40%!important; }  /*0.64*/

}

@media screen and (min-width:480px) and (max-width:639px) {

html { font-size: 47%!important; }  /*0.75*/

}