@charset "utf-8";

@charset "utf-8";
.proAllWrap{font-family:"msyhl","微软雅黑"; font-size:12px; letter-spacing:0.7px; color:#000; max-width:1024px; margin:auto}
@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- */
	  }

.pro_wrap{ width:100%; margin:auto}
.one{ overflow:hidden; padding-top:50px; text-align:center; background:#010101}
.oneL{ color:#fff}
.oneR img{ width:100%; margin:auto;}
.one h1{ font-size:26px; line-height:26px; font-weight:normal}
.one p{ font-size:18px; color:#ba9870; margin-top:5px;}
.one span{ display:block; margin-top:25px; line-height:20px; padding:0 20px;}

.two{ color:#000; padding:80px 0;}
.twoTop{ text-align:center}
.twoTop p{ font-size:26px; line-height:26px;}
.twoTop span{ display:block; margin-top:15px;}
.twoBott ul{ overflow:hidden; padding-top:0px; width:90%; margin:auto}
.twoBott ul li{ width:48%; margin:0 1%;margin-top:20px; display:block; float:left; text-align:center; }
.twoBott ul li p{ margin-top:5px; font-family:"微软雅黑"; font-weight:bold; font-size:14px; color:#ba9870}
.twoBott ul li span{ margin-top:5px; font-size:10px;}
.twoBott ul li img{ margin:auto; width:60px;}

.three{ margin:auto; overflow:hidden; padding-bottom:40px; height:600px;}
.threeL{}
.threeL img{ margin:auto;  width:70%; margin-top:40px;}
.threeR{overflow:hidden;}
.threeR h3{ font-weight:normal; font-size:24px;  line-height:32px; width:80%; margin:auto;margin-top:0px; text-align:center}
.threeR ul{ overflow:hidden; width:80%; margin:auto; margin-top:14px;}
.threeR ul li{ width:32%; float:left; text-align:center; text-align:center; margin-top:20px;}
.threeR ul li img{ width:54px; margin:auto} 
.threeR ul li p{font-size:12px; margin-top:5px; font-weight:bold }
.threeR ul li span{ font-size:10px; } 



	@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{ background:url(../images/m_mensuo_bg2.jpg) no-repeat center top; background-size:auto 300px; width:100%;}
@media screen and (min-width: 480px) { 
.detail{ background:url(../images/m_mensuo_bg2.jpg) no-repeat center top; background-size:100%; width:100%; padding-bottom:100px;}
}
.detail .pro_wrap{ position:relative; }
.detail h3{ color:#fff; font-size:18px; padding-top:30px; padding-bottom:280px; padding-left:20px; font-weight:normal;}
.dotText{ color:#fff; background:url(../images/bg.png) repeat; padding:10px;  border-radius:10px;position:absolute; top:30%; left:10px;z-index:10; width:40%;}
.dotText p{ font-size:12px; color:#cb9657;font-family:"微软雅黑"; font-weight:bold; margin-bottom:3px }
.dotText{ display:none;}
.dotText span{ font-size:10px;}
.dot{ cursor:pointer}
.dot1{ position:absolute; top:13%; right:34%; z-index:10}
.dot2{ position:absolute;top:26%; right:50%; z-index:10}
.dot3{ position:absolute;top:35%; right:35%; z-index:10}
.dot4{ position:absolute; top:450px; right:80px; z-index:10}
.dot5{ position:absolute; bottom:24%; right:30%; z-index:10}
.dot6{ position:absolute; bottom:24%; right:40%; z-index:10}
.dot7{ position:absolute;top:38%; right:51%; z-index:10}
.dot8{ position:absolute;top:42%; right:28%; z-index:10}

@media screen and (min-width: 480px) { 
.dot1{ position:absolute; top:23%; right:34%; z-index:10}
.dot2{ position:absolute;top:36%; right:50%; z-index:10}
.dot3{ position:absolute;top:45%; right:35%; z-index:10}
.dot4{ position:absolute; bottom:100%; right:80px; z-index:10}
.dot5{ position:absolute; bottom:34%; right:30%; z-index:10}
.dot6{ position:absolute; bottom:34%; right:40%; z-index:10}
.dot7{ position:absolute;top:48%; right:51%; z-index:10}
.dot8{ position:absolute;top:52%; right:28%; z-index:10}
}
.detail .

.pulse1{
		position: absolute;
		width: 25px;
		height: 25px;
		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: 25px;
		height: 25px;
		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: 25px;
		height: 25px;
		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{}
.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}

.six{ text-align:center;}
.six h3{ font-weight:normal; font-size:26px; margin-top:70px;}
.six p{ line-height:22px; 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;}
.sxjLi1{ background:url(../images/m_mensuo_img2.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
.sxjLi2{ background:url(../images/m_mensuo_img3.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
.sxjLi3{ background:url(../images/m_mensuo_img8.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
.sxjLi4{ background:url(../images/m_mensuo_img3.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
@media screen and (min-width: 480px) { 
.sxjLi1{ background:url(../images/mensuo_img2.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
.sxjLi2{ background:url(../images/mensuo_img3.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
.sxjLi3{ background:url(../images/mensuo_img8.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
.sxjLi4{ background:url(../images/mensuo_img3.jpg) no-repeat center top; background-size:auto 540px; overflow:hidden}
}
.sxjLi_L{ height:180px; overflow:hidden}
.sev p{ font-size:26px; margin-top:50px;padding:0 16px;}
.sev span.span0{ display:block; margin-top:10px; line-height:22px; padding:0 16px;}
.sev font{ display:block; margin-top:10px;  padding:0 16px;}
.sev img{ width:240px; float:right}


.swiper-pagination{ margin-left:40px;}
.swiper-pagination-bullet{ width:8px; height:8px; display:inline-block;  float:left; overflow:hidden;}


.eight{ overflow:hidden;}
.eightL p{ font-weight:bold; margin-top:20px; text-align:center; font-size:14px;}
.eightL ul{ overflow:hidden}
.eightL ul img{ width:80%; margin:auto}
.eightL dl{ overflow:hidden}
.eightL dl dt{float:left; margin:0 5px; width:46px; }
.eightL dl dt img{ border:1px solid #e8e8e8;display:block; cursor:pointer; width:38px; padding:3px; display:block}
.eightL dl dt.current img{border:1px solid #b8b8b8;}
.eightL dl{ overflow:hidden; padding-top:10px; margin:auto; width:112px}
.eightR{ margin:auto; padding:0 16px;}
.eightR dl{ margin-top:40px;}
.eightR dl dt{ border-bottom:1px solid #e4e4e4;line-height:42px; padding-left:12px;}
.eightR dl dd{border-bottom:1px solid #e4e4e4; line-height:42px; padding-left:12px;}
.eightR p{ margin-top:20px;}






.linkage{ overflow:hidden; position:relative; margin-bottom:40px;}
.linkTop{ background:url(../images/m_mensuo_img10.jpg) no-repeat center top; background-size:100%; position:absolute; top:0; left:0; z-index:12; width:100%; height:100%;}
.linkTop .link_pro{position:relative; bottom:-1px; height:100%;}
.linkTop .link_pro img{ position:absolute; bottom:0px; right:10px; height:200px;}
.linkTop .link_fingerprint{ position:absolute;bottom:90px; right:83px; cursor:pointer; z-index:99}
.linkTop .link_fingerprint img{ height:30px;}
.linkCenter{ background:url(../images/m_mensuo_img13.jpg) no-repeat center top; background-size:100%; position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; display:none}
.link_tv{ background:url(../images/m_mensuo_tv.png) no-repeat center top;background-size:100%; position:absolute; top:0; left:0; z-index:11; width:100%;height:100%; display:none}
.bg img{ width:100%;}


.yanwu{  position:absolute;width:23.7%; left:30.6%; top:45.5%; display:block}
.yanwu img{ width:100%;}