.proAllWrap{font-family:"msyhl","微软雅黑"; font-size:16px; letter-spacing:0.7px;}
@font-face{font-family: 'msyhl';
	      src: url('../font/msyhl11.eot'); 
	      src: url('../font/msyhl11.eot') format('embedded-opentype'), 
	      url('../font/msyhl11.woff') format('woff'), 
	      url('../font/msyhl11.ttf') format('truetype'), 
	      url('../font/msyhl11.svg') format('svg'); 
	  }

.pro_wrap{ width:1080px; margin:auto;}
.one{ overflow:hidden; padding-bottom:30px; padding-top:120px; background:url(../image/mensuo_bg1.jpg) no-repeat top center; height:610px; color:#e1e1e1}
.oneL{ float:left; width:490px; margin-top:168px;}
.oneR{ float:right; width:540px;}
.one h1{ font-size:40px; line-height:40px; font-weight:normal}
.one p{ font-size:32px; color:#ba9870; margin-top:3px;}
.one span{ display:block; margin-top:40px; line-height:28px;}

.two{ background:#f5f5f5;  padding:130px 0;}
.twoTop{ text-align:center}
.twoTop p{ font-size:40px; line-height:40px;}
.twoTop span{ display:block; margin-top:15px;}
.twoBott ul{ overflow:hidden; padding-top:20px;}
.twoBott ul li{ width:23%; margin:0 1%;margin-top:45px; display:block; float:left; text-align:center; }
.twoBott ul li p{ margin-top:8px;font-family:"微软雅黑"; font-weight:bold; color:#ba9870; font-size:18px;}
.twoBott ul li img{ margin:auto}

.three{ height:830px; width:1200px; margin:auto; overflow:hidden}
.threeL{ width:540px; float:left}
.threeL img{ margin-top:45px;}
.threeR{ width:650px; float:right; overflow:hidden; margin-top:240px; }
.threeR h3{ font-weight:normal; font-size:40px; padding-left:60px;}
.threeR ul{ overflow:hidden; margin-top:36px;}
.threeR ul li{ width:160px; padding-left:20px; float:left; display:block; margin-bottom:20px; text-align:center;}
.threeR ul li img{ margin:auto; padding-bottom:3px;} 
.threeR ul li p{font-size:14px; font-family:"微软雅黑"; font-weight:bold; margin-bottom:3px;}
.threeR ul li span{ font-size:14px; } 

	@keyframes warn{
	0% {transform: scale(0.1);opacity: 1;}	
	50% {transform: scale(0.5);opacity: 0.5;}
	100% {transform: scale(1);opacity: 0.0;}
	}
	@-webkit-keyframes warn{
	0% {transform: scale(0.1);opacity: 1;}	
	50% {transform: scale(0.5);opacity: 0.5;}
	100% {transform: scale(1);opacity: 0.0;}
	}
	
	
.detail{ height:720px; background:url(../image/mensuo_bg2.jpg) no-repeat center top;}
.detail .pro_wrap{ position:relative; height:720px; min-width:1080px; padding-top:130px;}
.detail h3{ color:#fff; font-size:40px; padding-left:20px; font-weight:normal}
.dotText{ color:#fff; background:url(../image/bg3.png) repeat; padding:20px;  border-radius:10px;}
.dotText p{ font-size:16px; color:#cb9657;font-family:"微软雅黑"; font-weight:bold; margin-bottom:3px }
.dotText{ display:none}
.dotText span{ font-size:14px;}
.dot{ cursor:pointer}
.dot1{ position:absolute; top:145px; right:210px; z-index:10}
.dot1Text{ position:absolute; top:145px; right:220px;z-index:10}
.dot2{ position:absolute; top:236px; right:370px; z-index:10}
.dot2Text{ position:absolute; top:220px; right:390px;z-index:10}
.dot3{ position:absolute; top:300px; right:230px; z-index:10}
.dot3Text{ position:absolute; top:300px; right:230px; z-index:10}
.dot4{ position:absolute; top:450px; right:80px; z-index:10}
.dot5{ position:absolute; top:670px; right:280px; z-index:10}
.dot5Text{ position:absolute; top:620px; right:280px;z-index:10}
.dot6{ position:absolute; top:670px; right:200px; z-index:10}
.dot6Text{ position:absolute; top:620px; right:210px; z-index:10}
.dot7{ position:absolute; top:325px; right:380px; z-index:10}
.dot7Text{ position:absolute;top:325px; right:380px; z-index:10}
.dot8{ position:absolute; top:370px; right:184px; z-index:10}
.dot8Text{ position:absolute;top:370px; right:184px;  z-index:10}
.dot9{ position:absolute; top:540px; right:330px; z-index:10}

.pulse1{
		position: absolute;
		width: 36px;
		height: 36px;
		background:#cb9657;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		z-index: 2;
		opacity: 0;

		-webkit-animation: warn 2s ease-out infinite;
		-moz-animation: warn 2s ease-out infinite;
		animation: warn 2s ease-out infinite;
	}
	
.pulse2{
		position: absolute;
		width: 36px;
		height: 36px;
		background:#cb9657;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		z-index: 2;
		opacity: 0;

		-webkit-animation: warn 2s ease-out 0.7S infinite;
		-moz-animation: warn 2s ease-out 0.7S infinite;
		animation: warn 2s ease-out 0.7S infinite;
	}
	
	
.pulse3{
		position: absolute;
		width: 36px;
		height: 36px;
		background:#cb9657;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		z-index: 2;
		opacity: 0;

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

	}





.four{ background:url(404.png) no-repeat center center; height:649px;}
.five{ height:760px; position:relative; background:#f0f0f2}
.fiveText{ position:absolute; z-index:999}
.fivebg{background:url(404.png) 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}
.sev ul li{ overflow:hidden}
.sev li.sxjLi1{ background:url(../image/mensuo_img2.jpg) no-repeat center top; height:908px;}
.sev li.sxjLi2{ background:url(../image/mensuo_img3.jpg) no-repeat center top; height:908px;}
.sev li.sxjLi3{ background:url(../image/mensuo_img8.jpg) no-repeat center top; height:908px;}
.sev li.sxjLi4{ background:url(../image/mensuo_bg3.jpg) no-repeat center top; height:908px;}
.sev li .sxjLi1_L{ float:left; width:390px; display:block; padding-left:10px;}
.sev li .sxjLi2_L{ float:left; width:470px; display:block; padding-left:10px;}
.sev li .sxjLi3_L{ float:left; width:470px; display:block; padding-left:10px;}
.sev li .sxjLi4_L{ float:left; width:470px; display:block; padding-left:10px;}
.sev li .sxjLi1_L img{ width:288px; margin-top:40px;}
.sev li .sxjLi2_L img{ width:300px; margin-top:40px;}
.sev li p{ font-size:40px; margin-top:210px;}
.sev li span{ display:block; margin-top:20px; line-height:28px;}
.sev li .sxjLi1_R{ float:right;  padding-top:36px;}
.sxjLi2_L font{ margin-top:300px; display:block}




.linkage{ height:760px; overflow:hidden; background:url(../image/mensuo_img12.jpg) no-repeat center top; position:relative}
.linkTop{ background:url(../image/mensuo_img10.jpg) no-repeat center top; height:760px;  position:absolute; top:0; left:0; z-index:12; width:100%;}
.linkTop .link_pro{ float:right; margin-top:368px; position:relative}
.linkTop .link_fingerprint{ position:absolute; left:24px; top:155px; cursor:pointer}
.linkCenter{ height:760px; background:url(../image/mensuo_img13.jpg) no-repeat center top; position:absolute; top:0; left:0; z-index:10; width:100%; display:none}
.link_tv{ height:760px; background:url(../image/mensuo_tv.png) no-repeat center top; position:absolute; top:0; left:0; z-index:11; width:100%; display:none}
.link_tv .pro_wrap{ position:relative; min-width:1080px}
.loader {
	position: absolute;
	top: 380px;
	right: 12px;
	margin: auto;
	width: 200px;
	height: 40px;

}
.loader span {
	display: block; float:left;
	margin-top: 25%;
}
.loader span img{ display:block}


.loader span:nth-child(1) img {
	position:absolute; top:-20px; left:46px;
 animation: yinyue 2.5s 0s infinite linear;
}
.loader span:nth-child(2) img {
	position:absolute; top:-20px; left:46px;
 animation: yinyue2 3.5s 0s infinite linear;
}
.loader span:nth-child(3) img {
	position:absolute; top:-20px; left:46px;
 animation: yinyue3 2s 0s infinite linear;
}
.loader span:nth-child(4) img {
	position:absolute; top:-20px; left:46px;
 animation: yinyue3 3s 0s infinite linear;
}

@-webkit-keyframes yinyue {
  0% {-webkit-transform: translate(0, 0);
  	  transform: translate(0, 0); }		
  50% {-webkit-transform: translate(0, -100px);
  	  transform: translate(0, -100px); }
  100% {-webkit-transform: translate(0, -100000px);
  	    transform: translate(0, -100000px);} }
@keyframes yinyue {
  0% { -webkit-transform: translate(0, 0);
  	   transform: translate(0, 0); }
  50% {-webkit-transform: translate(0, -100px);
  	   transform: translate(0, -100px); }
  100% {-webkit-transform: translate(0, -100000px);
  		transform: translate(0, -100000px); } }
 
@-webkit-keyframes yinyue2 {
  0% {-webkit-transform: translate(0, 0);
  	  transform: translate(0, 0); }		
  50% {-webkit-transform: translate(-40px, -100px);
  	  transform: translate(-40px, -100px); }
  100% {-webkit-transform: translate(-160px, -100000px);
  	    transform: translate(-160px, -100000px);} }
@keyframes yinyue2 {
   0% {-webkit-transform: translate(0, 0);
  	  transform: translate(0, 0); }		
  50% {-webkit-transform: translate(-40px, -100px);
  	  transform: translate(-40px, -100px); }
  100% {-webkit-transform: translate(-160px, -100000px);
  	    transform: translate(-160px, -100000px);} }
		
		
@-webkit-keyframes yinyue3 {
  0% {-webkit-transform: translate(0, 0);
  	  transform: translate(0, 0); }		
  50% {-webkit-transform: translate(40px, -100px);
  	  transform: translate(40px, -100px); }
  100% {-webkit-transform: translate(80px, -100000px);
  	    transform: translate(80px, -100000px);} }
@keyframes yinyue3 {
    0% {-webkit-transform: translate(0, 0);
  	  transform: translate(0, 0); }		
  50% {-webkit-transform: translate(40px, -100px);
  	  transform: translate(40px, -100px); }
  100% {-webkit-transform: translate(80px, -100000px);
  	    transform: translate(80px, -100000px);} }


.yanwu{ background:url(../image/smoke.gif) 8px 348px no-repeat; width:100%; height:760px;}




.eight{ overflow:hidden; padding-top:90px; padding-bottom:100px;}
.eightL{ float:left; width:540px;}
.eightL p{ font-family:"微软雅黑"; font-weight:bold; font-size:20px; margin-top:20px; padding-left:180px;}

.eightL dl dt img{ float:left; border:1px solid #e8e8e8; padding:3px; margin-right:10px; width:40px; cursor:pointer; display:block;}
.eightL dl dt.current img{border:1px solid #b8b8b8;}
.eightL dl{ overflow:hidden; width:180px; padding-left:235px; padding-top:10px;}
.eightR{ width:430px; float:right;}
.eightR dl dt{ font-size:28px; border-bottom:1px solid #b2b2b2;line-height:50px; padding-left:12px;}
.eightR dl dd{border-bottom:1px solid #b2b2b2; line-height:50px; padding-left:12px;}
.eightR p{ margin-top:20px;}