.main {
            	min-width: 1435px;
            	width: 100%;
            	position: relative;
            	padding-top:100px;
            }
            body{
            	position:relative;
            }
             .head {
            	position:fixed;
            	top:0;
            	left:0;
            	width:100%;
            	z-index: 10;
            	border-bottom:1px solid #ccc;
            	background-color:#fff;
            }
             .head-box{
            	width:1435px;
            	margin: 0 auto;
            	position:relative;
            }
            .head-box:after{
            	content:"";
            	display: block;
            	clear:both;
            }
			.head ul{
				display: inline-block;
			}
             .head .phone {
            	/* position: absolute;
            	right: -150px;
            	top: 40px; */
            	font-size: 16px;
            	color: #026ab0;
				display: inline-block;
				margin-left: 20px;
            }
            
             .head:after {
            	content: "";
            	width: 0;
            	display: block;
            	clear: both;
            }
            
             .head .logo {
            	float: left;
            	margin-top: 16px;
            }
            
             .head .right {
            	float: right;
            }
            
             .head .right li {
            	display: inline-block;
            	padding: 0 18px;
            	line-height: 100px;
            	position: relative;
            }
            .head .right li:hover .m-nav-list{
				display: block;
			}
             .head .right li a {
            	display: block;
            	text-decoration: none;
            	color: #343434;
            	font-size: 18px;
            }
            
             .head .right li a:hover {
            	color: #007cc2;
            }
            
            .main .banner {
            	height:auto;
            	width: 100%;
            	position: relative;
            }
			.main .banner img{
				width: 100%;
			}
            .footer {
            	background-color: #323232;
            	padding-top: 50px;
            }
            
            .footer .top {
                width: 1435px;
                margin: 0 auto;
                padding: 0 115px 30px;
                box-sizing: border-box;
                overflow: hidden;
            }
            
            .footer .top>div {
            	display: inline-block;
            	color:white;
            }
            
            .footer .top .right {
            	margin-left: 30px;
            	vertical-align: top;
				float: right;
            }
            
            .footer .top>div ul {
            	display: inline-block;
            	vertical-align: top;
            	margin-left: 80px;
            }
            
			.footer .top .left .text-title{
					text-align: left;
				}
			    .footer .top .text-title {
			        font-size: 16px;
			        margin-bottom: 15px;
					text-align: center;
			    }
             .footer .top .text-title a{
            	color:#fff;
            }
            
            .footer .top .text,
            .footer .top .text a {
            	font-size: 14px;
            	color: #c6c6c6;
            	margin-bottom: 20px;
            }
			.footer .top .left .text{
				text-align: left;
				width: 230px;
			}
            .footer .top .text{
				text-align: center;
			}
            .footer .message {
            	border-top: 1px solid #535353;
            	padding-top: 30px;
            	padding-bottom: 50px;
            	font-size: 14px;
            	color: #c6c6c6;
            	text-align: center;
            }
            
            .footer .blogroll {
            	position: relative;
            	color: white;
            	padding-left: 8px;
            	margin-bottom: 20px;
            }
            
            .footer .link,
            .footer .link a {
            	color: white;
            	font-size: 14px;
            }
            
            .footer .link a {
            	padding: 0 17px!important;
            }
            .footer .link span:first-child a {
            	padding-left: 0!important;
            }
            
            .footer .blogroll:before {
            	position: absolute;
            	content: "";
            	height: 14px;
            	width: 2px;
            	background-color: #e26819;
            	left: 0;
            	top: 4px;
            }
            .m-nav{
            	display: none;
            	width:126px;
            	height:177px;
            	position:absolute;
            	left:1410px;
            	z-index: 10;
            }
           .m-nav-list{
    	position:absolute;
    	width:126px;
    	box-sizing: border-box;
    	top:100px;
    	z-index: 5;
    	display: none;
    }
    .m-nav-list a{
    	display: block;
    	width:126px;
    	height:40px;
    	line-height: 40px;
    	text-align: center;
    	background: #fff;
    }
    .m-nav-list a:hover{
    	color:#007cc2;
    }	@media screen and (max-width: 1450px){
		.head-box{
			width: 1200px;
		}
		.head .phone{
			display: none;
		}
		.main{
			min-width: 1200px;
		}
		.footer .top{
			width: 1200px;
			padding-left: 0;
			padding-right: 0;
		}
		.footer .top+div{
			width:1200px!important;
		}
		.footer .top>div ul {
		    margin-left: 60px;
		}
	}
            @media screen and (max-width:780px) {
            	.head {
            		display: none;
            	}
            	.m-nav {
            		display: block;
            		position: fixed;
            		top: 0;
            		left: 0;
            		width: 100%;
            		height: 50px;
            		background-color: white;
            		z-index: 10;
            	}
            	.m-nav .aside {
            		position: relative;
            	}
            	.banner {
            		margin-top: 50px;
            	}
            	.aside-icon {
            		padding-top: 12px;
            		padding-left: 20px;
            		height: 27px;
            	}
            	.m-logo {
            		position: absolute;
            		top: 0;
            		height: 50px;
            		left: 50%;
            		transform: translateX(-50%);
            	}
            	.m-logo img {
            		height: 90%;
            		margin-top: 2%;
            	}
            	.close{
            		display:none;
            		padding-top: 12px;
    				padding-left: 20px;
    				height: 27px;
            	}
            	.m-nav-list {
            		position: absolute;
            		top: 50px;
            		left: 0;
            		width: 100%;
            		background-color: white;
            		border-top: 1px solid #eee;
            		display: none;
            	}
            	.m-nav-list li {
            		height: 40px;
            		line-height: 40px;
            		border-bottom: 1px solid #eee;
            		text-align: center;
            	}
            	.m-nav-list li a {
            		display: block;
            		font-size: 16px;
            		color: #000000;
            	}
            	.main {
            		width: 100%;
            		min-width: 100%;
            		padding-top:0;
            	}
            	.main .service {
            		padding-top: 30px;
            	}
            	.main .service ul {
            		width: 100%;
            		flex-wrap: wrap;
					justify-content: center;
            	}
            	.main .service li {
            		width: 33%;
            		padding: 0 10px;
            		box-sizing: border-box;
            		margin-bottom: 10px;
            	}
            	.main .service li .icon {
            		text-align: center;
            	}
            	.main .service li .icon img {
            		width: 60px;
            	}
            	.main .service .title,
            	.main .security .title,
            	.main .contrast .title,
            	.main .case .title,
            	.main .about .title,
            	.main .process .title,
            	.main .news .title {
            		margin-bottom: 20px;
            	}
            	.main .security {
            		padding-top: 30px;
            	}
            	.main .security li {
            		width: 48%;
            		height: auto;
            		margin-bottom: 20px;
            	}
            	.main .security ul {
            		width: 100%;
            		flex-wrap: wrap;
            	}
            	.main .security li .icon {
            		margin-top: -60px;
            		margin-left: -60px;
            	}
            	.main .security li .top-text {
            		font-size: 16px;
            		margin-top: 10px;
            		margin-bottom: 10px;
            	}
            	.main .security li .bottom {
            		padding-top: 10px;
            	}
            	.main .security li .bottom-list {
            		font-size: 14px;
            		margin-bottom: 5px;
            	}
            	.main .security li .bottom-item {
            		font-size: 12px;
            	}
            	.contrast .content .bg {
            		display: none;
            	}
            	.contrast .content {
            		height: 400px;
            	}
            	.contrast .fix {
            		position: static;
            		width: 100%;
            		transform: none;
            	}
            	.contrast .fix .left {
            		width: 48%;
            		padding-left: 10px;
            		box-sizing: border-box;
            	}
            	.contrast .fix .right {
            		width: 48%;
            		padding-right: 10px;
            		box-sizing: border-box;
            	}
            	.contrast .fix .left .text {
            		font-size: 20px;
            		margin-bottom: 10px;
            	}
            	.contrast .fix .left .description {
            		font-size: 16px;
            		margin-bottom: 20px;
            	}
            	.contrast .fix .right .text {
            		font-size: 20px;
            		margin-bottom: 10px;
            	}
            	.contrast .fix .right .description {
            		font-size: 16px;
            		margin-bottom: 20px;
            	}
            	.main .contrast {
            		/* padding-top: 30px; */
            	}
            	.form {
            		padding-top: 30px;
            	}
            	.form .content {
            		width: 90%;
            		margin-left: 5%;
            	}
            	.form .content .title {
            		font-size: 34px;
            	}
            	.form .content .h2 {
            		font-size: 24px;
            		text-align: left;
            	}
            	.form .content .h3 {
            		font-size: 16px;
            		text-align: left;
            	}
            	.form .content .span span.online-chat {
            		margin-top: 20px;
            	}
            	.case {
            		padding-top: 50px;
            	}
            	.case ul li {
            		width: 48%;
            	}
            	.case ul {
            		width: 100%;
            	}
            	.case ul li .text {
            		padding: 10px;
            	}
            	.about .description {
            		width: 100%;
            		padding: 0 10px;
            		box-sizing: border-box;
            	}
            	.about {
            		padding-top: 20px;
            		height: 500px;
            	}
            	.about .icon {
            		margin-top: 30px;
            	}
            	.process {
            		padding-top: 40px;
            	}
            	.process ul {
            		width: 100%;
            	}
            	.process ul li {
            		width: 20%;
            	}
            	.process ul li .description {
            		width: auto;
            		padding: 0 5px;
            	}
            	.news .content {
            		width: 100%;
            	}
            	.news {
            		padding: 40px 0 0 0;
            	}
            	.news .content .article {
            		width: 100%;
            		padding: 20px 30px 20px 0;
            	}
            	.news .content .article .bottom {
            		padding-left: 20px;
            		padding-top: 20px;
            	}
            	.news .right .time {
            		width: 80px;
            		padding-left: 20px;
            	}
            	.news .right .article-content {
            		width: 239px;
            	}
            	.news .right .article-content .article-title {
            		padding-left: 20px;
            	}
            	.news .right {
            		width: 100%;
            	}
            	.news .right .article-content .go {
            		padding-left: 20px;
            		margin-top: 20px;
            	}
            	.footer .top {
            		width: 100%;
            		padding: 0 10px 20px 10px;
					display: none!important;
            	}
            	.footer .top .text {
            		display: inline-block;
            		margin-right: 10px;
            	}
            	.footer {
            		padding-top:0!important;
					
            	}
				.footer .top>div{
					text-align: center;
				}
				.footer .top .left .text-title{
					text-align: center!important;
				}
				.footer .top .left .text{
					text-align: center;
				}
            	.footer .top .right {
            		margin-left: 0;
					width: 100%;
            	}
            	.footer .top>div ul {
            		display: block;
            		margin-left: 0;
            	}
            	.footer .link span a {
            		padding: 10px;
            	}
            	.footer .blogroll {
            		margin-bottom: 10px;
            	}
            	.footer .message {
            		padding: 20px 0 30px 0;
            	}
            }
            
            .container {
            	width: 1200px;
            	margin: 0 auto;
            }
            .footer .top .left p:nth-of-type(3){
            	color:#e26819;
            }
            .navslide{
            	display: none;
            }
            .navslide li{
            	width:100%;
            	height:40px;
            }
             .navslide li a{
             	display: block;
            	width:100%;
            	height:100%;
            	line-height: 40px;
            	text-align: center;
            	list-style:none ;
            	color:#343434;
            }
			.right-navigation{
    position:fixed;
    top:50%;
    right:0;
    width:60px;
    height: 200px;
    margin-top: -100px;
    z-index:8;
}
.right-navigation li{
    width:60px;
    position:absolute;
    right:0;
    top:0;
    background:#4c74c5;
    border-radius:5px;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.right-navigation li:hover .scr-box{
	width: 160px;
}
.right-navigation li:nth-child(2){
    top:70px;
}
.right-navigation li:nth-child(3){
    top:140px;
}
.right-navigation li .con{
    width:60px;
    text-align: center;
    height:60px;
    background:#4c74c5;
    position: relative;
    z-index: 2;
    border-radius:5px;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.right-navigation li a{
    display: block;
    width:100%;
    height:100%;
}
.right-navigation li .pic{
    margin:8px 0 1px;
    height:26px;
}
.right-navigation .con p {
    font-size:12px;
    color:#fff;
    line-height:25px;
	margin-top: -3px;
}

.right-navigation .scr-box{
    width:180px;
    height:60px;
    position: absolute;
    top: 0px;
    border-radius:5px;
    padding: 0 10px;
    text-align: left;
    z-index: 1;
    background-color:#4c74c5;
    background-repeat:no-repeat;
    background-size: auto 26px;
    background-position:center right 10px;
}
.right-navigation .scr-box.ico1{
    background-image:url(../images/nav01.png);
}
.right-navigation .scr-box.ico2{
    background-image:url(../images/nav02.png);
}
.right-navigation .scr-box img{
    width:26px;
    float: left;
    margin:17px 8px 0 0;
}
.right-navigation .scr-box h3{
    font-size:14px;
    color:#fff;
    line-height:60px;
}
.right-navigation .scr-box p{
    font-size:12px;
    color:#fff;
    line-height:20px;
    margin-top:10px;
}
.right-navigation .scr-box h2{
    font-size:14px;
    color:#fff;
    line-height:22px;
}
.right-navigation li.scrolltop{
    display: none;
}
.right-navigation li:hover{
	width:180px;
	box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.right-navigation li:last-child:hover{
	width: 60px;
	box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.right-navigation li .qr{
	position: absolute;
	width: 100px;
	height: 100%;
	top: 62px;
	left: 60px;
	transition:  all 0.3s;
}
.right-navigation li .qr img{
	width: 100%;
}
.right-navigation li:hover .qr{
	transform: translateX(-100%);
}
/* .right-navigation li:hover .qr{
	transform: translateX(-100%);
} */
.right-navigation li:hover .con{
	opacity:0;
}
.right-navigation li:last-child:hover .con{
	opacity: 1;
}
.right-navigation li.scrolltop:hover{
	width:60px;
}
.right-navigation li.scrolltop:hover .con{
	opacity:1;
}
            @media screen and (max-width:780px ) {
            .navslide{
				display: block;
				position: fixed;
				top: 50px;
				right: 0;
				width: 100%;
				z-index: 10;
				background-color: white;
				transition: all .5s;
				transform: translateX(-100%);
				}
				.navslide li{
				border-bottom:1px solid #ccc;
				box-sizing: border-box;
				}
			.active{
				transform: translateX(0);
				width: 100%;
				}
				.tip-box{
					display: none;
				}
            }