@charset "utf-8";
@font-face{font-family: 'aliLight';
	src: url('fonts/aliLight.eot'); /* IE9*/
	src: url('fonts/aliLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/aliLight.woff') format('woff'), /* chrome、firefox */
	url('fonts/aliLight.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('fonts/aliLight.svg#handfont') format('svg'); /* iOS 4.1- */
	}

.proAllWrap{font-family: 'aliLight';}
.one{ overflow:hidden; background:#17171d url(../images/m_bannerbg.jpg) no-repeat center bottom; background-size:100%; text-align:center; height:10rem; text-align: center}
.one h1{ font-size:0.60rem; font-weight: normal;  color:#fff; margin:1.7rem auto 0; color: #bda785;}
.one p{ font-size:0.38rem; color:#A38A77; margin-top:0.10rem; color:#fff; }

.two{ background:#eaeaea url(../images/m_hostbg02.jpg) no-repeat center bottom; background-size:100%; text-align:center; height:10.5rem;}
.twoTop{ text-align:center; padding-top:1.6rem;}
.twoTop p{  font-size:0.46rem; line-height:0.60rem;}
.twoTop span{ display:block; font-size:0.28rem; line-height:0.42rem; margin-top:0.40rem; padding: 0 0.3rem; text-align:color: #000;}
.two h4{ font-size: 0.72rem; margin-top: 0.20rem; }
.twoBott ul{ overflow: hidden; padding-top: 0.6rem; width: 90%; margin:auto}
.twoBott ul li{  width: 33.33%; float: left;text-align:center;  padding-top: 0.30rem;  }
.twoBott ul li img{ width: 40%; margin: auto}
.twoBott ul li p{font-size: 0.28rem; margin-top: 0.10rem}

.three{ overflow:hidden; height:11.0rem;background:#080a16 url(../images/m_hostbg03.jpg) no-repeat center bottom; background-size: 100%; text-align: center}
.threeText p{ font-size:0.46rem; line-height:0.64rem; padding-top:1.8rem; color: #fff;}
.threeText span{ color: #bdbdbd; display: block; line-height: 0.42rem; font-size: 0.28rem; margin-top: 0.30rem; padding: 0 0.30rem}
.threeBott { font-size: 0.36rem; font-weight: bold; color: #bdbdbd; text-align: center; margin-top: 0.80rem; height: 0.46rem; line-height: 0.46rem;}


.four{ background: #ececec; height: 8.0rem;}
.fourText{ text-align: center}
.fourText p{ font-size:0.46rem; line-height:0.64rem; padding-top:1.8rem;}
.fourText span{ display: block; line-height: 0.42rem; font-size: 0.28rem; margin: 0.30rem auto 0; padding: 0 0.30rem}
.fourCen{ width: 1.9rem; margin: auto; overflow: hidden; padding-top: 0.6rem}
.fourCen img{ width: 1.2rem; float: left; margin-right: 0.10rem;}
.fourR{ width: 0.6rem; float: left;color: #a89679;}
.fourR p{ font-weight: bold; line-height: 0.36rem}
.fourBott{ margin-top: 1.0rem}
.fourBott img{ width: 100%;}


.sev{height:7.78rem; overflow:hidden}
.sev ul li{ overflow:hidden;}
.sev li.sxjLi1{ background:url(../images/m_bg4.jpg) no-repeat center top; background-size:100%; height:7.78rem;}
.sev li.sxjLi2{ background:url(../images/m_bg5.jpg) no-repeat center top; background-size:100%; height:7.78rem;}
.sev .pro_wrap{ padding-top: 1.0rem}
.textbg{ background:url(../images/bg.png) repeat; height:1.6rem; padding-left:0.30rem;padding-right:0.20rem; width: 65%; text-align: left}
.textbg p{ font-size:0.36rem; padding-top:0.20rem; line-height:0.36rem;}
.textbg span{ display:block;line-height:0.36rem; font-size:0.24rem; margin-top:0.20rem;}


.ten{ background: #ebebeb}
.tenTop{ text-align:center}
.tenTop p{ font-size:0.46rem; line-height:0.46rem;}
.tenTop span{ display:block; margin-top:32px; line-height:28px;  font-size:20px}

.tenTitle{ overflow:hidden; width:240px; margin:30px auto 40px; overflow: hidden;}
.tenTitle li{ width: 60px; float: left; display: block; margin: 0 10px; cursor: pointer;}
.ten .li1 span{ width: 18px; height: 18px; background: #fff; border: 1px solid #a89679; float: left; margin-right: 8px}
.ten .li2 span{ width: 18px; height: 18px;background: #e0ca99;  border: 1px solid #a89679; float: left; margin-right: 8px}
.ten .li3 span{ width: 18px; height: 18px;background: #000;  border: 1px solid #a89679; float: left; margin-right: 8px}