/* GLOBAL STYLES
-------------------------------------------------- */
	
	html,
	body {
	    width: 100%;
	    margin: 0;
	    padding: 0;
	    font-family: "Microsoft YaHei", "宋体", "黑体", "Helvetica Neue", Helvetica, Arial, sans-serif;
	    -webkit-font-smoothing: antialiased;
	}
	
	html,
	body,
	div,
	span,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	em,
	img,
	strong,
	sub,
	sup,
	tt,
	dd,
	dl,
	dt,
	form,
	label,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	ul,
	li,
	p,
	a,
	section,
	a {
	    margin: 0;
	    padding: 0;
	    font-weight: normal;
	    text-decoration:none !important;
	}
	
	input,
	select,
	textarea {
	    vertical-align: middle;
	}
	
	img {
	    border: 0;
	    margin: 0;
	    padding: 0;
	    display: block;
	}
	
	ul,
	li {
	    list-style-type: none;
	}
	
	a {
	    blr: expression(this.onFocus=this.blur());
	    text-decoration: none;
	}
	
	* {
	    margin: 0;
	    padding: 0;
	    border: 0;
	}
	
	div,
	a {
	    tap-highlight-color: rgba(0, 0, 0, 0);
	    focus-ring-color: rgba(0, 0, 0, 0);
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	    -webkit-focus-ring-color: rgba(0, 0, 0, 0);
	    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
	    -moz-focus-ring-color: rgba(0, 0, 0, 0);
	}
	
	.show-pc {
	    display: block;
	}
	
	.show-phone {
	    display: none;
	}
	
	#container {
	    width: 100%;
	    overflow: hidden;
	    margin-top: 75px;
	    padding:0;
	}
	.fc{
	position: fixed;
	bottom: 20px;
	right: 0;
	width: 100px;
	height: 100px;
	margin: auto 0;
	z-index: 111111;
	cursor: pointer;
}
/*.fc a{
	position: relative;
}*/
.fc a span{
	position: absolute;
	color: #fff;
	font-size: 16px;
	top: 68px;
	left: 18px;
	z-index: 11111111;
	display: inline-block;
	font-weight: 600;
}
.fc img{
	width: 100%;
}
	/*顶部*/
	
	#top {
	    position: fixed;
	    z-index: 999;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 77px;
	    background-color: #ffffff;
	    padding: 10px 0;
	    border-bottom: 2px solid #f2f2f2;
	}
	
	.main {
	    position: relative;
	    margin: 0 auto;
	    width: 1200px;
	}
	
	.logo {
	    width: 95px;
	    float: left;
	    margin-top: 7px;
	}
	
	.logo img {
	    width: 100%;
	}
	
	.menu {
	    float: right;
	    width: 21.8%;
	}
	
	.menu li {
	    float: left;
	    margin-left: 9%;
	    text-align: center;
	    position: relative;
	}
	
	.menu li a {
	    font-size: 14px;
	    color: #000000;
	    line-height: 55px;
	}
	
	.menu .active span {
	    color: #e60012;
	    text-decoration:none;
	}
	.nav a.acthover:before{
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		position: absolute;
		top: 64px;
		z-index: 100;
		background: #e60213;
	}
	.navAct:before{
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		position: absolute;
		top: 64px;
		z-index: 100;
		background: #e60213;
	}
	.navAct:after{
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		border: 5px solid #e60213;
		border-color: #e60213 transparent;
		border-bottom: 0;
		position: absolute;
		top: 122%;
		left: 50%;
		margin-left: -5px;
		z-index: 100;
	}
	.nav-box{
		display: none;
		min-height: 80px;
		background: #fff;
		width: 100%;
		position: absolute;
		top: 75px;
		left: 0;
		z-index: 30;
		/*box-shadow: 0px 3px 6px rgba(0,0,0,0.1);*/
		border-top: 1px solid #d2d5d6;
	}
	.nav-box .nav,.nav-box-1 .nav{
		width: 1200px;
		margin: 0 auto;
		overflow:hidden;
	}
	.nav-box .nav ul,.nav-box-1 .nav ul{
		/*position: relative;*/
		width:20.3%;
		float:right;
		margin-right:7.2%;
		margin-top:15px;
		overflow:hidden;
	}
	.nav-box .nav ul li,.nav-box-1 .nav ul li{
		/*position: absolute;*/
		/*left: 50%;*/
		line-height:1.7em;
		width:23.8%;
		margin-left:13.8%;
		float:left;
	}
	.nav-box .nav ul li a,.nav-box-1 .nav ul li a{
		font-size: 14px;
		color: #000;
	}
	.nav-box .nav ul li a:hover,.nav-box-1 .nav ul li a:hover{
		color: #e60000;
		text-decoration:none;
	}
	.nav-box .nav ul li:nth-of-type(1){
		margin-left: 0px;
	}
	.nav-box .nav ul li:nth-of-type(4){
		margin-left:0;
	}
	.nav-box-1{
		display: none;
		min-height: 80px;
		background: #fff;
		width: 100%;
		position: absolute;
		top: 75px;
		left: 0;
		z-index: 30;
		/*box-shadow: 0px 3px 6px rgba(0,0,0,0.1);*/
		border-top: 1px solid #d2d5d6;
	}
	.nav-box-1 .nav ul{
		width:16.8%;
		float:right;
		margin-right:1.5%;
		margin-top:15px;
		overflow:hidden;
	}
	.nav-box-1 .nav ul li{
		line-height:1.7em;
		width:42.8%;
		margin-left:13.8%;
		float:left;
	}
	.nav-box-1 .nav ul li a{
		font-size: 14px;
		color: #000;
	}
	.nav-box-1 .nav ul li:nth-of-type(1){
		margin-left: 0px;
	}
	.nav-box-1 .nav ul li:nth-of-type(3){
		margin-left: 0px;
	}
	.menu li span:hover{
		color: #e60000;
		text-decoration:none;
	}
	.menu li a:hover {
		color:#e60012;
	}
	/*banner*/
	
	.banner {
	    margin-top: 55px;
	    width: 100%;
	    padding: 20px 0 12px;
	}
	
	.new-banner{
	width: 100%;
	padding: 20px 0 10px 0;
	height: 375px;
}
.new-banner-con{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.banner-left{
	float: left;
	padding-top: 65px;
	width: 700px;
}
.pc-bt{
	font-size: 50px;
	color: #333;
}
.pc-bt span{
	display: inline-block;
	width: 103px;
}
.pc-bt span img{
	width: 100%;
	position: relative;
	top: 5px;
	left: 16%;
}
.pc-bt-1{
	font-size: 38px;
	color: #666;
}
.it-logo{
width: 155px;
}
.it-logo img{
width: 100%;
position: relative;
left: -20px;
}
.banner-right{
	width:40.7%;
	float: right;
}
.banner-right img {
	width:100%;
}
	/*内容块*/
	
	.m1-sc {
	    width: 100%;
	    /*padding:57% 0 51%;*/
	}
	
	.m1-sc.bg1 {
	    background-color: #F2F2F2;
	}
	.m1-main {
		width:1200px;
		margin:0 auto;
		padding:3.5% 0 2%;

	}
	.m1-sc1-txt1{
		width: 100%;
		height: 145px;
		background:url(../images/m1-sc1-tb.png) center no-repeat; 
		background-size: 100%;
	}
	.m1-sc1-t1{
		width: 91.6%;
		margin:0 auto;
		padding: 45px 0;
	    line-height: 1.8em;
	    font-size: 18px;
	    color:#666;
	}
	.text-center {
		text-align:center;
	}
	.m1-title1{
		width: 44.3%;
		display: inline-block;
		position: relative;
		font-size: 34px;
		color: #fff;
		margin-top:3%;
	}
	.m1-title1 img {
		width:100%;
	}
	.m1-title1 span{
		position: absolute;
	    top: 4px;
	    left: -14px;
	    right: 0;
	    margin: 0 auto;
	}
	.m1-mar{
	width:100%;
}
.m1-sc1-left{
	width:49.3%;
	float:left;
	margin-top: 35px;
}
.m1-sc1-left p{
	border-top: 3px solid #e60000;
	padding: 28px 42px 30px;
	box-shadow: 5px 7px 20px #ddd;
	font-size: 22px;
	line-height: 37px;
	color: #666666;
}
.m1-clear {
	clear:both;
}
.m1-right {
	width:35.6%;
	float:right;
	margin-right:3.8%;
}
.m1-right img {
	width:100%;
}
.m1-rbox{
	width: 100%;
}
.m1-txt2 {
	width:100%;
	text-align:center;
	font-size:20px;
	color:#333;
	margin-bottom: 25px;
}
.m1-label{
	text-align: right;
	margin:20px 0;
	font-size:14px;
	color:#666;
}
/*新华三数据安全系统*/
.m1-title2{
		width: 33.9%;
		margin-top:0;
	}
	.m1-sc2-t1 {
		margin-top:2.5%;
		padding:0;
	}
	.m1-txt3 {
		font-size:26px;
		color:#333;
		text-align:center;
		margin-top:3%;
	}
	.m1-pic2 {
		width:100%;
		margin-top:2.5%;
	}
	.m1-pic2 img {
		width:100%;
	}
	.m1-txt4{
		width:100%;
		margin-top: 35px;
		margin-bottom:3%;
	}
	.m1-txt4 p{
		border-top: 3px solid #e60000;
		padding: 28px 53px 30px;
		box-shadow: 5px 7px 20px #ddd;
		font-size: 22px;
		line-height: 37px;
		color: #666666;
	}
	/*技术特点*/
	.m1-title3{
		width: 19.5%;
		margin-top:1%;
	}
	.m1-sc3-list {
		width:100%;
		overflow:hidden;
		margin-top:3%;
	}
	.m1-sc3-list li {
		width:12.8%;
		margin-left:4.5%;
		float:left;
	}
	.m1-sc3-list li:first-child {
		margin-left:0;
	}
	.m1-sc3-t1 {
		font-size:18px;
		color:#4c4948;
		text-align:center;
		height:60px;
		margin-top:8%;
	}
	.m1-sc3-icon {
		width:100%;
	}
	.m1-sc3-icon img {
		width:100%;
	}
	.m1-img1 {
		display:block;
	}
	.m1-img2 {
		display:none;
	}
	.m1-sc3-list li:hover .m1-img1 {
		display:none;
	}
	.m1-sc3-list li:hover .m1-img2 {
		display:block;
	}
	/*行业解决方案*/
	.m1-title4{
		width: 25.2%;
		margin-top:1%;
	}
	.m1-sc4-list {
		width:100%;
		overflow:hidden;
		margin-top:4.5%;
	}
	.m1-sc4-list li {
		width:16.8%;
		margin-left:10.7%;
		float:left;
	}
	.m1-sc4-list li:first-child {
		margin-left:0;
	}
	.m1-sc4-pic {
		position:relative;
		width:100%;
	}
	.m1-sc4-pic img {
		width:100%;
	}
	.m1-sc4-t {
		width:100%;
		font-size:24px;
		color:#4c4948;
		text-align:center;
		position:absolute;
		top:42%;
		left:0;
	}
	.m1-sc4-t.txt1 {
		color:#fff;
	}
	.m1-btn {
		width:178px;
		margin:6% auto 2%;
		overflow:hidden;
		border:1px solid #e40000;
	}
	.m1-btn-t {
		width:63.5%;
		font-size:22px;
		color:#e40000;
		float:left;
		line-height:45px;
		text-align:right;
	}
	.m1-btn-pic {
		width:12.4%;
		float:left;
		margin-top:7%;
		margin-left:10.7%;
	}
	.m1-btn-pic img {
		width:100%;
	}



	
	
	
	
	.bottom {
	    width: 100%;
	    height: 70px;
	    background-color: #4d4d4d;
	    text-align: center;
	    font-size: 12px;
	    line-height: 70px;
	    color: #e5e5e5;
	}
	
	.bottom img {
	    vertical-align: middle;
	    display: inline-block;
	    padding-left: 1%;
	    padding-right: 0.5%;
	}

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}


	.show-pc {
	    display: block;
	}
	
	.show-phone {
	    display: none;
	}


