@font-face{
	font-family:ProximaNova-Light;
	src: url(../font/ProximaNova-Light.otf);
}
/*body{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background: url(../img/bg_body2.jpg)repeat;
	background: #000000;
	font-family:ProximaNova-Light,sans-serif;
	font-size: 16px;
}*/
a{
	text-decoration: none;
}
.header_top{
	display: block;
}
.app_top{
	display: none;
}
.Scene{
	display: block;
}
.app_scene{
	display: none;
}
.header_top{
	width: 100%;
	min-width: 960px;
	height: 90px;
	position: fixed;
	z-index: 999;
	background: #2f2f2f;
}
.header_logo{
	width: 20%;
	height: 90px;
	background: url(https://whmpnet.com/ixi_img/logo.png)no-repeat;
	background-size:auto 50%;
	background-position: center center;
	float: left;
}
.header_center{
	width: 60%;
	min-width: 720px;
	height: 90px;
	float: left;
}
.BTN_right{
	width: 90%;
	max-width: 960px;
	height: 90px;
	margin: auto;
	padding: 0;
}
.BTN_1{
	width: 14.28%;
	height: 90px;
	line-height: 90px;
	text-align: center;
	color: white;
	cursor: pointer;
	float: left;
	font-size: 16px;
	transition: all 0.3s ease-in-out;
}
.BTN_1:hover{
	color: yellow;
	font-size: 19px;
}
.BTN_1 a{
	color: black;
}
.language{
	width: 20%;
	height: 90px;
	float: left;
}
.English{
	width: 100px;
	height: 30px;
	margin: auto;
	line-height: 30px;
	text-align: center;
	background: black;
	color: white;
	font-size: 0.8rem;
	border-radius: 5px;
	margin-top: 30px;
	cursor: pointer;
}
.English:hover{
	background: white;
	color: black;
}
.button_M8-M2{
	width: 100%;
	height: 35px;
	background: #353535;
	display: block;
}
.button_M8-M2 ul{
	width: 1000px;
	height: 35px;
	margin: auto;
}
.BTN_right li{
	list-style-type: none;
}
.button_M8 li{
	width: 100px;
	height: 35px;
	float: left;
	line-height: 35px;
	text-align: center;
	color: white;
	font-size: 0.9rem;
	cursor: pointer;
	list-style-type: none;
	transition: all 0.5s ease-in-out;
}
.button_M8 li:hover{
	background: gray;
}
.button_M8-M2 a{
	color: white;
}
.center_application{
	width: 100%;
	margin: auto;
	float: left;
	margin-bottom: 150px;
}
.center_application p{
	width: 100%;
	font-size: 2.6rem;
	line-height: 60px;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
	color: white;
}
.Scene{
	width: 1280px;
	margin: auto;
}
.Scene_img_left_top,.Scene_img_left_bottom,.Scene_img_right_bottom,.Scene_img_right_top{
	width: 635px;
	height: 405px;
	float: left;
	cursor: pointer;
	position: relative;
	transition: all 0.5s ease-in-out;
}
.Scene_img_left_top{
	background: url(../img/img_01.jpg)no-repeat;
	background-size:100%;
	background-position: center;
}
.Scene_img_right_top{
	background: url(../img/img_02.jpg)no-repeat;
	background-size:100%;
	background-position: center;
}
.Scene_img_left_bottom{
	background: url(../img/img_03.jpg)no-repeat;
	background-size:100%;
	background-position: center;
}
.Scene_img_right_bottom{
	background: url(../img/img_04.jpg)no-repeat;
	background-size:100%;
	background-position: center;
}
.Scene_img_right_top,.Scene_img_right_bottom{
	margin-left: 10px;
}
.Scene_img_left_bottom,.Scene_img_right_bottom{
	margin-top: 10px;
}
.Scene_img_left_top:hover,.Scene_img_right_top:hover,.Scene_img_left_bottom:hover,.Scene_img_right_bottom:hover{
	background-size:113%;
	background-position: center;
}
.BJ01{
	width: 100%;
	height: 100%;
	position: absolute;
	line-height: 405px;
	text-align: center;
	color: white;
	background: #000000c2;
	font-size: 2.0rem;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.BJ01:hover{
	opacity: 1;
}
.footer{
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
	background: #000000;
}

.white{
	background: white;
}
.red{
	background: gray;
}
.g{
	background: #e1e1e1;
}
.M8_center_all{
	width: 100%;
	height: 170px;
	background-image:linear-gradient(60deg,#d2d2d2,white,#d2d2d2) ;
}
.top_IXImega_m8{
	width: 860px;
	height: 170px;
	margin: auto;
}
.m8_text_01{
	width: 54%;
	height: 50px;
	text-align: right;
	float: left;
	font-size:2.6rem;
	padding-top: 30px;
	font-weight: bold;
}
.m8_text_02{
	width: 36%;
	height: 50px;
	text-indent: 10px;
	float: left;
}
.m8_text_02_01{
	padding-top: 30px;
}
.m8_text_02_01,.m8_text_02_02{
	width: 100%;
	height: 25px;
	font-size: 1.2rem;
}
.m8_text_03{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 1.1rem;
	float: left;
}
.M8_img_Exhibition{
	width: 100%;
	height: 700px;
	background: #f7f8fc;
}
.Exhibition_01{
	width: 50%;
	height: 700px;
	text-align: center;
	float: left;
}
.p0{
	height: 40px;
	line-height: 40px;
	font-size: 1.3rem;
}
.p1{
	height: 40px;
	line-height: 40px;
	font-size:1.0rem;
}

.Exhibition_02{
	width: 50%;
	height: 700px;
	background: url(../img/m8_02.jpg)no-repeat;
	background-size:200% ;
	background-position: right bottom;
	float: left;
	-webkit-filter: grayscale(100%);
	transition: all 0.5s ease-in-out;
	position: relative;
}
.Exhibition_02:hover{
	background: url(../img/m8_02.jpg)no-repeat;
	background-size:220% ;
	-webkit-filter: grayscale(0%);
	background-position: right bottom;
}
.baise{
	width: 100%;
	height: 700px;
	position: absolute;
	background: white;
	opacity: 0.5;
	transition: all 0.4s ease-in-out;
}
.baise:hover{
	opacity: 0;
}
.Exhibition_01 img{
	padding-top: 60px;
}
.Exhibition_01 p{
	text-align: center;
}
.m8_center_text_all{
	width: 100%;
	height: 2900px;
	background: white;
	padding-top: 40px;
	float: left;
}
.m8_center_text{
	width: 1280px;
	height: auto;
	background: white;
	margin: auto;
}
.m8_center_text ul{
	width: 100%;
	font-size: 0.9rem;
	padding-left: 15px;
	height: auto;
	float: left;
}
.m8_center_text li{
	width: 100%;
	line-height: 32px;
	cursor: default;
}
.xiantiao{
	width: 100%;
	height: 1px;
	background: gainsboro;
	margin-top: 60px;
	margin-bottom: 60px;
	float: left;
}
.m8_2_ul li{
	list-style-type: none;
}
.m2_center_text_all{
	width: 100%;
	height: 2100px;
	background: white;
	padding-top: 40px;
	float: left;
}
.m2_center_text{
	width: 1280px;
	height: auto;
	background: white;
	margin: auto;
}
.m2_center_text ul{
	width: 100%;
	font-size: 0.9rem;
	padding-left: 15px;
	height: auto;
	float: left;
}
.m2_center_text li{
	width: 100%;
	line-height: 32px;
	cursor: default;
}
.tuwen_01{
	width: 55%;
	height: 700px;
	float: left;
}
.tuwen_001{
	width: 55%;
	height: 750px;
	float: left;
}
.tuwen_02{
	width: 45%;
	height: 700px;
	background: url(../img/b_4.png)no-repeat;
	background-size:auto 85%;
	background-position: center;
	float: left;
}
.tuwen_02M6{
	width: 45%;
	height: 700px;
	background: url(../img/bM8_4.png)no-repeat;
	background-size:auto 85%;
	background-position: center;
	float: left;
}
.tuwen_02M4{
	width: 45%;
	height: 700px;
	background: url(../img/bM4_4.png)no-repeat;
	background-size:auto 85%;
	background-position: center;
	float: left;
}
.tuwen_02M2{
	width: 45%;
	height: 700px;
	background: url(../img/bM2_4.png)no-repeat;
	background-size:auto 85%;
	background-position: center;
	float: left;
}
.tuwen_MU2{
	width: 45%;
	height: 700px;
	background: url(../img/MU2_1.jpg)no-repeat;
	background-size:auto 85%;
	background-position: center;
	float: left;
}
.tuwen_MU4{
	width: 45%;
	height: 700px;
	background: url(../img/MU4_1.jpg)no-repeat;
	background-size:auto 85%;
	background-position: center;
	float: left;
}
.tuwen_m4p{
	width: 45%;
	height: 700px;
	background: url(../img/M4p.jpg)no-repeat;
	background-size:auto 85%;
	background-position: center;
	float: left;
}
.tuwen_m6p{
	width: 45%;
	height: 700px;
	background: url(../img/m6p.jpg)no-repeat;
	background-size:auto 85%;
	background-position: center;
	float: left;
}
.tuwen_MU4_11{
	width: 45%;
	height: 700px;
	background: url(../img/bm8p_4.png)no-repeat;
	background-size:auto 85%;
	background-position: center;
	float: left;
}
.m8_center_bottom{
	width: 100%;
	height: 510px;
	border: 1px solid gainsboro;
	background: ghostwhite;
	margin-top: 70px;
	float: left;
}
.tm_m8{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align:center;
	font-size: 1.6rem;
	padding-top:30px ;
	padding-bottom: 20px;
}
.m8_img_left{
	width: 636px;
	height: 340px;
	float: left;
}
.m8_img_right{
	width: 361px;
	height:340px;
	float: left;
}
.kong{
	width: 94px;
	height: 340px;
	margin-top: 10px;
	float: left;
}
.m8_center_bottom img{
	margin-top: 10px;
}
.m8_center_bottom p{
	width: 90%;
	margin-left: 5%;
	line-height: 20px;
}
.m8_technology{
	width: 100%;
	float: left;
	padding-top: 30px;
}
.m8_technology h2,.m8_center_text h2{
	font-weight: inherit;
}
.m8_technology ul{
	width: 50%;
	padding: 0;
	float: left;
	list-style-type: none;
}
.L1{
	font-size: 1.1rem;
}
.ul_left li{
	line-height: 30px;
}
.foot_top{
	max-width: 1440px;
	min-width: 960px;
	height: 200px;
	margin: auto;
}
.foot_logo{
	width: 30%;
	height: 50px;
	background: url(../img/logo.png)no-repeat;
	background-size:auto 40%;
	background-position:center 25px ;
	color: gray;
	padding-top: 90px;
	font-size: 0.7rem;
	text-align: center;
	line-height: 15px;
	margin-top: 30px;
	float: left;
}
.foot_top ul{
	width: 50%;
	height: 200px;
	margin-top: 0px;
	float: left;

}
.foot_top li{
	width: 14.28%;
	height: 200px;
	line-height: 200px;
	text-align: center;
	color: #9e9e9e;
	list-style-type: none;
	font-size: 0.8rem;
	cursor: pointer;
	float: left;
}
.foot_top li:hover{
	color: ghostwhite;
	font-size: 0.9rem;
}
.footer_bottom{
	width: 100%;
	height: auto;
	background: #1A1A1A;
	overflow: hidden;
	margin: auto;
	padding-top: 30px;
    padding-bottom: 30px;
}
.boot{
	width: 100%;
	height: auto;
	text-align: center;
	line-height: 40px;
	font-size: 1.0rem;
	color: gray;
}
.company_center img{
	width: 100%;
	height: auto;
}
.Company_all{
	width: 1280px;
	height: auto;
	margin: auto;
}
.Company_left{
	width: 280px;
	height: 700px;
	background: #f2f2f2;
	float: left;
	margin: 0;
	padding: 0;
}
.Company_left li{
	list-style-type: none;
}
.d1{
	margin-top: 10px;
}
.c1{
	width: 280px;
	height: 50px;
	line-height: 50PX;
	text-align: center;
	color: gainsboro;
}
.c1:hover{
	background: #1A1A1A;
}
.c1 a{
	display: block;
	color: #a6a6a6;
}
.c1 a:active ,.c1 a:hover  {
	color: white;
}
iframe{
	width: 100%;
	border: 0;
	font-family: ProximaNova-Light;
	float: left;
	margin-top: 90px;
	min-height: calc(100vh - 406px);
}
.sp_campany{
	color: black; 
}
.sp_campany img{
	width: 300px;
	height: auto;
}
.sp_campany h1{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 3.2rem;
	text-align: center;
	color: black;
	font-family: ProximaNova-Light;
}
.img_campany{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 40px;
}
.text{
	width: 80%;
	height: auto;
	margin: auto;
	text-align: justify;
	/*font-family: ProximaNova-Light;*/
}
.text h4,h3{
	margin: 0 auto;
	padding: 0;
	margin-top: 10px;
}
.text2{
	width: 80%;
	height: 1000px;
	margin: auto;
	background: url(../img/xjp.png)no-repeat;
	background-size:100% auto ;
	background-position: bottom;
}
.text p{
	margin: 0;
	margin-top: 10PX;
}
.navdown{
	background: #1a1a1a;
}
.dz_all{
	width: 100%;
}
.dz_all h4{
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
.dz_all img{
	width: 800px;
	height: auto;
}


.back_to_top{
	position:fixed; 
	display:none; 
	bottom:30px; 
	right:30px; 
	z-index: 999999;
	opacity: 0.7;
} 
.back_to_top a{ 
	text-align:center; 
	text-decoration:none; 
	color:black; 
	display:block; 
	width:30px; 
	-moz-transition:color 1s; 
	-webkit-transition:color 1s; 
	-o-transition:color 1s; 
	font-size: 0.8rem;
	background: white;
} 
.back_to_top a:hover{ 
	color:#979797; 
} 
.back_to_top a span{ 
	background:transparent url(../img/top.png) no-repeat; 
	background-size:20px 20px;
	background-position: center;
	border-radius:6px;
	display:block;
	height:20px;
	width:30px;
	-moz-transition:background 1s; 
	-webkit-transition:background 1s; 
	-o-transition:background 1s; 
}
.back_to_top a:hover span{ 
	background:transparent url(../img/top.png) no-repeat; 
	background-size:20px 20px;
	background-position: center;
}
.Download_center{
	width: 100%;
	height: auto;
	margin: auto;
	background: #282828;
}
.Download_top_all{
	width: 100%;
	height: 600px;
	background: url(../img/download_3.jpg)no-repeat;
	background-size:auto 100%;
	background-position: left;
	margin: auto;
}
.top_pc_left{
	width: 50%;
	height: 100px;
	float: left;
}
.top_pc_right{
	width: 50%;
	height: 100%;
	color: white;
	text-align: center;
	float: left;
	margin: auto;
	font-family:ProximaNova-Light,sans-serif;
}
.top_pc_right h1{
	font-size: 3.5rem;
	padding-top: 80px;
	padding-bottom: 20px;
}
.Download_bottom{
	width: 100%;
	height: auto;
	background: white;
}
.bottom{
	width: 1280px;
	height: 700px;
	margin: auto;
}
.btn_img{
	width: 33px;
	height:33px;
	background: url(../img/download_2.png)no-repeat;
	background-size:auto 100%;
	background-position:left ;
	float: left;
	margin-left: 50px;
	margin-top: 39.5px;
	text-align: center;
	
}
.download_img_btn{
	width: 279px;
	height: 52px;
	line-height: 54px;
	text-indent: -35px;
	color: #00b7ee;
	font-size: 1.5rem;
	margin: auto;
	background: url(../img/download_1.png)no-repeat;
	background-size: 279px 52px;
	background-position: center;
	padding-bottom: 60px;
	cursor: pointer;
}
.btn_wenzi{
	padding-top: 30px;
}
.btn_wenzi:hover{
	font-weight: bold;
}
.wenzi2{
	padding-top: 50px;
}
.five_all{
	width: 319px;
	height: 700px;
	float: left;
	cursor: pointer;
	color: gray;
}
.five_top_text p{
	padding-top: 280px;
	width: 80%;
	text-align: center;
	margin: auto;
}
.five1{
	background: url(../img/c1.png)no-repeat;
	background-size:100px;
	background-position: center 150px;
}
.five1:hover{
	background: url(../img/c1_1.png)no-repeat;
	background-size:100px;
	background-position: center 150px;
	color: black;
}
.five2{
	background: url(../img/c2.png)no-repeat;
	background-size:100px;
	background-position: center 150px;
}
.five2:hover{
	background: url(../img/c2_1.png)no-repeat;
	background-size:100px;
	background-position: center 150px;
	color: black;
}
.five3{
	background: url(../img/c3.png)no-repeat;
	background-size:100px;
	background-position: center 150px;
}
.five3:hover{
	background: url(../img/c3_1.png)no-repeat;
	background-size:100px;
	background-position: center 150px;
	color: black;
}
.five4{
	background: url(../img/c4.png)no-repeat;
	background-size:100px;
	background-position: center 150px;
}
.five4:hover{
	background: url(../img/c4_1.png)no-repeat;
	background-size:100px;
	background-position: center 150px;
	color: black;
}
.xian{
	width: 1px;
	height: 80%;
	margin: auto;
	background: url(../img/xian.png)no-repeat;
	background-size:100% 100%;
	float: left;
}
.wenzi3{
	padding-bottom: 10px;
}
.btn_img2{
	margin-left: 68px;
}
.t1{
	text-indent: -53px;
}
.Download_top_all img{
	display: none;
	transition: all border-left-colo
}
.cc{
	position: fixed;
	z-index: -1;
}
.juzhong{
	max-width: 1440px;
	margin: auto;
}
.map{
	width: 800px;
	height: 518px;
	background: url(../img/map.png)no-repeat;
	background-size:100%;
	background-position: center;
}
.map:hover{
	background-size:130% ;
	background-position:center ;
	transition: all 0.5s ease-in;
}
.D_all{
	width: 220px;
	height: auto;
	margin: auto;
}
.Download_1,.Download_2{
	width: 300px;
	height: 30px;
	background:url(../img/D1.png)no-repeat ;
	background-size:auto  90%;
	background-position: left;
	line-height: 30px;
	text-align: left;
	text-indent: 40px;
	font-size: 1.2rem;
	color: cyan;
}
.Download_1:hover,.Download_2:hover{
	color: cornflowerblue;
	background: url(../img/D2.png)no-repeat;
	background-size:auto 90%;
	background-position:left ;
}
.YQLJ{
	width: 65%;
	height: 30px;
	margin-top: 30px;
	float: right;
	color: white;
}
.YQLJ img{
	width: auto;
	height: 30px;
	float: left;
	margin-right: 20px;
}
.lj{
	color: #9e9e9e;
	padding-bottom: 10px;
}
.YQLJ a img:hover{
	width: auto;
	height: 40px;
}




.M6_cn_center{
	width: 100%;
}
.img_bottom{
	width: 1280px;
	height: auto;
	margin: auto;
}
.img_dow img{
	width: 100%;
	height: auto;
	float: left;
}
.bj_01{
	width: 1280px;
	height: 500px;
	margin: auto;
	background: url(../img/bj_dl.jpg)no-repeat;
	background-size:100% ;
	background-position: center 20px;
}
.bj_bj_2{
	width: 100%;
	height: 100%;
	background: url(../img/bj_2.png)no-repeat;
	background-size:auto 100%;
	background-position: center;
}
.download_M8{
	width: 300px;
	height: 400px;
	border: 1PX solid #5A5A5A;
	background: #353535;
	margin-top: 20px;
	float: left;
}
.h2{
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding-top: 10px;
	font-size: 1.3rem;
	color: white;
	text-align: center;
	float: left;
}
.download_M8 img{
	width: 260px;
	height: 260px;
	margin-left: 20px;
}
.butten_dld{
	width: 90%;
	height: 45px;
	line-height: 45px;
	color: black;
	font-weight: bold;
	font-size: 1.15rem;
	text-align: center;
	margin-left: 5%;
	background: #E4E4E4;
	border-radius:3px;
	cursor: pointer;
	float: left;
}
.butten_dld:hover{
	color: #00B7EE;
}
.shuoming a{
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: white;
	text-decoration:inherit;
	font-size: 0.7rem;
	text-indent: 160px;
	float: left;
}
.shuoming a:hover{
	color: #00B7EE;
}
.top_text{
	width: 1280px;
	height: 30px;
	line-height: 30px;
	padding-top: 40px;
	margin-bottom: 60px;
	text-indent: 10px;
	color: white;
	border-bottom: 1px solid #383838;
}
.sty_m2{
	height: 2400px;
}
.m2_2{
	height: 2800px;
}
.sty_m4,.sty_m3{
	height: 2200px;
}
.mar_1{
	margin-left: 24px;
}
#img_1{
	width: 100%;
	height: 280px;
	background: url(../img/m8.png)no-repeat;
	background-size:auto 260px;
	background-position: center;
	float: left;
}
#img_2{
	width: 100%;
	height: 280px;
	background: url(../img/m6.png)no-repeat;
	background-size:auto 260px;
	background-position: center;
	float: left;
}
#img_3{
	width: 100%;
	height: 280px;
	background: url(../img/m4.png)no-repeat;
	background-size:auto 260px;
	background-position: center;
	float: left;
}
#img_4{
	width: 100%;
	height: 280px;
	background: url(../img/m2.png)no-repeat;
	background-size:auto 260px;
	background-position: center;
	float: left;
}
#img_5{
	width: 100%;
	height: 280px;
	background: url(../img/NU2.png)no-repeat;
	background-size:auto 260px;
	background-position: center;
	float: left;
}
#img_6{
	width: 100%;
	height: 280px;
	background: url(../img/NU4.png)no-repeat;
	background-size:auto 260px;
	background-position: center;
	float: left;
}
#img_7{
	width: 100%;
	height: 280px;
	background: url(../img/m8_03.png)no-repeat;
	background-size:auto 180px;
	background-position: center;
	float: left;
}
#img_8{
	width: 100%;
	height: 280px;
	background: url(../img/M4_PLUS_1.png)no-repeat;
	background-size:auto 260px;
	background-position: center;
	float: left;
}
#app_M8_Plus_img{
	display: none;
}
.m8p{
	display: block;
}
.top_M2_head{
	/*margin-top:90px;*/
}
.cn_en{
	width: auto;
    cursor: pointer;
    float: left;
	margin-top:34px;
}
.cn_en a:hover{
	background:#fff;
    color: #000;
}
.cn_en a{
	color: #fff;
	padding:3px 5px 3px 5px;
}
#Email{
	width:100%;
	height:40px;
	float:left;
	background: #373737;
    color: white;
    font-size: 0.9rem;
}
#email2{
	max-width:1280px;
	min-width:960px;
	margin:auto;
	line-height:40px;
	text-align:right;
}