@charset "utf-8";
.proAllWrap{font-family:"msyhl","aliLight","","Microsoft Yahei","微软雅黑"; font-size:16px; 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:1080px; margin:auto;}
.one{ overflow:hidden; background:#000 url(../images/banner.jpg) no-repeat bottom center; height:902px; padding-top:50px;}
.oneL{ padding-top:202px;}
.one h1{ font-size:48px; line-height:48px; font-family:"aliLight"; font-weight: bold; color:#fff; padding-left:160px;}
.one p{ font-size:28px; color:#A38A77; margin-top:12px; padding-left:196px;}
.one span{ display:block; margin-top:40px; line-height:28px;}

.two{ background:url(../images/xbbg03.jpg) no-repeat center center; color:#fff; height:900px;}
.twoTop{ text-align:center; padding-top:160px; color:#c8c9ca}
.twoTop p{ font-size:46px; line-height:40px;font-family:"aliLight";font-weight: bold;}
.twoTop span{ display:block; margin-top:25px; line-height:28px;  font-size:16px}

.three{ overflow:hidden; height:900px}
.three h3{ font-size:46px; margin-top:120px; text-align:center;font-family:"aliLight";}
.three img{ margin:auto; padding:40px 0 30px 0}
.three b{ font-weight:normal; font-family:"msyhl";}
.three ul{ overflow:hidden; width:720px; margin:70px auto 0;font-family:"Roboto","Arial"; color:#3e3a39}
.three ul li{ width:240px; float:left;} 
.three ul li p{ font-size:46px; text-align:center; height:46px; line-height:46px;}
.three ul li span{ font-size:20px; text-align:center; display:block; margin-top:8px;}  
.threeBott{ text-align:center; }

.xbthree{ background:url(../images/xbbg01.jpg) no-repeat center center; height:900px;}
.xbthreeTop{ text-align:center; padding-top:300px;}
.xbthreeTopFont{ width:470px; margin:auto; overflow:hidden;font-size:46px; line-height:70px;}
.xbthreeTopFont p{ float:left;font-family:"aliLight";font-weight: bold;}
.xbthreeTopFont span.span1{ background:url(../images/xbbg02.png) no-repeat center center; display:block; float:left; padding:0 20px; font-weight:bold;font-family:"Roboto","Arial";}
.xbthreeTop span.span2{ display:block; font-size:26px; line-height:50px;}

.xbthreeTips p{ font-size:14px; color:#999; text-align:center; padding-top:300px}

.xbfour{ background:url(../images/xbbg4.jpg) no-repeat center center; color:#fff; height:900px;}
.xbfourTop{ text-align:center; padding-top:120px; color:#c8c9ca}
.xbfourTop p{ font-size:46px; line-height:40px;font-family:"aliLight";font-weight: bold;}
.xbfourTop span{ display:block; margin-top:35px; line-height:28px;  font-size:16px}
.xbfourCen{ overflow:hidden; width:550px; margin:auto; padding-top:50px}
.xbfourCen li{ float:left}
.xbfourCen li span{ font-size:20px; color:#c8c9ca; display:block;}
.xbfourCen li.lileft{ background:url(../images/xbbg05.png) no-repeat 30px center; width:230px; padding-left:60px;}
.xbfourCen li.liright{ background:url(../images/xbbg06.png) no-repeat 50px center;width:180px; padding-left:80px;}
.xbfourCen li p{ font-family:"aliLight"; font-size:26px; line-height:32px; padding-top:60px; margin-bottom:35px;}
.xbfourBott{ background:url(../images/xbbg07.jpg) no-repeat center center; height:334px; margin-top:70px;}

.xbthreeBott{ width:450px; margin:auto}
.xbthreeBott{ overflow:hidden; padding-top:50px;}
.xbthreeBott li{ float:left;}
.xbthreeBott li.lileft{ width:240px; border-right:1px solid #231815}
.xbthreeBott li.liright{ width:159px; padding-left:50px}
.xbthreeBott li p{ font-size:20px;line-height:20px; margin-bottom:10px;}
.xbthreeBott li span{ font-size:46px; line-height:46px;font-family:"Roboto","Arial";}
.xbthreeBott font{ font-size:18px;font-family:"msyhl";}

.colorTop h3{font-size:46px; font-family:"aliLight"; text-align:center; padding-top:60px; padding-bottom:10px;}
.colorTop span{ font-size:14px;font-family:"Roboto","Arial"; color:#999; text-align: center; display: block; margin-top: 15px;}
.colorTop b{ font-weight:normal; font-size:20px; display:block; text-align:center;}

.box{ width:1200px; margin:auto; overflow:hidden; margin-top:60px; position:relative; height:600px}
.boxTitle li{ border:1px solid #fff; width:68px; margin:0 16px; height: 92px; margin-bottom:16px; display:block; float:left; padding-top:4px; cursor:pointer}
.boxTitle li.current{border:1px solid #717071;}
.boxTitle li img{ width:60px; margin:auto}
.boxTitle li p{ font-size:10px; line-height:12px; padding-top: 5px; text-align:center; color:#888888}

.colorCon{ position:absolute; left:398px; top:0; z-index:9; width:410px;}
.colorCon li{ display:none}
.colorCon li.current{ display:block}
.colorCon img{ width:100%;}
.colorCon p{ text-align:center; line-height:28px; font-size:16px}

.four{ background:url(../images/sjx_img3.jpg) no-repeat center center; height:649px;}
.five{ height:760px; position:relative; background:#f0f0f2}
.fiveText{ position:absolute; z-index:999}
.fivebg{background:url(../images/sjx_img4.jpg) no-repeat center top;height:760px;}
.fiveText{ width:400px;}
.fiveTop p{font-size:40px; margin-top:187px;}
.fiveTop span{ line-height:28px; margin-top:30px; display:block}


.fiveBott ul{ overflow:hidden; margin-top:50px;}
.fiveBott ul li{ float:left; width:120px; text-align:center; overflow:hidden; margin-right:20px}
.fiveBott ul li img{ margin:auto}
.fiveBott ul li p{ font-size:18px; margin-top:5px;}
.fiveBott ul li span{ color:#999; margin-top:2px;}

.six{ text-align:center;}
.six h3{ font-weight:normal; font-size:40px; margin-top:100px;}
.six p{ line-height:28px; margin-top:30px;}
.six img{ margin:auto}
.six ul{ overflow:hidden; width:456px; margin:auto; padding-top:20px; margin-bottom:40px;}
.six ul li{ width:228px; float:left;}
.six ul li span{ display:block; margin-top:5px;}
.sixImg{ padding-bottom:64px;}

.sev{ color:#fff; height:900px}
.sev ul li{ overflow:hidden}
.sev li.sxjLi1{ background:url(../images/xbbg08.jpg) no-repeat center top; height:900px;}
.sev li.sxjLi2{ background:url(../images/xbbg09.jpg) no-repeat center top; height:900px;}
.sev li.sxjLi3{ background:url(../images/xbbg12.jpg) no-repeat center top; height:900px;}
.sev li.sxjLi4{ background:url(../images/xbbg10.jpg) no-repeat center top; height:900px;}
.sev li .sxjLi1_L{ text-align:center}
.sliderPrew{ position: absolute; left:20px; top: 45%; z-index: 999;filter:alpha(opacity=50);opacity:0.5;}
.sliderNext{ position: absolute; right:20px; top: 45%; z-index: 999;filter:alpha(opacity=50);opacity:0.5;}
.sliderPrew:hover,.sliderNext:hover{filter:alpha(opacity=100);opacity:1;}



.textbg{ width:666px; height:170px; float:right; background:url(../images/xbtextbg.png) repeat; margin-top:140px; color:#c8c9ca; padding-left:140px}
.textbg p{ font-size:44px; padding-top:20px; font-family:"aliLight"; line-height:48px; font-weight: bold}
.textbg span{ display:block; margin-top:20px; line-height:28px;}


.xbeight{ background:url(../images/xbbg11.jpg) no-repeat center top; height:900px;}
.xbeightText{ text-align:center; color:#c8c9ca}
.xbeightText p{ font-size:46px; padding-top:94px; font-family:"aliLight"; line-height:48px; font-weight: bold}
.xbeightText span{ display:block; margin-top:20px; line-height:28px;}

.xbeight ul{ overflow:hidden; width:460px; margin:auto; padding-top:50px;}
.xbeight ul li{ float:left; border:1px solid #414145; border-radius:10px; height:140px; width:140px; margin:0 41px;}
.xbeight ul li img{ margin:auto}
.xbeight ul li p{ text-align:center; font-size:20px; color:#c8c9ca}

.xbeight .animationWrap{ position:relative; width:1280px; margin:auto; height:900px;}
.null, .light{ width:520px; height:600px;}
.animation{ position:absolute; left:0; top:240px; width:520px; height:600px;}
.lightimg img{ z-index:3; position:absolute;top:0; left:0;}
.animationText{ position:absolute; left:290px; bottom:180px; color:#fff; z-index:999; color:#888888}
.btnHover{ width: 300px; height: 300px; background:transparent; position: absolute; z-index: 1001; right: 50px; border-radius: 50%; bottom: 50px; cursor: pointer;}

@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: 382px;
	height: 382px;
	right: 0;
	bottom: 10px;
	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: 382px;
	height: 382px;
	right: 0;
	bottom: 10px;
	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: 382px;
	height: 382px;
	right: 0;
	bottom: 10px;
	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:900px;}
.xbNineTop{ text-align:center; padding-top:140px;}
.xbNineTop p{ font-size:46px; line-height:46px;font-family:"aliLight"; font-weight: bold}
.xbNineTop span{ display:block; margin-top:35px; line-height:28px;  font-size:16px}

.xbNineBott{ width:840px; height:520px; position:relative; margin:60px auto 0; }
.xbNineBott .img1{ position:absolute; z-index:4; top:0; right:10px}
.xbNineBott .img2{ position:absolute; z-index:3; top:0; right:190px}
.xbNineBott .img3{ position:absolute; z-index:2; top:0; left:205px}
.xbNineBott .img4{ position:absolute; z-index:1; top:0; left:20px}	

.ten{background:url(../images/xbbg13.jpg) no-repeat center top; height:900px; color:#fff}
.tenTop{ padding-top:116px; text-align:center}
.tenTop p{ font-size:46px; line-height:46px;font-family:"aliLight"; font-weight: bold}
.tenTop span{ display:block; margin-top:32px; line-height:28px;  font-size:20px}

.tenTitle{ overflow:hidden; width:284px; margin:60px auto 0;}
.tenTitle li{ float:left; width:104px; height:28px; line-height:28px; display:inline-block; margin:0 18px; text-align:center;font-size:16px; border:1px solid #9E9E9F; color:#9E9E9F;cursor:pointer;}
.tenTitle li.current{ background:url(../images/xbbg14.png) repeat; border:none; width:106px; height:30px; line-height:30px; color:#fff}

.tenDiv{ height:500px;}
.tenCon_lianti{ background:url(../images/lianti.png) no-repeat center 30px; }
.tenCon_lianti p{display:block; padding-top:500px; line-height:28px;  font-size:16px; text-align:center}

#d_tab29 ul,#d_tab29 li{margin:0;padding:0;list-style:none}
#d_tab29 img{border:0;vertical-align:top}

#d_tab29{position:relative;text-align:left; margin-top:10px;}
#d_tab29 .d_img{position:relative;margin:0 auto;width:1330px;height:100%} 
#d_tab29 .d_img li{position:absolute;display:none;z-index:0}
#d_tab29 .d_img li img{width:100%;}

	
 
#d_tab29 .d_img li.d_pos1{display:block;width:188px;top:100px;z-index:1}
#d_tab29 .d_img li.d_pos2{display:block;width:212px;top:90px;z-index:2;}
#d_tab29 .d_img li.d_pos3{display:block;width:360px;top:20px;z-index:3}
#d_tab29 .d_img li.d_pos4{display:block;width:212px;top:90px;z-index:2}
#d_tab29 .d_img li.d_pos5{display:block;width:188px;top:100px;z-index:1}
#d_tab29 p{ font-size:16px; margin-top:20px; color:#B4B4B5; text-align:center}



#d_tab29 .d_menu{width:100%;text-align:center; height:500px;}
#d_tab29 .d_menu li{display:inline-block;zoom:1;*display:inline;background:url('img/btn.png') no-repeat 0 0;width:12px;height:12px;cursor:pointer;margin-right:3px}
#d_tab29 .d_menu li.d_select{background:url('img/btn.png') no-repeat 0 -18px}

#d_tab29 .d_next{position:absolute;left:50%;margin-left:190px;top:155px;z-index:10;cursor:pointer}
#d_tab29 .d_prev{position:absolute;left:50%;margin-left:-240px;top:155px;z-index:10;cursor:pointer}

/*****************************************************************jm_top*****************************************************************/
.jm_top{ position:fixed; right:10px; bottom:0px; height:162px; margin-top:-81px; z-index:9}
.jm_top ul li{ margin-bottom:4px; background:#c8c8c8; cursor:pointer;}
.jm_top ul li:hover{ background:#a3793d}
.jm_top ul li#scrollTop{ display:none}