/* 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;
}

a {
    text-decoration: none !important;
}

input,
select,
textarea {
    vertical-align: middle;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}

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);
}

.container-l-box {
	width:100%;	transition:1s linear;
}
.kp-container {
	width:100%;
	height:100%;
	background:url(../images/kp-bg.jpg) center no-repeat;
	background-size: cover;
	position: relative;
}
.kp-logo {
	width:9.3%;
	position: absolute;
	top:4.6%;
	right: 3.2%;
}
.kp-title1,.kp-title2 {
	width:56%;
	margin:0 auto;
	position: absolute;
	top:15.3%;
	left:0;
	right:0;
}

.kp-jt1 {
	width:13.5%;
	position: absolute;
	top:60.1%;
	left:0;
}
.kp-jt2 {
	width:13.5%;
	position: absolute;
	top:60.1%;
	right:0;
}
.kp-pro {
	width:100%;
	margin:0 auto;
	position: absolute;
	top:60.3%;
	left:0;
	right:0%;
}
.kp-guang {
	width:100%;
	position: absolute;
	bottom: 0;
	left:0;
}



.kp-le1 {
	animation: kp-le1 1s linear;
	-webkit-animation: kp-le1 1s linear;
	animation-delay: 1.2s;
	animation-fill-mode: backwards;
}
@keyframes kp-le1{
	0% {
		opacity: 0;
		transform: translate(-30%,0);
	}
	100% {
		opacity: 1;
		transform: translate(0,0);
	}
}
.kp-lr1 {
	opacity: 0;
	animation: kp-lr1 3.5s linear;
	-webkit-animation: kp-lr1 3.5s linear;
	animation-delay: 1s;
	animation-fill-mode: backwards;
}
@keyframes kp-lr1{
	0% {
		opacity: 0;
		transform: translate(-20%,0);
	}
	40% {
		opacity: 1;
		transform: translate(-4%,0);
	}
	60% {
		opacity: 1;
		transform: translate(4%,0);
	}
	100% {
		opacity: 0;
		transform: translate(20%,0);
	}
}

.kp-lr2 {
	animation: kp-lr2 3.5s linear infinite;
	-webkit-animation: kp-lr2 3.5s linear infinite;
	animation-delay: 2s;
	animation-fill-mode: backwards;
}
@keyframes kp-lr2{
	0% {
		opacity: 0;
		transform: translate(-18%,0);
	}
	20% {
		opacity: 1;
		transform: translate(-6%,0);
	}
	40% {
		opacity: 1;
		transform: translate(6%,0);
	}
	60% {
		opacity: 0;
		transform: translate(18%,0);
	}
	100% {
		opacity: 0;
		transform: translate(20%,0);
	}
}

.kp-lr3 {
	animation: kp-lr3 10s linear infinite;
	-webkit-animation: kp-lr3 10s linear infinite;
	animation-delay: 2s;
	animation-fill-mode: backwards;
}
@keyframes kp-lr3{
	0% {
		transform: translate(0,0);
	}
	50% {
		transform: translate(30vw,0);
	}
	100% {
		transform: translate(0,0);
	}
}
.kp-rig1 {
	animation: kp-le2 1s linear;
	-webkit-animation: kp-le2 1s linear;
	animation-delay: 1.2s;
	animation-fill-mode: backwards;
}
@keyframes kp-le2{
	0% {
		opacity: 0;
		transform: translate(30%,0);
	}
	100% {
		opacity: 1;
		transform: translate(0,0);
	}
}
.kp-sf1 {
	animation: kp-sf1 2s linear infinite;
	-webkit-animation: kp-sf1 2s linear infinite;
	animation-delay: 0.75s;
	animation-fill-mode: backwards;
	transform-origin: 70.2% 50%;
}
@keyframes kp-sf1{
	0% {
		transform: scale(0.95);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(0.95);
	}
}
.kp-sf2 {
	animation: kp-sf1 2s linear infinite;
	-webkit-animation: kp-sf1 2s linear infinite;
	animation-delay: 0.75s;
	animation-fill-mode: backwards;
	transform-origin: 29.8% 50%;
}

.kp-fd1 {
	animation: kp-fd1 1.2s linear;
	-webkit-animation: kp-fd1 1.2s linear;
	/*animation-delay: 1s;*/
	animation-fill-mode: backwards;
	transform-origin: center top;
}
@keyframes kp-fd1{
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
.kp-fd2 {
	animation: kp-fd1 1.2s linear;
	-webkit-animation: kp-fd1 1.2s linear;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	transform-origin: center 30%;
	transform: scale(0);
}
/*向上滑动*/
.kp-up1 {
	animation: kp-up1 1s linear;
	-webkit-animation: kp-up1 1s linear;
	animation-fill-mode: forwards;
}
@keyframes kp-up1{
	0% {
		transform: translate(0,0);
	}
	100% {
		transform: translate(0,-100%);
	}
}

.right-box {
	opacity: 0;
	animation: right-box 0.5s linear;
	-webkit-animation: right-box 0.5s linear;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
@keyframes right-box{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.right-box1 {
	opacity: 0;
	animation: right-box 0.5s linear;
	-webkit-animation: right-box 0.5s linear;
	animation-delay: 5s;
	animation-fill-mode: forwards;
}
/*END*/

.container{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	position: relative;
}
.top{
	width:100%;
	height:80px;
	background:#fff;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	z-index:999;
}
.top-c{
	width:1200px;
	height:100%;
	margin:0 auto;
	overflow:hidden;
}
.logo{
	width:95px;
	float:left;
	margin-top:19px;
}
.logo img{
	width:100%;
}
.nav{
	float:right;
	overflow:hidden;
}
.nav li{
	margin-left:54px;
	float:left;
	line-height:76px;
	font-size:16px;
	color:#333;
	cursor:pointer;
}
.nav li:hover a{
	color:#e60012;
}
.nav li a{
	color:#333;
}
.nav li:hover{
	color:#E60012;
}
.nav li.active{
    color: #E50012;
    border-bottom:4px solid #e60012;
}
.banner{
	width:100%;
	height:500px;
	background:url(../images/banner.jpg);
	background-size:cover;
	background-position:top center;
	margin-top:80px;
}
.banner-main{
	width: 1200px;
	height: 100%;
	margin:0 auto;
	position: relative;
}

.banner-content{
	width: 63.3%;
	position: absolute;
	top: 12.5%;
	left: 0;
	z-index: 1;
}
.banner-img1 {
	width:100%;
	position: absolute;
	top:38%;
	right:-20%;
}
.banner-img1-guang {
	width:100%;
	position: absolute;
	bottom: 0;
	left:0;
}
.banner-img1 img{
	position: relative;
}
.banner-img2{
	width: 79.1%;
}
.banner-line{
	width: 61.9%;
	margin-top: 3%;
}
.banner-txt1{
	font-size: 24px;
	color: #fff;
	margin-top: 2%;
}
.banner-ul{
	width: 100%;
	margin-top: 4%;
	overflow: hidden;
}
.banner-ul li{
	width:16.8%;
	float: left;
	margin-left: 3%;
}
.banner-ul li:first-child{
	margin-left: 0;
}

.banner-btn1{
	/*width: 100%;*/
	background: #E10012;
	border-radius: 30px;
	overflow: hidden;
	padding: 4% 13% 6%;
}
.ban-txt{
	color: #fff;
	float: left;
	text-align: center;
	font-size: 18px;
	margin-left: 1%;
}
.ban-icon{
	width: 16.2%;
	float: left;
	margin-top: 5.2%;
    margin-left: 6%;
}
.ban-icon3{
	margin-top: 6.5%;
}	


.banner-ul li.ban-li1 {
	width:20%;
}
.banner-ul li.ban-li1 .ban-icon {
	width:15%;
	margin-top: 4.2%;
}
.banner-ul li.ban-li1 .banner-btn1 {
	padding:3.4% 12% 5.01%;
}


.banner-ul li:hover .banner-btn1{
		background: #D30024;
		cursor: pointer;
	}



/*视频弹框*/
.video-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.video-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.video-c {
    position: absolute;
    left: 50%;
    top: 20%;
    margin-left: -425px;
    z-index: 900;
    width: 850px;
}

.videowin {
    width: 800px;
    float: left;
}

.close {
    width: 20px;
    float: right;
    cursor: pointer;
}

.close img {
    width: 100%;
}
#videowin_jwplayer_logo{
	opacity: 0 !important;
}
/*p0*/
.content{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	background:#fff;
}
.main{
	width:1200px;
	margin:0 auto 30px;
}
.main-db{
	width:1200px;
	margin:0 auto;
}
.p0-content{
	width: 100%;
	margin:30px auto 0;
	overflow: hidden;
	position: relative;
}

.txt-1 {
    width: 100%;
    font-size: 28px;
    color: #333;
    border-left: 5px solid #e40011;
    line-height: 1.1em;
    padding-left: 15px;
    /*font-weight: 600;*/
}
.p0-con1{
	width: 27.5%;
	position: absolute;
	top:10%;
	left: 36%;
}
.p0-con2{
	top:61.2%;
	left: 3%;
}
.p0-con3{
	top:59.2%;
	left: 69.6%;
}
.p0-line{
	width: 16%;
	height: 2px;
	margin: 3% auto;
	background: #E50012;
}
.p0-tit{
	text-align: center;
	font-size: 24px;
	
}
.p0-t{
	text-align: center;
	font-size: 18px;
	line-height: 1.6;
}
.p0-1{
	width:33.3%;
	position: absolute;
	top:0;
	left: 0;
	overflow: hidden;
}
.p0-2{
	width:33.3%;
	position: absolute;
	top:0;
	right: 0;
	overflow: hidden;
}
.p0-3{
	width:33.3%;
	position: absolute;
	bottom: 0;
	left: 33.4%;
	overflow: hidden;
}
.p0-1:hover>img,.p0-2:hover>img,.p0-3:hover>img{
	transform: scale(1.05);
}
.p0-1>img,.p0-2>img,.p0-3>img{
	transition: all 1s ease;
}
/*p1*/
#m2{
	background-image: url(../images/p1-bg.jpg);
    background-size: cover;
    background-position: center;
}
.p1-content{
	width: 100%;
	margin:30px auto 0;
	position: relative;
	overflow: hidden;
}
.p1-img1{
	width: 100%;
}
.p1-img2{
	width:100%;
	margin:30px auto 0;
	position: relative;
}
.p1-tit{
	width: 100%;
	position: absolute;
	top:-7%;
	left:0;
	right:0;
	text-align: center;
	font-size: 20px;
	
}
.p1-t{
	width: 93%;
	position: absolute;
	top:26%;
	left: 0;
	right:0;
	margin:0 auto;
	font-size: 16px;
	line-height: 1.6;
	
}
/*p2*/
#m4{
	background-image: url(../images/p2-bg.jpg);
    background-size: cover;
    background-position: center;
    margin-top: 30px;
}
.p2-content{
	width: 100%;
	margin:30px auto;
	position: relative;
	overflow: hidden;
}
.p2-img1{
	width: 93.6%;
	margin:0 auto;
}
.p2-ul{
	width: 100%;
	margin-top: 20px;
}
.p2-ul li{
	width: 31.1%;
	overflow: hidden;
	float: left;
	margin-left: 3.3%;
}
.p2-ul li:first-child{
	margin-left: 0;
}
.p2-l1{
	width: 100%;
	position: relative;
}
.p2-con{
	width: 100%;
	position: absolute;
	top:25%;
	left: 0;
	right:0;
	text-align: center;
}
.p2-con2{
	top:14.3%;
}
.p2-con p{
	line-height: 1.7;
	font-size: 16px;
	color: #000;
}
.p2-pic {
 width:78.5%;
 margin:0 auto 20px;
 position: relative;
}
.p2-pic-2 {
 width:100%;
 position: absolute;
 top:0;
 left:0;
}
.p2-xz1 {
 	animation: p2-xz1 10s linear infinite;
    -webkit-animation: p2-xz1 10s linear infinite;
}
@keyframes p2-xz1 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* P3-等保+方案核心产品 */
.txt-1 {
    width: 100%;
    font-size:36px;
    color: #000;
    border-left: 5px solid #e40011;
    line-height: 1.1em;
    padding-left: 15px;
    /*font-weight: 600;*/
    margin-bottom: 30px;
    margin-top:35px;
}
.content.bg3{
	width:100%;
	height:520px;
	background-image:url(../images/p3-bg.png);
    background-size:cover;
    background-position:center;
    /*margin-top:35px;*/
}
.p3-txt-1{
	margin-top: 35px;
}
.p3-box{
	width: 100%;
	overflow: hidden;
}
.p3-box-l{
	width: 34.8%;
	float: left;
	margin-top:12%;
	margin-left: 2%;
}
.p3-box-l img{
	width: 100%;
}
.p3-box-r{
	width: 55.3%;
	float: left;
	margin-left:6.5%;
	margin-top:3.6%;
}
.p3-box-r-tit{
	font-size: 24px;
	color: #000;
}
.p3-box-r-line{
	width:8.8%;
	height: 2px;
	background: #e60012;
	margin-top: 2.4%;
}
.p3-box-r-txt{
	width: 100%;
	font-size: 16px;
	color: #333;
	margin-top: 2.4%;
	line-height: 1.7em;
}
.p3-box-r-img{
	width: 95.4%;
	margin: 0 auto;
	margin-top:5%;
	position: relative;
}
.p3-box-r-img img{
	width: 100%;
}
.p3-box-r-ul{
	width: 100%;
	position: absolute;
	bottom: 0%;
	left: -0.5%;
}
.p3-box-r-ul li{
	width: 14.4%;
	color: #333;
	font-size: 18px;
	float: left;
	margin-left:6%;
	margin-top:3%;
}
.p3-box-r-ul li:first-child{
	margin-left:1%;
}
.p3-box-r-ul .l2{
	position: absolute;
	bottom: 0%;
	left: 16%;
}
.p3-box-r-ul .l3{
	position: absolute;
	bottom: 0%;
	left: 38.8%;
}
.p3-box-r-ul .l4{
	position: absolute;
	bottom: 0%;
	left: 60.8%;
}
.p3-box-r-ul .l5{
	position: absolute;
	bottom: 0%;
	left: 82.4%;
}
.p3-ad-con{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
}
.p3-con2{
	width: 100%;
    margin: 0 auto 0;
    overflow: hidden;
}
.p3-ad-con2{
	width: 100%;
    margin: 0 auto 0;
    overflow: hidden;
}
.p3-ad-content{
	width: 1200px;
	margin:2% auto 0;
	overflow: hidden;
}
.p3-ad-tit{
	width: 62.8%;
	margin:1% auto 2%;
	position: relative;
}
.p3-ad-t{
	width: 100%;
	position: absolute;
	top:-62%;
	left:0;
	right:0;
	text-align: center;
	font-size: 28px;
}
.p3-zb{
	width: 100%;
	position: relative;
}
.p3-zb-txt{
	width: 34.5%;
	position: absolute;
	top:29.5%;
	left: 26%;
	color: #fff;
}
.p3-zb-t1{
	font-size: 26px;
}
.p3-zb-t2{
	font-size: 20px;
	margin: 2% auto 5%;
	overflow: hidden;
	margin-left: -2%;
}
.p3-zb-t2>span{
	float: left;
}
.span-img{
	width: 3.3%;
	margin:auto 1%;
	margin-top: 1.2%;
}
.p3-zb-btn1{
	width: 23%;
    background: #E10012;
    overflow: hidden;
    padding: 2% 5% 2%;
    margin-top: 2%;
    cursor: pointer;
}
.p3-zb-txt2{
	width: 21%;
	position: absolute;
	top:36%;
	left: 72.4%;
	color: #fff;
}
.p3-txt2-t1{
	font-size: 24px;
}
.p3-txt2-t2{
	font-size: 24px;
	text-align: center;
}
.p3-txt2-t3{
	font-size: 18px;
	margin-top: 3%;
}
/* p5-他们正在使用新华三等保+解决方案开始 */
.p5-box-a{
	display: inline-block;
	margin-top:3%;
}
.p5-box-btn{
	width: 130px;
	height: 40px;
	background-color: #E10012;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
}
.p3-zb-btn1:hover,.p5-box-btn:hover,.p6-box-btn:hover{
   background-color: #D30024;
}
.p5-box{
	width:89.6%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	margin-bottom: 35px;
}
.p5-box img{
	width: 100%;
}
.p5-box-wrap{
	width:62.5%;
	position:absolute;
	top:29%;
	left:3.9%;
}
/* p6-资料下载开始 */
.content.bg6{
	width:100%;
	/*height:416px;*/
	background-image:none;
    background-size:cover;
    background-position:center;
}
.p6-box{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.p6-box-l{
    width: 21.8%;
    position: absolute;
    top:21%;
    left:2.5%;
}
.p6-box-r{
    width: 26%;
    left:72.5%;
}
.p6-box-l-tit{
	color: #000;
	font-size: 20px;
	text-align: center;
}
.p6-box-m{
	width: 68.2%;
	margin: 0 auto;
	margin-top:2%;
	margin-bottom: 1%;
}
.p6-box-m img{
	width: 100%;
}
.p6-box-btn{
	width: 145px;
	height: 40px;
	background-color: #E10012;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	/* text-indent:0.65em; */
	margin-left:22%;
	margin-top:5%;
}
.p6-box-btn2{
	margin-left: 27%;
}
.p6-box-a{
	width: 100%;
	display: inline-block;
	margin-top:0%;
	margin-left:0%;
	color: #fff;
}
.p6-btn-tit{
	width:51.3%;
	float: left;
	margin-left:17%;
}
.p6-btn-icon{
	width: 15px;
    float:right;
    margin:9% 19% 0% 0%;
}
/*p7*/ 
#m7{
	background-image: url(../images/p7-bg.png);
    background-size: cover;
    background-position: top center;
}
.p7-content{
	width: 100%;
	margin:30px auto 0;
	position: relative;
}
.p7-con1{
	width: 100%;
	margin:0 auto;
	overflow: hidden;
}
.p7-left1{
	width: 23.4%;
	float: left;
	margin-left: 2%;
	margin-top: 3%;
}
.p7-left1-t1{
	font-size: 16px;
	text-align: center;
}
.p7-left1-t2{
	font-size: 14px;
	text-align: center;
	margin-top: 4%;
}
.p7-left1-t2 span{
	color: #E50000;
}
.p7-left1-img1{
	margin: 12% auto 20%;
}
.p7-left2{
	width: 34.8%;
	float: left;
	margin-left: 3%;
	margin-top: 7.5%;
	position: relative;
}
.p7-btn1{
	width: 23%;
    background: #E10012;
    overflow: hidden;
    padding: 2% 5% 2%;
    position: absolute;
    bottom: -22%;
    left: 0;
    right:0;
    margin:0 auto;
}
.p7-left3{
	width: 34.8%;
	float: left;
	margin-left: 2%;
}
.p7-left3-t1{
	font-size: 24px;
	text-align: center;
}
.p7-left3-t2{
	font-size: 18px;
	margin-top: 4%;
	text-align: center;
}
.p7-left3-img1{
	margin-top: 8%;
}

