@charset "utf-8";
body{}
.proAllWrap{font-family:"msyhl","myfont","微软雅黑"; letter-spacing:0.7px; color:#231815;}
@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:#000 url(../images/m_banner.jpg) no-repeat bottom center; background-size:100%; text-align:center; height:10.67rem;}
.one h1{ font-size:52px; line-height:52px; font-family:"aliLight"; color:#fff; padding-top:1.8rem;}
.one p{ font-size:32px; color:#A38A77; margin-top:0.20rem; }

.two{ background:url(../images/m_xbbg03.jpg) no-repeat center center; color:#fff;  background-size:100%; text-align:center; height:10.0rem;}
.twoTop{ text-align:center; padding-top:1.8rem; color:#c8c9ca}
.twoTop p{  font-size:46px; line-height:60px;font-family:"aliLight"; font-weight: bold}
.twoTop span{ display:block; font-size:26px; line-height:42px; margin-top:0.40rem;}

.xbthree{background:url(../images/m_xbbg01.jpg) no-repeat center center;  background-size:100%;height:8.33rem; }
.xbthreeTop{ text-align:center; padding-top:3.2rem;}
.xbthreeTopFont p{font-family:"aliLight"; font-size:48px; line-height:52px;font-weight: bold; text-align:center;background:url(../images/xbbg02.png) no-repeat 4.85rem center; background-size:auto 52px;}
.xbthreeTopFont p b{font-family:"Roboto","Arial";}
.xbthreeTop span.span2{ display:block; font-size:32px; margin-top:0.12rem; }

.xbthreeTips{ font-size:16px; color:#999; padding:1.6rem 0 0 3.2rem; line-height:32px;}

.xbthreeBott{ margin:auto}
.xbthreeBott{ overflow:hidden; padding-top:0.6rem;}
.xbthreeBott li{ float:left;}
.xbthreeBott li.lileft{ width:2.0rem; border-right:1px solid #231815; margin-left:1.5rem; padding-right:0.5rem}
.xbthreeBott li.liright{ width:1.6rem; padding-left:0.70rem;}
.xbthreeBott li p{ font-size:28px;line-height:28px; margin-bottom:0.10rem;}
.xbthreeBott li span{ font-size:48px; line-height:48px;font-family:"Roboto","Arial";}
.xbthreeBott font{ font-size:26px;font-family:"msyhl";}



.three{ overflow:hidden; height:10.0rem;}
.three h3{ font-size:48px; line-height:48px; margin-top:1.8rem; text-align:center;font-family:"aliLight";}
.three img{ margin:auto; width:100%; margin:auto; padding:0.50rem 0 0.50rem 0}
.three b{ font-weight:normal; font-family:"msyhl";}
.three ul{ overflow:hidden;font-family:"Roboto","Arial"; color:#3e3a39; width:90%; margin:auto; padding-top:0.90rem;}
.three ul li{ float:left;} 
.three ul li p{ font-size:46px; text-align:center}
.three ul li span{ font-size:26px; line-height:42px; text-align:center; display:block; margin-top:0.10rem;}  
.threeBott{ text-align:center; padding:0 0.6rem; line-height:40px; font-size:26px; }

.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:46px; line-height:0.60rem;font-family:"aliLight";font-weight: bold;}
.xbfourTop span{ display:block; font-size:26px; line-height:42px; 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:42px;}
.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;}

.four{}
.four img{ width:100%;}
.five{ background:#f0f0f2; height:600px; overflow:hidden}
.fiveText{}
.fiveTop p{font-size:26px; padding:0 16px; padding-top:50px; line-height:32px; text-align:center}
.fiveTop span{ line-height:22px; margin:auto; margin-top:20px; display:block; padding:0 16px; text-align:center}
.fiveBott ul{ overflow:hidden; margin:auto; margin-top:25px; width:80%}
.fiveBott ul li{ float:left; text-align:center; overflow:hidden; width:33.3%}
.fiveBott ul li img{ margin:auto; width:66px;}
.fiveBott ul li p{ font-size:14px; margin-top:5px;}
.fiveBott ul li span{ color:#999; margin-top:2px;}
.fivebg img{ width:86%; margin:auto}

.colorTop h3{font-size:46px; font-family:"aliLight"; text-align:center; padding-top:0.60rem; padding-bottom:0.20rem;}
.colorTop p{ border:1px solid #231815; border-radius:8px; margin:auto; width:4.8rem; height:1.0rem; line-height:1.0rem; text-align:center}
.colorTop span{ font-size:80px;font-family:"Roboto","Arial"; color:#595757}
.colorTop b{ font-weight:normal; font-size:26px; display:block; text-align:center; margin-top:0.30rem}


.box{ overflow:hidden;}
.boxTitle li{ border:1px solid #fff; width:14%; float:left; margin:0 1%; display:block;cursor:pointer}
.boxTitle li.current{border:1px solid #717071;}
.boxTitle li img{ width:70%; margin:auto; padding:0.12rem 0}
.boxTitle li p{ font-size:20px; line-height:28px; text-align:center; color:#888888; padding-bottom:0.08rem; letter-spacing:0}

.colorCon{ position:relative}
.colorCon li{ display:none}
.colorCon li.current{ display:block}
.colorCon img{ width:6.2rem; margin:auto}
.colorCon p{ text-align:center; line-height:26px; font-size:26px; position:absolute; bottom:0.50rem; width:100%; text-align:center}

.six{ text-align:center;}
.six h3{ font-weight:normal; font-size:26px; margin-top:70px;}
.six p{ line-height:22px; font-size:26px; margin-top:20px; padding:0 16px;}
.six img{ margin:auto}
.six ul{ overflow:hidden; width:80%; margin:auto; padding-top:20px; margin-bottom:40px;}
.six ul li{ float:left; width:50%;}
.six ul li img{ width:70px;}
.six ul li span{ display:block; margin-top:5px;}
.sixImg{ padding-bottom:64px;}
.sixImg img{ width:95%; margin:auto}

.sev{ color:#fff; height:6.25rem; 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:36px; font-size:24px; margin-top:0.20rem;}

.xbeight{ background:url(../images/m_xbbg11.jpg) no-repeat center top;background-size:100%; height:11.0rem; overflow:hidden;}
.xbeightText{ text-align:center; color:#c8c9ca}
.xbeightText p{ font-size:0.40rem; padding-top:1.4rem; font-family:"aliLight"; font-weight:bold; line-height:46px;}
.xbeightText span{ display:block; margin-top:0.30rem; font-size:26px; line-height:42px; padding:0 0.3rem}

.xbeight ul{ overflow:hidden; margin:auto; padding-top:0.50rem; margin-left:1.5rem;}
.xbeight ul li{ float:left; border:1px solid #414145; border-radius:0.10rem; width:1.6rem; margin:0 0.40rem;}
.xbeight ul li img{ margin:auto; width:1.4rem}
.xbeight ul li p{ text-align:center; font-size:0.22rem; color:#c8c9ca; padding-bottom:0.20rem}

.xbeight .animationWrap{ position:relative; margin:auto;}
.null, .light{ width:5.20rem; height:6.0rem;}
.animation{ position:absolute; left:0; top:5.8rem; width:5.40rem; height:5.3rem;}
.lightimg img{ z-index:3; position:absolute;top:0; left:0.2rem; cursor:pointer; width:4.9rem}

@keyframes warn{
	0% {transform: scale(0.5);opacity: 0.1;}
	100% {transform: scale(1);opacity: 0;}
}
@-webkit-keyframes warn{
	0% {transform: scale(0.5);opacity: 0.1;}
	100% {transform: scale(1);opacity: 0;}
}
			
.pulse2{
	position: absolute;
	width: 4.0rem;
	height: 4.0rem;
	right: 0;
	bottom: -0.3rem;
	background:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 2;
	opacity: 0;
	-webkit-animation: warn 4s ease-out;
	-moz-animation: warn 4s ease-out;
	animation: warn 4s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}	
.pulse3{
	position: absolute;
	width: 4.0rem;
	height: 4.0rem;
	right: 0;
	bottom:-0.3rem;
	background:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 2;
	opacity: 0;
	-webkit-animation: warn 4s ease-out;
	-moz-animation: warn 4s ease-out;
	animation: warn 4s 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;
}	
.pulse4{
	position: absolute;
	width: 4.0rem;
	height: 4.0rem;
	right: 0;
	bottom: -0.3rem;
	background:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 2;
	opacity: 0;
	-webkit-animation: warn 4s ease-out;
	-moz-animation: warn 4s ease-out;
	animation: warn 4s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}


.xbNine{ height:10.0rem;}
.xbNineTop{ text-align:center; padding-top:1.6rem;}
.xbNineTop p{ font-size:46px; line-height:0.46em;font-family:"aliLight"; font-weight:bold;}
.xbNineTop span{ display:block; margin-top:0.40rem; line-height:42px;  font-size:26px; padding:0 0.3rem}

.xbNineBott{  position:relative; margin:0.6rem auto 0; height:8rem }
.xbNineBott img{ width:45%;}
.xbNineBott .img1{ position:absolute; z-index:4; top:0; right:0rem}
.xbNineBott .img2{ position:absolute; z-index:3; top:0; right:1.4rem}
.xbNineBott .img3{ position:absolute; z-index:2; top:0; left:1.4rem}
.xbNineBott .img4{ position:absolute; z-index:1; top:0; left:0.20rem; width:43%;}	


.ten{background:url(../images/m_xbbg13.jpg) no-repeat center top; background-size:100%; height:9.0rem; color:#fff; overflow:hidden}
.tenTop{ padding-top:1.60rem; text-align:center}
.tenTop p{ font-size:46px; line-height:0.46em;font-family:"aliLight"; font-weight:bold;}
.tenTop span{ display:block; margin-top:0.40rem; line-height:42px;  font-size:26px; padding:0 0.3rem}

.tenTitle{ overflow:hidden; margin:0.60rem 0 0.70rem 1.7rem;}
.tenTitle li{ float:left; width:1.6rem; height:0.36rem; line-height:0.36rem; display:inline-block; margin:0 0.20rem; text-align:center;font-size:0.24rem; border:1px solid #9E9E9F; color:#9E9E9F;cursor:pointer}
.tenTitle li.current{ background:url(../images/xbbg14.png) repeat; border:none;  width:1.7rem; height:0.43rem; line-height:0.43rem; color:#fff}

.tenCon_danti p,.tenCon_lianti p{ font-size:26px; margin-top:0.40rem; text-align:center}

.tenDiv{ height:4.0rem;}
.tenCon_danti{ padding:0 0.30rem}
.swiper-container1 img,.swiper-container2 img{ width:100%;}


/*****************************************************************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}