@charset "utf-8";
body{-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
	
	@font-face{font-family: 'msyhl';
		src: url('css/fonts/msyhl.eot'); /* IE9*/
		src: url('css/fonts/msyhl.eot?#font-spider') 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#msyhl') format('svg'); /* iOS 4.1- */
		font-weight: normal;
		font-style: normal;
	}
	@font-face{font-family: 'aliLight';
		src: url('css/fonts/aliLight.eot'); /* IE9*/
		src: url('css/fonts/aliLight.eot?#font-spider') 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#pfztz') format('svg'); /* iOS 4.1- */
		font-weight: normal;
		font-style: normal;
	  }

.pro_wrap{ width:100%; margin:auto;font-family:"msyhl","Microsoft Yahei","微软雅黑"; color:#231815}
.one{ overflow:hidden; background:#000 url(../images/m_banner.jpg) no-repeat bottom center; background-size:100%; text-align:center; height:10.67rem;}
.textTitle1 { font-size:1.0rem; line-height:0.52rem; font-weight:normal; font-family:"msyhl"; color:#fff; padding-top:1.8rem;}
.textTitle2{ font-size:0.42rem; margin-top:0.40rem; color:#fff;font-family:"aliLight";}
.textTitle3{ font-size:0.28rem; margin-top:0.20rem; color:#69c6fb; letter-spacing: 2.8px;font-family:"aliLight"; }

.two{ background:url(../images/m_xbbg03.jpg) no-repeat center center;background-size:100%; text-align:center; height:10.0rem;}
.twoTop{ text-align:center; padding-top:2.0rem; }
.twoTop p{  font-size:0.46rem; color: #fff; line-height:0.50rem;font-family:"aliLight"; font-weight:bold;}
.twoTop span{color: #c5c6c7; display:block; font-size:0.26rem; line-height:0.40rem; padding:0 0.20rem; margin-top:0.60rem;}
.twoBot p{background:url(../images/bg1.png) no-repeat center center; padding-left:0.42rem;color: #c6c7c7;font-size:0.32rem; line-height:0.46rem; margin-top:0.40rem;}

.xbthree{background:url(../images/m_xbbg01.jpg) no-repeat center center;  background-size:100%;height:9.6rem; }
.xbthree p{font-family:"aliLight"; font-weight:bold; text-align: center; font-size:0.46rem; line-height:0.50rem;  padding-top: 1.2rem; color:#3e3a39}
.xbthree span{ display:block; text-align: center; font-size:0.32rem; margin-top:0.10rem; padding-bottom: 0.8rem }
/* .xbthreeText{ background:url(../images/bg6.png) repeat} */


.three{ overflow:hidden; height:10.0rem; background: #ebebec}
.threeRTop h3{ font-weight:normal; font-size:0.46rem; line-height:0.46rem; margin-top:1.4rem; text-align:center;font-family:"aliLight"; font-weight:bold;}
.threeRTop p{ font-size:0.26rem; color: #727171; line-height:0.46rem; margin-top: 0.20rem; text-align: center}
.threeL img{ margin:auto; width:90%; margin:auto; padding:0.20rem 0.50rem 0 0}

.three ul{ overflow:hidden; width: 5.1rem; margin:auto ;padding-top:0.80rem}
.three ul li{ float:left;}
.three ul li.lileft{ width:3.2rem;  border-right:1px solid #231815}
.three ul li.liright{width:1.4rem; padding-left: 0.40rem; }
.three ul li p{ font-size:0.26rem; color: #727171;}
.three ul li span{ font-size:0.60rem; font-family:"Roboto","Arial";}
.three ul font{ font-size:0.26rem;font-family:"msyhl"; color: #727171;}

.twoAdd{ background:url(../images/bg2.jpg) no-repeat center center;background-size:auto 100%; text-align:center; height:10.0rem;}
.twoAddTop{ text-align:center; padding-top:1.8rem; }
.twoAddTop p{  font-size:0.46rem; color: #fff; line-height:0.50rem;font-family:"aliLight"; font-weight:bold;}
.twoAddTop span{color: #c5c6c7; display:block; font-size:0.26rem; line-height:0.40rem; padding:0 0.20rem; margin-top:0.40rem;}
.twoAddBot{ background:url(../images/bg3.png) no-repeat center center;background-size:70%; padding:0.6rem 0; margin-top: 0.80rem;}
.twoAddBot p{ padding-left:0.42rem;color: #fff;font-size:0.9rem; line-height:1.0rem;}
.twoAddTips{ font-size:0.24rem; line-height: 0.36rem; color: #b2b2b3; text-align: center; margin-top: 1.4rem; padding:0 0.20rem;}
.twoAddBot span{ color: #a18878;}

.xbfour{ background:url(../images/m_xbbg4.jpg) no-repeat center center; 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";}
.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-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;}


.sev{ position: relative; width: 100%; height: 9.6rem;}
.textbg{ position: absolute; top:0.80rem;left:0; z-index: 999; text-align:center; }
.textbg p{ font-size:0.42rem; padding-top:0.20rem; font-family:"aliLight"; font-weight:bold; line-height:0.36rem; color: #fff}
.textbg span{ display:block;line-height:0.40rem; font-size:0.26rem; padding:0 0.2rem; margin-top:0.30rem; color: #d9dada;}
.tabTitle{ overflow: hidden; width: 2.8rem; height:2.8rem;position: absolute; bottom:2.30rem; right: 0.35rem; z-index: 999;}
.tabTitle dt{ width: 1.4rem; height: 1.4rem; float: left; cursor: pointer; position: relative;}
.tabCon img{ width: 100%}



@keyframes warn{
	0% {transform: scale(0.5);opacity: 0.8;}
	100% {transform: scale(1);opacity: 0;}
	}
	@-webkit-keyframes warn{
	0% {transform: scale(0.5);opacity: 0.8;}
	100% {transform: scale(1);opacity: 0;}
	}
		

	
	.pulse2{
		position: absolute;
		width: 1.4rem; height: 1.40rem;
		left: 0rem;
		top: -0.05rem;
		border:1px solid#0b4acd;
		/* background: #00aeff; */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		z-index: 2;
		opacity: 0;
		-webkit-animation: warn 2s ease-out;
		-moz-animation: warn 2s ease-out;
		animation: warn 2s ease-out;

		
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}
	
	
	.pulse3{
		position: absolute;
		width: 1.4rem; height: 1.40rem;
		left: 0rem;
		top: -0.05rem;
		border:1px solid#0b4acd;
		/* background: #00aeff; */
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		z-index: 2;
		opacity: 0;

		-webkit-animation: warn 2s ease-out;
		-moz-animation: warn 2s ease-out;
		animation: warn 2s ease-out;

		
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		
			-webkit-animation-delay: 1s;
		-moz-animation-delay: 1s;
		animation-delay: 1s;
		
	}
	




.xbeight{ background:url(../images/m_bg4.jpg) no-repeat center bottom;position:relative;background-size:100%; height:10.0rem; overflow:hidden;}
.xbeightText{ text-align:center; color:#d9dada; padding-top: 1.2rem}
.xbeightText p{ font-size:0.46rem; font-family:"aliLight"; font-weight:bold; margin-bottom: 0.20rem;}
.xbeightText span{ display:block; line-height:0.40rem;font-size:0.26rem; color: #aaa; padding:0 0.2rem; margin-top: 0.30rem}


.null.light{ position: absolute; left:0.10rem; bottom:1.5rem}
.animation{ position:absolute; left:0.10rem; bottom:2.0rem; width: 2.0rem;}
.animation img{ width: 100%;}

.xbeightR{ width: 3.6rem;height: 6.5rem;position:absolute; right:0.10rem; bottom:-1.0rem; z-index: 999;background:url(../images/xbeightR.png) no-repeat top center; background-size:100%;}
.xbeightR .img1{width: 0.60rem; height: 0.32rem;position:absolute;  right:0.30rem; bottom:3.5rem; overflow: hidden; z-index: 999;}
.xbeightR .img2{width: 0.60rem; height: 0.32rem;position:absolute;  right:0.30rem; bottom:3.5rem; overflow: hidden; z-index: 998;}
.xbeightR .img1 img{ width: 100%}
.xbeightR .img2 img{ width: 100%}


.xbNine{ height:9.0rem;}
.xbNineTop{ text-align:center; padding-top:1.6rem;}
.xbNineTop p{ font-size:0.46rem; line-height:0.46em;font-family:"aliLight"; font-weight:bold; color: #231815}
.xbNineTop span{ display:block; margin-top:0.40rem; line-height:0.40rem; color: #727171;  font-size:0.26rem; padding:0 0.2rem}

.xbNineBott{  position:relative; margin:0.6rem auto 0; height:8rem; overflow: hidden; }
.xbNineBott img{ width:32%;}
.xbNineBott .img1{ position:absolute; z-index:4; top:0; right:0rem}
.xbNineBott .img2{ position:absolute; z-index:3; top:0; right:1.5rem}
.xbNineBott .img3{ position:absolute; z-index:2; top:0; left:1.9rem}
.xbNineBott .img4{ position:absolute; z-index:1; top:0; left:0.2rem;  width:32%;}	

.ten{background:url(../images/bg5.jpg) no-repeat center top; background-size:auto 100%; color:#d9dada; height: 9.0rem; overflow: hidden; }
.ten p{ font-size:0.46rem; line-height:0.46rem;font-family:"aliLight"; font-weight:bold; text-align: center; padding-top: 1.0rem}


.ele p{ font-size:0.46rem; line-height:0.46rem;font-family:"aliLight"; font-weight:bold; text-align: center; padding-top: 1.2rem; padding-bottom: 0.60rem;}
.ele ul li{ width: 98%; margin: 0 1%; display: block;color: #727171; border-bottom: 1px solid #eee; margin-bottom: 0.8rem; overflow: hidden;}
.ele ul li:last-child{border:none;}
.ele ul li img{ width: 2.4rem; margin: auto; padding:0.15rem 0.6rem 2.8rem 0.4rem; float: left;}
.ele ul li span{ display: block; font-size: 0.26rem; line-height: 0.54rem; width: 3.8rem; float: left;}


/*****************************************************************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:#a3793d}