.p7-con2{
	width: 100%;
	margin:2% auto 0;
	overflow: hidden;
}
.p7-ul{
	width: 100%;
	margin:0 auto;
	overflow: hidden;
}
.p7-ul li{
	width: 32.5%;
	float: left;
	margin-left: 1%;
}
.p7-ul li:first-child{
	margin-left: 0;
}
.p7-l1{
	width: 100%;
	position: relative;
}
.p7-box{
	width: 88%;
	position: absolute;
	top:36.2%;
	left: 0;
	right:0;
	margin:0 auto;
	text-align:center;
}
.p7-l1-t{
	font-size:24px;
}
.p7-l1-txt{
	margin-top: 5%;
	font-size: 16px;
	line-height: 1.6;
}
.p7-l1-txt span{
	color: #E50000;
}
	
/*底部*/
.bottom {
    width: 100%;
    height: 60px;
    background-color: #4d4d4d;
    text-align: center;
    font-size: 12px;
    line-height: 60px;
    color: #e5e5e5;
}

.bottom .main {
    margin-top: 0;
}

.bottom img {
	width:auto;
    vertical-align: middle;
    display: inline-block;
    padding-left: 1%;
    padding-right: 0.5%;
}

.show-pc {
    display: block !important;
 }
.show-phone {
       display: none;
}
.right {
    width: 122px;
    position: fixed;
    bottom: 200px;
    right: 10px;
    z-index: 100;
    cursor: pointer;
}
.right-txt{
	width: 100%;
	position: absolute;
	top:68%;
	left: 0;
	right:0;
	text-align: center;
	color:#333333;
}
.right:hover .right-txt{
	color: #E10012;
}



