@charset "utf-8";
body{
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;font-family:"msyhl","Microsoft Yahei","微软雅黑";}
@font-face{font-family: 'msyhl';
	src: url('fonts/msyhl.eot'); /* IE9*/
	src: url('fonts/msyhl.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/msyhl.woff') format('woff'), /* chrome、firefox */
	url('fonts/msyhl.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('fonts/msyhl.svg#handfont') format('svg'); /* iOS 4.1- */
}
@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- */
}


.pro_wrap{ width:100%; margin:auto}
.one{ overflow:hidden; background:#17171d url(../images/m_bannerbg.jpg) no-repeat center 5.2rem; background-size:100%; text-align:center; height:10.67rem; font-family: 'aliLight';;}
.one h1{ font-size:0.36rem; line-height:1.0rem; height: 1.0rem; color:#fff;width: 5.0rem; margin:2.8rem auto 0; padding-right:0.20rem;color: #0094ff; background:url(../images/nameimgbg.png) no-repeat right center; background-size:1.9rem;}
.one h1 font{ text-align: right; display: block}
.one p{ font-size:0.38rem; color:#A38A77; margin-top:0.20rem; color:#959595; }
.one img{ width: 5.2rem; margin: auto}

.two{ background:#121217 url(../images/m_hostbg02.jpg) no-repeat center center; color:#fff;  background-size:100%; text-align:center; height:12.0rem;}
.twoTop{ text-align:center; padding-top:1.0rem; color:#c8c9ca}
.twoTop p{  font-size:0.46rem; line-height:0.60rem;font-family: 'aliLight';font-weight:bold;}
.twoTop span{ display:block; font-size:0.26rem; line-height:0.42rem; margin-top:0.40rem; padding: 0 0.3rem; text-align: justify;color: #878787}
.two h4{ font-size: 0.72rem; color: #0094ff;font-family: 'aliLight'; margin-top: 0.20rem; }
.twoBott ul{ overflow: hidden; padding-top: 4.5rem}
.twoBott ul li{ background: url(../images/bg2.png) no-repeat left top;  width: 45%; margin-left: 5%; float: left;text-align: left;  padding-top: 0.30rem; font-family: 'aliLight'; background-size: 90% }
.twoBott ul li p{ color: #0094ff; font-family: 'aliLight';font-weight:bold; font-size: 0.32rem;}
.twoBott ul li span{ font-size: 0.26rem; margin-top:0.10rem; line-height: 0.36rem; display: block;font-family: 'msyhl';}

.three{ overflow:hidden; height:11.0rem;background:#17171d url(../images/m_hostbg03.png) no-repeat -0.80rem 3.5rem; background-size:5.0rem;}
.three p{ font-weight:normal; font-size:0.46rem; line-height:0.64rem; margin-top:1.0rem; text-align:right;font-family: 'aliLight';font-weight:bold; color: #dadbdb;margin-right: 0.30rem;}
.three img{ margin:auto; width:100%; margin:auto; padding:0.50rem 0 0.50rem 0}
.three span{ font-weight:normal; font-family:"msyhl"; color: #959595; text-align:right; display: block; line-height: 0.42rem; font-size: 0.26rem; width: 5.6rem; float: right; margin-top: 0.20rem; margin-right: 0.30rem;}


.xbfour{ background:#131218 url(../images/m_hostbg03.jpg) no-repeat center 1.6rem; color:#fff;background-size:100%; text-align:center; height:10.0rem;}
.xbfourTop{ text-align:center; padding-top:1.8rem; color:#c8c9ca}
.xbfourTop p{  font-size:0.46rem; line-height:0.60rem;font-family: 'aliLight';font-weight:bold;}
.xbfourTop span{ display:block; font-size:0.26rem; line-height:0.42rem; margin-top:0.40rem; padding:0 0.30rem;}
.xbfourCen{ overflow:hidden; margin:auto; padding-top:0.40rem}
.xbfourCen li{ float:left; text-align:left}
.xbfourCen li span{ font-size:0.22rem; color:#c8c9ca; padding-left:0.40rem; display:block; line-height:0.42rem;}
.xbfourCen li.lileft{ background:url(../images/xbbg05.png) no-repeat left center; background-size:1.22rem; width:2.6rem; display:inline-block; margin-left:1.20rem;}
.xbfourCen li.liright{ background:url(../images/xbbg06.png) no-repeat left center;background-size:1.22rem; width:2.6rem; display:inline-block; margin-left:0.40rem;}
.xbfourCen li p{ font-family: 'aliLight';font-weight:bold; font-size:0.34rem; line-height:0.40rem; padding-top:0.70rem; margin-bottom:0.30rem; padding-left:0.40rem;}
.xbfourBott{ background:url(../images/m_xbbg07.jpg) no-repeat top center; background-size:100%; height:2.0rem; margin-top:1.0rem;}


.five{ background:#131218 url(../images/m_hostbg05.jpg) no-repeat center center; color:#fff;background-size:auto 100%; text-align:center; height:9.0rem;}
.fiveText p{ font-size:0.40rem; padding-top:1.4rem; font-family: 'aliLight';font-weight:bold; line-height:0.46rem;color: #dadbdb}
.fiveText span{ display:block; margin-top:0.30rem; font-size:0.26rem; line-height:0.42rem; padding:0 0.3rem;color: #878787;}

.six{ text-align:center; background: url(../images/m_hostbg06.jpg) no-repeat bottom center;background-size:auto 100%; text-align:center; height:9.03rem;}
.sixL p{font-size:0.46rem; padding-top:1.0rem; font-family: 'aliLight';font-weight:bold; line-height:0.46rem;color: #3e3a39;}
.sixL span{ display:block; margin-top:0.10rem; font-size:0.34rem;text-align:center; line-height:0.42rem;color: #3e3a39;}
.sixR p{ display:block; margin-top:0.30rem; font-size:0.26rem; line-height:0.42rem; padding:0 0.3rem;color: #fff; text-align: justify}

.sev{ color:#fff; height:6.25rem; margin-top:0.60rem; overflow:hidden}
.sev ul li{ overflow:hidden}
.sev li.sxjLi1{ background:url(../images/m_xbbg10.jpg) no-repeat center top; background-size:100%; height:6.25rem;}
.sev li.sxjLi2{ background:url(../images/m_xbbg09.jpg) no-repeat center top; background-size:100%; height:6.25rem;}
.sev li.sxjLi3{ background:url(../images/m_xbbg08.jpg) no-repeat center top; background-size:100%; height:6.25rem;}
.sev li.sxjLi4{ background:url(../images/m_xbbg12.jpg) no-repeat center top; background-size:100%; height:6.25rem;}
.textbg{ background:url(../images/xbtextbg.png) repeat; height:1.6rem; margin-top:0.4rem; color:#c8c9ca; padding-left:0.30rem}
.textbg p{ font-size:0.36rem; padding-top:0.20rem; font-family: 'aliLight';font-weight:bold; line-height:0.36rem;}
.textbg span{ display:block;line-height:0.36rem; font-size:0.24rem; margin-top:0.20rem;}

.xbeight{ background:#000000 url(../images/m_xbbg4.jpg) no-repeat center bottom;background-size:100%; height:10.0rem; overflow:hidden;}
.xbeightText{ text-align:center; color:#c8c9ca}
.xbeightText p{ font-size:0.46rem; padding-top:1.4rem; font-family: 'aliLight';font-weight:bold; line-height:0.64rem;color: #dadbdb}
.xbeightText span{ display:block; margin-top:0.30rem; font-size:0.26rem; line-height:0.42rem; padding:0 0.3rem;color: #878787;}
.xbeight ul{ overflow:hidden; margin:auto; padding-top:0.80rem; margin-left:1.5rem;}
.xbeight ul li{ float:left; width:1.6rem; margin:0 0.40rem;}
.xbeight ul li img{ margin:auto; width:1.0rem}
.xbeight ul li p{ text-align:center; font-size:0.24rem; margin-top: 0.20rem; color:#c8c9ca; padding-bottom:0.20rem}

.seven{ background: #121217;padding-bottom: 1.4rem}
.sevenL img{ width: 86%; margin: auto; padding-top: 1.0rem}
.sevenR h3{font-family: 'aliLight';font-weight:bold;font-size:0.46rem; font-weight: normal;  line-height:0.46rem;color: #dadbdb; text-align: center}
.sevenR p{ color:#c8c9ca; line-height: 0.56rem; padding:0.30rem 0; font-size: 0.26rem; padding-left: 1.7rem;border-top:1px solid#2a2a31; border-bottom:1px solid#2a2a31; margin-top: 0.40rem; }

/*****************************************************************jm_top*****************************************************************/
.jm_top{ position:fixed; z-index:9; right:0.10rem; bottom:0.60rem;}
.jm_top ul li{ margin-bottom:0.04rem; background:#c8c8c8; cursor:pointer; width:0.80rem;}
.jm_top ul li img{ width:100%}
.jm_top ul li:hover{ background:#0096ff}