.sc4-img1 {
	display:block;
}
.sc4-img2 {
	display:none;
}
.m1-btn:hover {
	background-color:#e60012;
}
.m1-btn:hover .m1-btn-t {
	color:#fff;
}
.m1-btn:hover .sc4-img1{
	display:none;
}
.m1-btn:hover .sc4-img2{
	display:block;
}

	
	@media (max-width:1024px) {
	    .main {
	        width: 100%;
	    }
	    
	    .logo {
	        margin-left: 15px;
	    }
	    .close,.close1 {
	        right: 18%;
	    }
	    .main {
	        width: 960px;
	    }
	    
	    
	    .menu{
	    	width: 27.2%;
	    }
	    .new-banner-con{
	    	 width: 960px;
	    	 margin: 0 auto;
	    }
	    .banner2{
	    	width: 100%;
	    	margin-top: 1%;
	    }
	    .banner-left{
	    	width: 70%;
	    }
	    .banner-right{
	    	width: 30%;
	    }
	    .nav-box .nav, .nav-box-1 .nav {
		    width: 960px;
		}
		.nav-box .nav ul, .nav-box-1 .nav ul {
		    width: 26.3%;
		}
		.new-banner {
		    height: 300px;
		}
		.banner-left {
		    float: left;
		    padding-top: 2%;
		    width: 50%;
		}
		.banner-right {
		    width: 40%;
		}
		.m1-main {
			width:960px;
		}
		.m1-sc1-t1 {
			font-size:16px;
		}
		.m1-title1 {
			font-size:28px;
		}
		.m1-sc1-left p {
			font-size:18px;
			line-height:1.8em;
		}
		.m1-txt4 p {
			font-size:18px;
			line-height:1.8em;
		}
		.m1-sc3-t1 {
			font-size:16px;
		}
		.m1-sc3-list li {
			width:13.5%;
			margin-left:3.7%;
		}
	    
	}
	
	@media (max-width:768px) {
	    .show-pc {
	        display: none;
	    }
	    .show-phone {
	        display: block;
	    }
	    .mp-bps{
	    	background: #fff;
	    }
	    .main-f-box{
	    	margin: 0;
	    	padding-bottom: 3vw;
	    }
	    .fc{
			width: 16vw;
			height: 16vw;
			margin-top: -8vw;
		}
		.fc a span{
		position: absolute;
		color: #fff;
		font-size: 2.6vw;
		top: 10vw;
		left: 3vw;
		z-index: 11111111;
		font-weight: 600;
		display: inline-block;
	}
	    #top {
	        width: 100%;
	        height: 65px;
	        background-color: #fff;
	        box-shadow: 0 3px 6px rgba(0,0,0,0.08);
	        border: none;
	        padding: 0;
	    }
	    .main{
	    	width:100%;
	    }
	    .logo {
	        width: 12%;
	        margin-left: 4.2%;
	        margin-top: 14px;
	    }
	    .mb {
	        width: 5%;
	        float: right;
	        margin-top: 13px;
	        margin-right: 4.2%;
	    }
	    .mb img {
	        width: 100%;
	    }
	    .menu-1 {
	        position: absolute;
	        top: 55px;
	        width: 100%;
	        display: none;
	        box-shadow: 3px 3px 3px #ccc;
	    }
	    .menu-1 li {
	        width: 100%;
	        float: none;
	        text-align: left;
	        text-indent: 1.5em;
	        background-color: #fff;
	        border-top: 1px solid #d6d6d6;
	        line-height: 55px;
	    }
	    .menu-1 li:first-child {
	        margin-top: 0;
	    }
	    .menu-1 li a{
	    		color: #000;
	    		font-size: 3.2vw;
	    		/*font-weight: 550;*/
	    }
	    .mp-erji li{
	    		background: #f2f2f2;
	    }
	    .t-title {
	        position: absolute;
	        top: 0;
	        left: 0;
	        z-index: -1;
	        width: 100%;
	        text-align: center;
	        font-size: 24px;
	        color: #fff;
	        line-height: 65px;
	    }
	    .banner{
	    		padding: 0 !important;
	    }
	    
	    
	    
	    #top {
	        width: 100%;
	        height: 65px;
	        background-color: #fff;
	    }
	    .logo {
	        width: 12%;
	        margin-left: 4.2%;
	        margin-top: 14px;
	    }
	    .mb {
	        width: 5%;
	        float: right;
	        margin-top: 13px;
	        margin-right: 4.2%;
	    }
	    .mb img {
	        width: 100%;
	    }
	    .menu {
	        position: absolute;
	        top: 65px;
	        width: 100%;
	        display: none;
	    }
	    .menu li {
	        width: 100%;
	        float: none;
	        text-align: left;
	        text-indent: 1.5em;
	        background-color: #eeeeee;
	        border-top: 1px solid #d6d6d6;
	        margin: 0;
	    }
	    .menu li:first-child {
	        margin-top: 0;
	    }
	    .t-title {
	        position: absolute;
	        top: 0;
	        left: 0;
	        z-index: -1;
	        width: 100%;
	        text-align: center;
	        font-size: 24px;
	        color: #fff;
	        line-height: 65px;
	    }
	    .banner {
	        margin-top: 65px;
	    }
	    .banner-txt {
	        width: 80%;
	        float: none;
	        margin: 0 auto 0;
	        padding: 8% 0 0;
	    }
	    .banner-img {
	        width: 92%;
	        float: none;
	        margin: 0 auto 0;
	        padding: 3% 0 0;
	    }

		 /*change*/
	   .mp-menu{
	   	overflow: hidden;
	   }
	   .mp-menu a{
	   	float: left;
	   }
	   .mp-menu span{
	   	float: right;
	   	margin-right: 6%;
	   	margin-top: 5%;
	   	font-size: 8vw;
	   	color: #c9c9c9;
	   }
	   .mp-erji{
	   	display: none;
	   }
	   .mp-menu-1,.mp-menu-2{
	   	overflow: hidden;
	   }
	   .mp-menu-1 a,.mp-menu-2 a{
	   	float: left;
	   }
	   .mp-menu-1 span,.mp-menu-2 span{
	   	float: right;
	   	margin-right: 6%;
	   	margin-top: 5%;
	   	font-size: 8vw;
	   	color: #c9c9c9;
	   }
	   .mp-erji-1,.mp-erji-2{
	   	display: none;
	   }
	   .mp-erji-1 li,.mp-erji-2 li{
	   		background: #f2f2f2;
	   }
	   /*end*/



	    #container {
		    margin-top: 55px;
		}
		.new-banner {
		    height: auto;
		    background: #fff;
		}
		.mp-idclogo {
		    display: block;
		    width: 30%;
		    margin-left: 13.5vw;
		}
		.mp-idclogo img {
			width:100%;
		}
		.mp-bt {
		    font-size: 6.7vw;
		    width: 81%;
		    margin: 0 auto;
		    color: #333;
		    margin-bottom: 1.5%;
		    margin-left: 18%;
		}
		.mp-bt-1 {
		    font-size: 5.1vw;
		    color: #666;
		    width: 80%;
		    /* text-align: center; */
		}
		.mp-mark-banner {
		    width: 100%;
		}
		.mp-mark-banner span {
		    width: 63.6%;
		    display: block;
		    margin: 5% 0 3% 24.9%;
		}
		.mp-mark-banner span img {
			width:100%;
		}

		/*新华三提供数据安全治理服务*/
		.m1-main {
		    width: 93.6%;
		    padding: 8% 0;
		} 
		.m1-sc1-txt1 {
		    width: 100%;
		    background: url(../images/m1-sc1-w1.png) center no-repeat;
		    background-size: 100%;
		}
		.m1-sc1-t1 {
		    width: 85.6%;
		    padding: 8% 0;
		    line-height: 1.8em;
		    font-size: 3.2vw;
		}
		.m1-title1 {
		    width: 75.8%;
		    font-size: 4.5vw;
		    margin-top: 6%;
		}
		.m1-title1 span {
		    top: 18%;
		    left: -2.5%;
		    margin: 0 auto;
		}
		.m1-sc1-t1.sc-t1 {
			width:100%;
			padding:5% 0;
		}
		.m1-right {
		    width: 94.6%;
		    float: none;
		    margin:0 auto;
		}
		.m1-txt2 {
		    font-size: 3.5vw;
		    margin-bottom: 5%;
		}
		.m1-label {
		    text-align: center;
		    margin: 3% 0;
		    font-size: 2.9vw;
		}
		.m1-sc1-left {
		    width: 100%;
		    float: none;
		    margin-top: 7%;
		}
		.m1-sc1-left p {
		    border-top: 3px solid #e60000;
		    padding: 5% 7%;
		    font-size: 3.2vw;
		    line-height: 1.8em;
		}

		/*新华三数据安全系统*/
		.m1-title2 {
		    width: 58%;
		    margin-top: 0;
		}
		.m1-sc2-t1 {
			width:100%;
		    margin-top: 3%;
		    padding: 0;
		}
		.m1-txt3 {
		    font-size: 3.7vw;
		    margin-top: 5%;
		}
		.m1-txt4 {
		    margin-top: 7%;
		    margin-bottom: 3%;
		}
		.m1-txt4 p {
		    border-top: 3px solid #e60000;
		    padding: 5% 5.5%;
		    box-shadow: 5px 7px 20px #ddd;
		    font-size: 3.2vw;
		    line-height: 1.8em;
		}
		.m1-title3 {
		    width: 33.2%;
		    margin-top: 1%;
		}
		
		.m1-container {
	        width: 100%;
	        height: 100%;
	        margin-top:5%;
	        overflow:hidden;
	    }
	    .m1-container .swiper-slide {
	        text-align: center;
	        font-size: 18px;

	        /* Center slide text vertically */
	        display: -webkit-box;
	        display: -ms-flexbox;
	        display: -webkit-flex;
	        display: flex;
	        -webkit-box-pack: center;
	        -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	        -webkit-box-align: center;
	        -ms-flex-align: center;
	        -webkit-align-items: center;
	        align-items: center;
	    }
	    .m1-pagination {
	    	text-align:center;
	    	margin-top:3%;
	    }
	    .m1-sc3-w {
	    	width:100%;
	    }
	    .m1-sc3-w img {
	    	width:100%;
	    }


	    /*行业解决方案*/
		.m1-title4 {
		    width: 42.9%;
		    margin-top: 1%;
		}
		.m1-sc4-list2 {
			width:75.6%;
			margin:7% auto 0;
		}
		.m1-sc4-list2 img {
			width:100%;
		}
		.m1-btn {
		    width: 25.5%;
		}
		.m1-btn-t {
		    font-size: 2.9vw;
		    line-height: 2em;
		}
	}
	
	@media (max-width:640px) {
	    #top {
	        height: 55px;
	    }
	    .logo {
	        width: 14.6%;
	        margin-top: 4.3%;
	        margin-left: 5%;
	    }
	    .mb {
	        width: 5.5%;
	        margin-top: 4.3%;
	        margin-right: 5%;
	    }
	    .menu {
	        top: 55px;
	    }
	    
	    .bottom {
	        height: auto;
	        line-height: 1.8em;
	        padding: 2% 0;
	    }
	    .bottom span {
	        display: block;
	    }

	}

@media (max-width:320px){	
 .fc{
		width: 20vw;
		height: 20vw;
		margin-top: -10vw;
	}
	.fc a span{
	position: absolute;
	color: #fff;
	font-size: 2.6vw;
	top: 13vw;
	left: 3vw;
	z-index: 11111111;
	font-weight: 600;
	display: inline-block;
}
.pg-end img{
	height: 53vw;
}
}