@media (max-width:2000px){
	.right {
	    bottom: 80px;
	    right: 40px;
	    width: 110px;
	}
	.banner{
		height:500px;
	}
	.banner-content {
	    width: 63.3%;
	    position: absolute;
	    top: 19.5%;
	    left: 0;
	}
	.banner-txt1{
		margin-top: 3%;
	}
	.banner-ul{
		margin-top: 6%;
	}
		
}
@media (max-width:1440px){
	.right {
	    bottom: 80px;
	    right: 40px;
	    width: 110px;
	}
	.banner{
		height:400px;
	}
	.banner-content{
		width: 63.3%;
		position: absolute;
		top: 17.5%;
		left: 0;
	}
	.banner-txt1{
		margin-top: 2%;
	}
	.banner-ul{
		margin-top: 4%;
	}
	.video-c {
	    position: absolute;
	    left: 50%;
	    top: 12%;
	    margin-left: -425px;
	    z-index: 900;
	    width: 850px;
	}
	
	
}
@media (max-width:1200px){
	.main,.main-db,.top-c{
		width:960px;
	}
	.banner{
		height:300px;
	}
	.banner-main{
		width: 960px;
	}
	.banner-txt1{
		font-size: 18px;
	}
	.ban-txt{
		font-size: 14px;
	}
	.banner-content{
		top:15.5%;
	}
		
	/*p0*/
	.p0-tit{
		font-size: 20px;
	}
	.p0-t{
		font-size: 16px;
	}
	/*p1*/
	.p1-tit{
		font-size: 16px;
	}
	.p1-t{
		font-size: 12px;
	}
	.p2-con p{
		font-size: 12px;
	}
	.content.bg3{
		height: 485px;
	}
	.p3-ad-con,.p3-ad-content{
		width: 960px;
	}
	.p3-ad-t{
		font-size: 22px;
	}
	.p3-zb-t1 {
	    font-size: 20px;
	}
	.p3-txt2-t1 {
	    font-size: 18px;
	}
	.p3-txt2-t3 {
    	font-size: 14px;
    }
	.p7-l1-txt{
		font-size: 13px;
	}
	.p3-box-l {
	    width: 34.8%;
	    margin-top: 13%;
	    margin-left: 0%;
	}
	.p3-box-r-txt{
		font-size: 15px;
	}
	.p3-box-r-ul li {
	    width: 16.7%;
	    margin-left:5.7%;
	}
	.p3-box-r-ul li:first-child {
	    margin-left: 0%;
	}
	.p3-box-r {
	    width: 60.3%;
	    margin-left: 3.5%;
	}
	.p3-box-r-img {
	    width: 98.4%;
	}
	.p5-box-wrap {
	    top: 25%;
	}
	.p5-box-a {
	    margin-top: 2%;
	}
	.p5-box-btn {
	    width: 104px;
	    height: 33px;
	    line-height: 33px;
	    font-size: 16px;
	}
	.p6-box-l {
	    width: 28%;
	}
	.p6-box-l-tit {
	    font-size: 18px;
	}
	.p6-box-r {
	    width: 30%;
	    left: 70%;
	}


}
@media (max-width:960px){
	.main,.top-c{
		width:750px;
	}
	.banner{
		height:300px;
	}
	
}

@media (max-width:750px){
	 .show-pc {
        display: none !important;
    }
    .show-phone {
        display: block;
    }
	.main,.top-c{
		width:100%;
	}
	.right {
	    bottom: 10%;
	    right: 5%;
	    width: 22%;
	}
	.right-txt{
		font-size: 3.73vw;
		color:#E10012;
	}
	/*开屏*/
	.kp-container {
		background:url(../images/kp-bg-w.jpg) center no-repeat;
		background-size: cover;
	}
	.kp-logo {
		width:20.4%;
		top:3.1%;
		right:5.9%;
	}
	.kp-title1,.kp-title2 {
		width:88.2%;
		top:13.3%;
	}
	.kp-jt1 {
		top:62.1%;
	}
	.kp-jt2 {
		top:62.1%;
	}
	.kp-pro-w {
		width:100%;
		margin:0 auto;
		position: absolute;
		top:60.8%;
		left:0;
		right:0%;
	}
	.kp-pro-guang-w {
		width:100%;
		position: absolute;
		top:62%;
		left:0
	}
	
	.kp-fd1-w {
		animation: kp-fd1 1.2s linear;
		-webkit-animation: kp-fd1 1.2s linear;
		/*animation-delay: 1s;*/
		animation-fill-mode: backwards;
		transform-origin: center 30%;
	}
	
	.kp-lr1-w {
		opacity: 0;
		animation: kp-lr1-w 3.5s linear;
		-webkit-animation: kp-lr1-w 3.5s linear;
		animation-delay: 1s;
		animation-fill-mode: backwards;
	}
	@keyframes kp-lr1-w{
		0% {
			opacity: 0;
			transform: translate(-20%,17.5%);
		}
		40% {
			opacity: 1;
			transform: translate(-4%,3.5%);
		}
		60% {
			opacity: 1;
			transform: translate(4%,-3.5%);
		}
		100% {
			opacity: 0;
			transform: translate(20%,-17.5%);
		}
	}
	
	
	
	.banner-img2 {
		width:100%;
		margin:0 auto;
	}
	.banner-line {
		width:78.4%;
		margin:0 auto 5%;
	}
	.banner-img1 {
		right:0;
		top:50%;
	}
	/*END*/
	
	
	.top{
		height:48px;
	}
	.top-c{
		position:relative;
		overflow:visible;
	}
	.top{
		overflow:visible;
	}
	.logo{
		width:70px;
		margin-top:11px;
		margin-left:16px;
	}
	.logo img{
		width:100%;
	}
	.nav{
		position:absolute;
		top:100%;
		right:0%;
		background-color:rgba(0,0,0,0.8);
		float:none;
		width:53%;
		display:none;
	}
	.nav li{
		width:100%;
		padding:8% 0;
		font-size:3.8vw;
		float:none;
		margin-left:0;
		border-bottom: 1px solid #565656;
		color:#fff;
		text-align:center;
		line-height:1.3em;
		
	}
	.nav li a{
		color:#fff;
	}
	.nav li:last-child{
		border-bottom:none;
	}
	.menu{
		width:5.6%;
		float:right;
		margin:4.5% 4.2% 0 0;
	}
	.menu img{
		width:100%;
	}
	
	.main {
	    margin: 0 auto 5%;
	}
	.main-db {
		width: 94.5%;
	    margin: 0 auto;
	}
	/*banner*/
	.banner{
		height:auto;
		background:none;
		margin-top:48px;
		position: relative;
	}
	.banner-main{
		width: 100%;
		position: absolute;
		top:11.6%;
		left: 0;
		right:0;
		margin:0 auto;
		text-align: center;
	}
	.banner-txt1{
		font-size: 3.46vw;
		text-align: center;
		margin-top: 2%;
		letter-spacing: 3px;
	}
	.banner-ul{
		width: 77.6%;
		left: 0;
		right:0;
		margin:0 auto;
		margin-top: 6.2%;
	}
	.banner-ul li{
		width: 30%;
		float: left;
		margin-left: 3.5%;
	}
	.banner-ul li:first-child{
		margin-left: 0;
	}
	.banner-content{
		width: 100%;
		top:0;
		left: 0;
	}
	/*视频弹框*/
   	.video-c {
        left: 0;
        margin-left: 0;
        width: 100%;
        top: 30%;
        overflow: visible;
    }
    #db-video {
        width: 90%;
        margin: 0 auto;
        z-index: 1000;
        margin-left:5%;
    }
    .close {
        position: absolute;
        top: -15%;
        right: 3%;
        float: none;
        width: 5%;
    }
    
	
	/*p0*/
	.txt-w {
	    width: 100%;
	    font-size: 4.6vw;
	    color: #333333;
	    font-weight: 600;
	    text-align: center;
	}
	.line-w {
	    width: 9%;
	    height: 4px;
	    margin: 2% auto 0;
	    background: #E50012;
	}
	.p0-content{
		width: 94%;
		margin:5% auto 0;
		overflow: hidden;
	}
	.p0-swiper {
        width:100%;
        overflow:hidden;
    }
    .p0-swiper>.swiper-wrapper {
        height:auto;
    }
    .p0-pagination {
        text-align:center;
        margin:3% auto 0;
    }
    .swiper-pagination-bullet{
    	margin-left: 10px !important;
    }
    .p0-img1-w{
    	width: 100%;
    	margin:0 auto;
    	position: relative;
    }
    .p0-con1{
    	width: 72.2%;
    	margin:0 auto;
    	text-align: center;
    	position: absolute;
    	top:60.4%;
    	left: 0;
    	right:0;
    }
    .p0-con2{
    	top:59.2%;
    }
    .p0-con3{
    	top:59.2%;
    }
    /*p1*/
   .p1-content {
	    width: 100%;
	    margin: 5% auto 0;
	    position: relative;
	    overflow: hidden;
	}
   .p1-btn {
	    width: 94%;
	    margin: 0 auto;
	    position: relative;
	}
	.p1-btn>.img{
		padding-bottom: 12%;
	}
	
	.p1-img2 {
	    width: 94%;
	    margin: 5% auto 0;
	    position: relative;
	}
	.p1-tit{
		font-size: 3.73vw;
		top:7.3%;
	}
	.p1-t {
    	width: 85%;
	    top: 26%;
	    font-size: 3.2vw;
	    text-align: justify;
	    line-height: 1.85;
	}
	.p1-big{
		width: 23.2%;
		margin:-9% auto 0;
		
	}
	/*p2*/
	.p2-content {
	    width: 94%;
	    margin: 5% auto 0;
	    position: relative;
	    overflow: hidden;
	}
	.p2-ul{
		width: 100%;
		margin:0 auto;
		overflow: hidden;
	}
	.p2-ul li{
		width: 100%;
		overflow: hidden;
		margin-top:5%;
		float: none; 
     	margin-left: 0;
	}
	.p2-ul li:first-child{
		margin-top: 0%;
	}
	.p2-con {
	    width: 62%;
	    position: absolute;
	    top:31.4%;
	    left: 35.6%;
	    text-align: left;
	}
	.p2-con2 {
	    width: 55%;
	    position: absolute;
	    top:31.4%;
	    left: 9%;
	}
	.p2-con3 {
	    width: 62%;
	    position: absolute;
	    top:19.4%;
	    left: 32%;
	    text-align: left;
	}
	.p2-con p {
	    font-size: 3.2vw;
	}
	#m4{
    margin-top: 5%;
}
	/* P3-等保+方案核心产品 */
.txt-w {
    width: 100%;
    font-size: 4.6vw;
    color: #333333;
    font-weight: 600;
    text-align: center;
    margin-bottom:5%;
    margin-top:5%;
}
.line-w {
    width: 8%;
    height: 4px;
    margin: 2% auto 0;
    background: #E50012;
}
.content.bg3{
    position: relative;
	height:auto;
	background-image:none;
    background-size:cover;
    background-position:center;
}
.cont-wrap{
   width: 100%;
   
}
.p3-box-l {
    width: 67.9%;
    float: none;
    margin: 0 auto;
    margin-top: 16%;
}
.p3-box-r {
    width:100%;
    float:none;
    margin: 0 auto;
}
.p3-box-r-tit {
    font-size:3.7vw;
    width: 68%;
    margin: 0 auto;
    position: relative;
    padding: 4% 0%;
    text-align: center;
}
.p3-box-r-tit img{
	width: 100%;
}
.p3-w-tit{
	width: 100%;
	position: absolute;
	top: 0%;
	left:0%;
	font-size: 3.73vw;
}
.p3-box-r-txt {
	width: 95.6%;
    font-size:3.2vw;
    margin: 0 auto;
    margin-top: 3%;
    line-height: 1.7em;
    text-align: justify;
}
.p3-box-r-img {
    width:100%;
    position: relative;
    margin-top: 5%;
    padding-bottom:5%;
}
.p3-li{
    width: 17.1%;
    position: absolute;
    bottom: 0%;
    left: 2.8%;
    font-size: 3.2vw;
}
.p3-li2{
    left:21.5%;
    bottom:15%;
}
.p3-li3{
    left:43.5%;
}
.p3-li4{
    left:63.6%;
    bottom:15%;
}
.p3-li5{
    left:82.8%;
}
/*修改*/
.w3-img1{
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.p3-box-l{
	width: 71.8%;
	position: absolute;
	top:26%;
	left: 0;
	right: 0;
	margin:0 auto;
}
.p3-ad-con{
	width: 100%;
}
.p7-ul-w {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.p7-ul-w li {
    width: 94.5%;
    margin:0 auto;
    float: none;
    margin-left: none;
    margin-top: 5%;
    overflow: hidden;
}
.w3-con1{
	width: 100%;
	overflow: hidden;
	display: none;
}
.p3-close{
	width: 5%;
	position: absolute;
	top:33%;
	right:5%;
}
.p7-box{
	width: 100%;
	top:41.2%;
}
.p3-ad-content{
	width: 94.5%;
}
.p3-zb-box {
    font-size: 3.7vw;
    width: 71%;
    margin: 5% auto;
    position: relative;
    padding: 4% 0%;
    text-align: center;
}
.p3-zb-tit {
    position: absolute;
    top: 0%;
    left: 0%;
    right:0;
    text-align: center;
    width: 100%;
    font-size: 3.73vw;
}
.p3-zb-txt {
    width: 51%;
    position: absolute;
    top: 11.9%;
    left: 45.7%;
    color: #fff;
}
.p3-zb-t1 {
    font-size: 4.26vw;
}
.p3-zb-t2 {
    font-size: 3.3vw;
}
.p3-zb-btn1{
	width: 51%;
	background: none;
    overflow: hidden;
    padding: 0;
    margin-top: 2%;
}
.p3-zb-txt2 {
    width: 100%;
    position: absolute;
    top: 67.5%;
    left: 0;
    right:0;
    margin:0 auto;
    color: #fff;
    text-align: center;
}
.p3-txt2-t1 {
    font-size: 4vw;
}
.p3-txt2-t2 {
    font-size: 4vw;
}
.p3-txt2-t3 {
    font-size: 2.93vw;
    text-align: center;
}
/* p5-他们正在使用新华三等保+解决方案开始- */
.p5-box {
    width:100%;
    margin-bottom:5%;
}
.p5-box-wrap {
    width:82%;
    position: absolute;
    top:11%;
    left:13.5%;
}
 .p3-box-r-tit2{
   padding: 2% 0%;
   width: 60.3%;
   margin-left:40%;
 }
.p3-box-r-txt2{
	width: 60.3%;
   margin-left: 40%;
}
.p5-box-a{
	display: inline-block;
	margin-top:3%;
}
.p5-box-btn{
	width: 28%;
    position: absolute;
    bottom: 24%;
    left: 0%;
    background: none;
}
/* p6-资料下载开始 */
.content.bg6{
	height:auto;
	background-image:none;
	padding-bottom: 5%;
	/*margin-top: 5%;*/
}
.p6-box{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.p6-box-l{
    width:39%;
    position: relative;
    top:21%;
    left:6%;
    margin-top: 3%;
    float: left;
}
.p6-box-r {
    width: 39%;
    left:17%;
    float: left;
    margin-top:3%;
}
.p6-box-l-tit{
	color: #000;
	font-size:3.46vw;
	text-align: center;
	margin-left:0%;
}
.p6-box-m{
	width:100%;
	margin: 0 auto;
	margin-top:2%;
}
.p6-box-m img{
	width: 100%;
}
.p6-box-btn{
	width:65.2%;
	background: none;
	margin-top:13%;
	padding: 0;
	margin-left: 18%;
	margin-bottom: 2%;
}
.p6-box-btn2{
	margin-left: 27%;
	width:65.2%;
	margin-top:13%;
	margin-left:19%;
}
.p6-box-a{
	width: 100%;
	display: inline-block;
	margin-top:0%;
	margin-left:0%;
	color: #fff;
}
.p6-box-a img{
	width: 100%;
}
.p6-btn-tit {
    width:60%;
    float: left;
    margin-left:12%;
}
.p6-btn-icon {
    width: 10px;
    float: right;
    margin:0.6% 11% 0% 0%;
}

.p5-box-btn:hover,.p6-box-btn:hover{
    background-color: #E10012;
}
/*p7*/
#m7{
	background-image: url(../images/p7-bg-w.jpg);
    background-size: cover;
    background-position: top center;
}
.p7-content{
	width: 100%;
	margin:5% auto 0;
	position: relative;
	overflow: hidden;
}
.p7-left3{
	width: 69%;
	float: none;
    margin: 0 auto;
}
.p7-left3-t1{
	font-size: 4.26vw;
}
.p7-left3-t2{
	font-size: 3.2vw;
	margin-top: 2%;
}
.p7-left3-img1 {
    margin-top: 10%;
}
.p7-left2 {
    width: 29%;
    float: none;
    margin: 0 auto;
    margin-left:none;
    margin-top: 2%;
    position: relative;
}
.p7-btn1 {
    width: 100%;
    background: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    bottom: 42%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.p7-left1 {
    width: 59.7%;
    margin:0 auto;
    float:none;
    margin-left:none;
    margin-top:0;
}
.p7-left1-img1{
	margin:0 auto;
}
.p7-left1-t1 {
    font-size: 3.73vw;
    text-align: center;
    margin-top: 8%;
}
.p7-left1-t2 {
    font-size: 3.2vw;
    text-align: center;
    margin-top: 2%;
}
.p7-box-w {
    width: 94%;
    margin: 5% auto 0;
    overflow: hidden;
}
.p7-l1-t {
    font-size: 4.53vw;
}
.p7-l1-txt {
    margin-top: 4%;
    font-size: 3.2vw;
    line-height: 1.6;
}
.p7-swiper {
    width:100%;
    overflow:hidden;
}
.p7-swiper>.swiper-wrapper {
    height:auto;
}
.p7-pagination {
    text-align:center;
    margin:3% auto 0;
}
.swiper-pagination-bullet{
   	margin-left: 10px !important;
}
	
	
.big-pic{
    width: 630px;
    padding: 30% 0;
    display: none;
}
.big-img{
    width: 600px;
    margin: 0 auto;
}
.nav li.active {
    color: #fff;
    border-bottom: 1px solid #565656;
}		
.banner-btn1 {
    background: none;
    border-radius:30px;
    overflow: hidden;
    padding: 0;
}

.banner-ul li.ban-li1 {
	width:32.64%;
}
.banner-ul li.ban-li1 .banner-btn1 {
	padding:0;
}
	
	.bottom {
        padding: 2.5% 0;
        height: auto;
        line-height: 1.75em;
        font-size: 3vw;
    }
    .bottom span {
        display: block;
    }