/***
基础修复
***/
*::selection {
    background: none repeat scroll 0% 0% #3D4450;
    color: #FFF;
    outline: none;
}
*::-moz-selection {
    background: none repeat scroll 0% 0% #3D4450;
    color: #FFF;
}
/*滚动条*/
/*::-webkit-scrollbar-track-piece {
    width: 12px;
    background-color: #e4e4e4;

}
::-webkit-scrollbar {
    width: 12px;
    height: 16px
}
::-webkit-scrollbar-thumb {
    position: relative;
    min-height: 25px;
    border-radius: 9999px;
    background: #999;
    background-clip: padding-box;
	border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical {
    border: 2px solid transparent;
}
::-webkit-scrollbar-thumb:horizontal {
    border: 3px solid transparent;
}*/


ul,li{
	list-style-type:none;
	margin:0;
	padding:0;
}
*{
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}
body {
    background-color: #fcfcfc;
	color:#444;
	font-size:12px;
}
body,
.dropdown-menu,
input.m-wrap,
button.m-wrap,
select.m-wrap,
textarea.m-wrap{
	font-family:Tahoma,"Microsoft YaHei";
	font-weight: 400;
}

a,a:active,a:hover,a:focus{
	text-decoration:none;
}
a,a:link{
	color:#196cd2;
}
a:hover{
	/* filter:alpha(opacity=80);opacity:.8; */
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.maxwidthnone{
	max-width: none;
}
em{
	font-style: normal;
}

.blue{
	color: #4b8df8;
}
.light-blue{
	color: #bfd5fa;
}
.red{
	color: #e02222;
}
.yellow{
	color: #ffb848;
}
.orange{
	color: #f76e00;
}
.green{
	color: #35aa47;
}
.purple{
	color: #852b99;
}
.grey{
	color: #777777;
}
.light-grey{
	color: #fafafa;
}


/***
整体设置
***/
.wrapper{

}
.jcjcode-content{
	width:980px;
	margin:0 auto;
}
.toolbar{
	background:#196cd2;
	height:28px;
	line-height:28px;
	color:#fff;
}
.welcome{
	float:left;
}
.logo-link{
	float:right;
}
.logo-link a{
	display:inline-block;
	padding:0 10px;
	color:#fff;
}
/* 头部 */
.header{
	background:#ffffff;
	border-bottom:1px solid #eeeeee;
	height:89px;
}
.logo{
	float:left;
	padding-top:14px;
	cursor: pointer;
}
.menu-nav{
	float:right;
	height:30px;
	padding-top:30px;
}
.menu-nav li{
	float:left;
	margin-left:10px;
}
.menu-nav li a{
	display: block;
	text-align: center;
	line-height: 36px;
	color: #444;
	width: 120px;
	font-size: 16px;
	border-radius: 2px;
}
.menu-nav li.active a,
.menu-nav li a:hover{
	background:#196cd2;
	color:#fff;
}
.menu-nav li span{
	display: block;
	text-align: center;
	line-height: 36px;
	color: #444;
	width: 120px;
	font-size: 16px;
	border-radius: 2px;
}
.menu-nav li.active span,
.menu-nav li span:hover{
	background:#196cd2;
	color:#fff;
	cursor: pointer;
}
/* 脚部 */
.footer{
	background:#cccccc;
	margin-top:38px;
	/*position: fixed;
    bottom: 0;
    width: 100%;*/
}
.footerlink{
	height:100px;
}
.foot-links {
	line-height: 1;
	margin-top: 12px;
	margin-bottom:15px;
}
.foot-links a {
	color: #0e0e0e;
}
.foot-links a:hover{
	text-decoration:none;
	color:#196cd2;
}
.msg {
	color: #6e6e6e;
	margin:0 0 15px 0;
	line-height:1;
}
.weixin{
	float:left;
	padding-top:5px;
}
.weixin li {
	float:left;
	margin-right:50px;
}
.weixin li img{
	border: 0px solid #767676;
}
.weixin b {
	display: block;
	color: #fff;
	font-weight:normal;
	filter:alpha(opacity=80);opacity:.8;
	line-height:24px;
}
.tel{
	float:left;
	color:#ffffff;
	font-weight:200;
	line-height:1;
	text-align:center;
	font-family: 微软雅黑;
}
.tel b{
	display: inline-block;
	height: 16px;
	background: url("../images/tel.png") no-repeat left center;
	padding-left: 20px;
	font-size: 12px;
	color: #808080;
	font-weight: normal;
	line-height: 16px;
	vertical-align: top;
	margin-top: 10px;
}

.copyright {
	background: #000;
	padding: 10px 0;
	text-align: center;
}
.copyright p {
	color: #dfdfdf;
	margin: 0 auto;
	width: 980px;
}


/***
首页
***/
.index-banner{
	height:406px;
	overflow:hidden;
	margin-bottom:35px;
	background:#eee;
}
.index-banner .swiper-container{
	height:100%;
}
.index-banner .img01{
	background:url("../images/banenr.jpg") no-repeat center top;
	height:100%;
	background-size: cover;
}
.index-banner .img02{
	background:url("../images/banenr01.jpg") no-repeat center top;
	height:100%;
	background-size: cover;
}
.index-banner .img01 .jcjcode-content{
	position:relative;
	height:100%;
}
.index-banner .img01 .dataimg01{
	position:absolute;
	top:64px;
	left:30px;
}
.index-banner .img01 .dataimg02{
	position:absolute;
	top:114px;
	right:50px;
}


.softtext{
}
.index-soft{
	float:left;
	width:545px;
	margin-top:-20px;
}
.index-soft li{
	  margin-top: 20px;
	  border: 1px solid #dedede;
	  height: 83px;
	  overflow: hidden;
	  padding: 40px 28px 30px;
	  box-sizing: content-box;
	  cursor: pointer;
	    background: #fff;
}
.index-soft li .img{
	background: url("../images/shadow.png") no-repeat center bottom;
	width: 74px;
	float: left;
	background: url("../images/shadow.png") no-repeat center bottom;
	padding-bottom:15px;
}
.index-soft li .img b{
	background: url("../images/soft.png") no-repeat;
	display: block;
	height: 74px;
	background: url("../images/soft.png") no-repeat;
	background-position: left top;
}
.index-soft li .text{
	margin-left: 100px;
}
.index-soft li .text h4{
	line-height: 1;
	color: #3d3d3d;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 10px;
}
.index-soft li .text p{
	line-height: 22px;
	color: #808080;
}
.index-soft .server .img b{
	display: block;
	height: 74px;
	background-position: right top;
}
.index-soft li:hover{
	background: #f6f8f9;
}
.index-soft li:hover h4{
	color: #2779de;
}
.index-soft li:hover .img b{
	background-position: left bottom;
}
.index-soft .server:hover .img b{
	background-position: right bottom;
}
.index-news{
	margin-left:565px;
	background:#fff;
	border:1px solid #dedede;
	padding:0 15px;
	height:330px;
}
.index-news h3{
	font-size:18px;
	border-bottom:1px solid #eee;
	line-height:44px;
	margin-bottom:15px;
}
.index-news a{
	color:#444;
}
.index-news a:hover{
	color:#2779de;
	text-decoration:underline;
}

.firt-news{
	height:84px;
	margin-bottom:15px;
}
.firt-news .img{
	float:left;
	width:80px;
	color: #fff;
	margin-right:15px;
}
.firt-news .img b{
	display: block;
	height: 62px;
	margin-bottom: 2px;
	background: #2779de;
	font-size: 30px;
	text-align: center;
	line-height: 60px;
	font-weight: 300;
}
.firt-news .img span{
	background:#cccccc;
	height:20px;
	font-size:12px;
	display:block;
	text-align:center;
	line-height:20px;
}
.firt-news h5{
	font-size:14px;
	line-height:1;
	padding:10px 0;
}

.firt-news p{
	height:40px;
	line-height:20px;
	overflow:hidden;
	color:#777;
}
.linews{
	border-top:1px solid #eeeeee;
	padding:19px 0;
}
.linews b{
	display:block;
	float:left;
	background:#2779de;
	width:6px;
	height:16px;
	margin-right:15px;
}
.linews a{
	display:block;
	height:16px;
	line-height:16px;
	color:#444;
}
.linews a:hover{
text-decoration:none;
}
/* 加入锦诚 */
.container_main{
	margin-top:26px;
}
.sideBar_left{
	float:left;
	border:1px solid #dedede;
	width:200px;
	background: #fff;
}
.sideBar_left h3{
	height:42px;
	line-height:42px;
	padding:0 15px;
	background:#2779de;
	font-size:16px;
	color:#fff;
	position:relative;
	z-index:2;
}
.sideBar_left ul{
	margin:-1px 10px 0;
	position:relative;
	z-index:1;
}
.sideBar_left ul li a{
	border-top: 1px solid #eeeeee;
	height: 42px;
	line-height: 42px;
	display: block;
	color:#130200;
	padding:0 5px;
	font-size:14px;
}
.sideBar_left ul li a:hover,
.sideBar_left ul li.active a{
	color:#196cd2;
}
.sideBar_right{
	border:1px solid #dedede;
	margin-left:222px;
	background: #fff;
	min-height: calc(100vh - 326px);
}
.sideBar_right h3{
	height:42px;
	border-bottom:1px solid #dedede;
	line-height:42px;
	background:#f9f9f9;
	padding:0 15px;
	font-size:16px;
}
.sideBar_right h3 b{
	display:inline-block;
	width:6px;
	height:16px;
	background:#2779de;
	vertical-align:middle;
	margin-right:10px;
}
.jobList{
	margin:25px;
	border-top:1px solid #dedede;
	padding-top:30px;
}
.jobList .title{
	height:44px;
	line-height:44px;
	margin-bottom:15px;
}
.jobList .title>div{
	display:inline-block;
	vertical-align:middle;
	margin-right:40px;
	float:left;
}
.jobList .title>.vocation{
	background:url("../images/pic.png") no-repeat left center;
	font-size:16px;
	color:#000000;
	padding-left:50px;
}
.jobList .title>.datatime{
	background:url("../images/clock.png") no-repeat left center;
	font-size:12px;
	color:#999;
	padding-left:20px;
}

.jobList .title>.address{
	background:url("../images/map.png") no-repeat left center;
	font-size:12px;
	color:#999;
	padding-left:20px;
}
.jobList dl dt{
	font-size:14px;
	color:#000;
	font-weight:normal;
	line-height:1;
	margin-bottom:5px;
}
.jobList dl dd{
	color:#666;
	line-height:30px;
	font-size:13px;
}
.jobList .applyJob{
	background: #2779de;
	height: 28px;
	width: 98px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	padding: 0;
	border-radius: 2px;
}
.propaganda{
	clear:both;
	height:116px;
	margin-top:60px;
}
.propaganda ul{
	margin-left:-37px;
}
.propaganda ul li{
	height:116px;
	width:300px;
	border:1px solid #dedede;
	border-radius:2px;
	float:left;
	margin-left:37px;
	box-sizing: content-box;
}

/* 关于我们 */
.c-culture {
	margin-left: 0;
}
.culture{
	margin:25px;
}
.culture .img{
	text-align:center;
	margin-bottom:20px;
}
.culture .img img{
	width:100%;
}
.culture p{
	line-height:30px;
	font-size:16px;
	color:#747474;
	text-indent:28px;
}
.textp{
	background:#f3f4f6;
	  padding: 10px 24px 15px;
	line-height:24px;
	color:#747474;
	margin-bottom:20px;
}
.textp span{
	display:block;
	line-height:36px;
	font-size:14px;
}
.customers-list {
  margin-left: -10px;
  width: 110%;
}
.customers-list li {
	margin: 10px 8px;
	display: inline-block;
}
.customers-list li img {
	border: 1px solid #dedede;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
}
/* 联系我们 */
.contact{
	margin:25px;
}
.contact-map{
	margin-bottom:80px;
}
.contact-map .title{
	background:url("../images/icon-map.png") no-repeat left top;
	height:44px;
	padding-left:55px;
	font-size:18px;
	color:#000;
	margin-bottom:25px;
	font-weight: bold;
}
.contact-map .title span{
	display:block;
	color:#c9c9c9;
	font-size:12px;
}
.contact-map .map{
	height:300px;
	background:#fafafa;
	border: 1px solid #ccc;
	margin-bottom:10px;
}
.contact-map .text p{
	line-height: 28px;
	color: #747474;
	font-size: 14px;
	margin: 0;
}
.contact-wap{
	border-bottom:1px solid #dedede;
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.contact-wap .title{
	background:url("../images/icon-map01.png") no-repeat left top;
}
.contact-wap .text a{
	font-size:22px;
	color:#1368cf;
}
.contact-employ{
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom:1px solid #dedede;
}
.contact-employ .title{
	background:url("../images/icon-map02.png") no-repeat left top;
}

/* 服务 */
.server-wrapper .toolbar,
.server-wrapper .footer,
.server-wrapper .header{
	position:fixed;
	width:100%;
	z-index:100;
}
.server-wrapper .toolbar{
	top:0;
}
.server-wrapper .header{
	top:0px;
	background:#fff;
}
.server-body{
	position: relative;
	height: 100%;
	overflow: hidden;
}
.server-wrapper .section {
	overflow:hidden;
}
.server-wrapper .section .jcjcode-content{
	position:relative;
	height:100%;
}
.server-wrapper .section img{
	position:absolute;
}
.server-box .bannerbg{
	height:100%;
}
.server-box .bannerbg .serverbg01{
	background:url("../images/server/img01.jpg") no-repeat center top;
	position: absolute;
	width: 100%;
	height:100%;
	background:url("../images/server/img01.jpg") no-repeat center top;
	background-size:cover;
	top:0;
	left:0;
	background-size:100% 100%;
}
.server-box .bannerbg .serverbg02{
	background:url("../images/server/img02.jpg") no-repeat center top;
	position: absolute;
	width: 100%;
	height:100%;
	background:url("../images/server/img02.jpg") no-repeat center top;
	background-size:cover;
	top:0;
	left:0;
	background-size:100% 100%;
}
.server-box .bannerbg .serverbg03{
	background:url("../images/server/img03.jpg") no-repeat center top;
	position: absolute;
	width: 100%;
	height:100%;
	background:url("../images/server/img03.jpg") no-repeat center top;
	background-size:cover;
	top:0;
	left:0;
	background-size:100% 100%;
}
.server-box .bannerbg .serverbg04{
	background:url("../images/server/img04.jpg") no-repeat center top;
	position: absolute;
	width: 100%;
	height:100%;
	background:url("../images/server/img04.jpg") no-repeat center top;
	background-size:cover;
	top:0;
	left:0;
	background-size:100% 100%;
}
.server-box .bannerbg .img{
	position: absolute;
	width:480px;
	height: 178px;
	overflow: hidden;
}
.server-box .bannerbg .img .line{
	width: 4px;
	height: 100%;
	position: absolute;
	background: #196cd2;
	left:0;
	top:0;
	z-index: 100;
}
.server-box .bannerbg .img img{
	max-height: 100%;
}
.server-box .jcjcode-content img{

}


/* 产品 */
.product-wrapper .toolbar,
.product-wrapper .footer,
.product-wrapper .header{
	position:fixed;
	width:100%;
	z-index:100;
}
.product-wrapper .toolbar{
	top:0;
}
.product-wrapper .header{
	top:0px;
}
.product-wrapper .section {
	overflow:hidden;
}
.product-wrapper .section .jcjcode-content{
	position:relative;
	height:100%;
}
.product-wrapper .section img{
	position:absolute;
}
	
.product-box .banner01{
	background:url("../images/product/img01.jpg") no-repeat center top;
	height:100%;
	background:url("../images/product/img01.jpg") no-repeat center top;
	background-size:cover;
	background-size:100% 100%;
}
.product-box .banner02{
	background:url("../images/product/img02.jpg") no-repeat center top;
	height:100%;
	background:url("../images/product/img02.jpg") no-repeat center top;
	background-size:cover;
	background-size:100% 100%;
}
.product-box .banner03{
	background:url("../images/product/img03.jpg") no-repeat center top;
	height:100%;
	background:url("../images/product/img03.jpg") no-repeat center top;
	background-size:cover;
	background-size:100% 100%;
}
.product-box .banner04{
	background:url("../images/product/img04.jpg") no-repeat center top;
	height:100%;
	background:url("../images/product/img04.jpg") no-repeat center top;
	background-size:cover;
	background-size:100% 100%;
}
/*新闻中心*/
.news{
	margin:25px;
}
.newsinfo{
	border-bottom:1px solid #eee;
	padding-bottom:25px;
}
.newsinfo .firt-news{
	padding-right:60px;
	position: relative;
	margin:0;
}
.newsinfo .firt-news h5{
	font-size: 16px;
}
.newsinfo .firt-news .icon-angle-right{
  position: absolute;
  right: 5px;
  font-size: 70px;
  color: #eee;
}
.news-list{
}
.news-list li{
	border-bottom: 1px solid #eee;
	padding:20px;
	vertical-align: middle;
	font-size: 14px;
}
.news-list li>b{
	display: inline-block;
	width: 5px;
	height: 14px;
	background: #2779de;
	line-height: 1;
	margin-right: 15px;
	vertical-align: inherit;
}
.news-list li> span{
	float: right;
	color: #808080;
}
.news-list li> a{
	color: #111;
}
.news-list li> a:hover{
	color: #2779de;
	text-decoration: underline;
}

.newdetail h4{
	color: #0b6cbc;
	font-size: 20px;
	height: 66px;
	text-align: center;
	font-weight: normal;
	line-height: 1;
	padding-top:30px;
}
.newdetail .tit-bar {
  	height: 30px;
  	border-bottom: 1px dotted #ccc;
  	text-align: center;
  	line-height: 1;
  	color: #999;
  	padding: 6px 0;
 	 font-size: 14px;
 	 margin-bottom: 40px;
}
.newdetail .tit-bar .date {
	margin-right: 5px;
}
/*.newdetail .news-cont p{
	line-height: 28px;
	text-indent: 28px;
	font-size: 14px;
	color: #424242;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-bottom: 20px;
	margin:0;
}
.newdetail .news-cont .newsimg {
  	text-align: center;
  	margin-bottom: 20px;
}
.newdetail .news-cont .newsimg h6 {
	font-size: 14px;
  	color: #0b6cbc;
  	margin-top:10px;
}

.newdetail .news-cont h5{
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: 500;
}*/
.newdetail .news-cont p{
	line-height: 24px;
	font-size: 14px;
	color: #424242;
}
.newdetail .news-cont img{
	width: 100%;
}
.newsimg img {
	max-width: 100%;
}
.newsimg h2 {
  font-size: 14px;
  line-height: 30px;
  color: #0b6cbc;
}
.memo p {
	padding: 0 20px;
	color: #666;
	line-height: 24px;
}
.news-copyright{
	    margin: 30px 0 50px;
    word-wrap: break-word;
}
.news-copyright a:hover{
	text-decoration:underline;
}
.memo + .applyJob {
	margin-top: 10px;
}




	/*
	IE下默认样式
	*/
	.banner02 .fadeInLeftBig,
	.banner03 .zoomIn,
	.banner04 .zoomIn,
	.banner01 .zoomIn{
		zoom:1;
		left:150px;
		width:34%;
		top:50%;
		margin-top:-150px;
	}
	.banner02 .bounceInRight,
	.banner03 .bounceInRight,
	.banner04 .bounceInRight,
	.banner01 .bounceInRight{
		top:50%; margin-top:-83px; right:0;
	}

	.jcjcode-content-imgBox{
		position: absolute; top: 120px; left: 50%;  margin-left: -105px; color:#fff; text-align:center;
	}
	.server_img01{
		 top: 50%; margin-top: -165px; left: 150px;
	}
	.server_img02{
		top:50%; margin-top:-165px; right:50px;
	}
	.server_img03{
		margin-top: 200px; left: 50%; margin-left: -310px;
	}
	.server_img04{
		margin-top: 200px; left: 50%; margin-left: 10px;
	}
	.server_img05{
		margin-top: 420px; left: 50%; margin-left: -310px;
	}
	.server_img06{
		margin-top: 420px; left: 50%; margin-left: 10px;
	}
	.server_img07{
		margin-top: 200px; left: 0%; margin-left: 20px;
	}
/***
自适应布局
***/
/*@media screen and (max-height: 800px){
	.banner02 .fadeInLeftBig,
	.banner03 .zoomIn,
	.banner04 .zoomIn,
	.banner01 .zoomIn{
		width:34%;
		left:50px;
		top: 50%;
		margin-top: -150px;
	}
}
@media screen and (max-height: 700px){
	.banner02 .fadeInLeftBig,
	.banner03 .zoomIn,
	.banner04 .zoomIn,
	.banner01 .zoomIn{
		width:34%;
		left:150px;
		top: 50%;
		margin-top: -150px;
	}

	.max600{
		max-width: 700px;
	}
	.server-wrapper .server-box .bannerbg .img{
		height: 140px;
	}
	.server-wrapper .server-box .bannerbg .img02{
		height: 160px;
	}

}*/

@media screen and (min-width: 1200px){

	.jcjcode-content-imgBox{
		position: absolute; top: 120px; left: 50%;  margin-left: -105px; color:#fff; text-align:center;
	}
	.jcjcode-content-imgBox p{
		padding-top:4px;
	}
	.server_img01{
		 top: 50%; margin-top: -165px; left: 150px;
	}
	.server_img02{
		top:50%; margin-top:-165px; right:50px;
	}
	.server_img03{
		margin-top: 200px; left: 50%; margin-left: -310px;
	}
	.server_img04{
		margin-top: 200px; left: 50%; margin-left: 10px;
	}
	.server_img05{
		margin-top: 420px; left: 50%; margin-left: -310px;
	}
	.server_img06{
		margin-top: 420px; left: 50%; margin-left: 10px;
	}
	.server_img07{
		margin-top: 200px; left: 0%; margin-left: 20px;
	}
	.banner02 .fadeInLeftBig,
	.banner03 .zoomIn,
	.banner04 .zoomIn,
	.banner01 .zoomIn{
		/*zoom:0.8;*/
		width:34%;
		left:70px;
		top: 50%;
		margin-top: -160px;
	}
	.banner02 .bounceInRight,
	.banner03 .bounceInRight,
	.banner04 .bounceInRight,
	.banner01 .bounceInRight{
		top:50%; margin-top:-83px; right:0;
	}
}
@media screen and (min-width: 1440px){

	.jcjcode-content-imgBox{
		position: absolute; top: 150px; left: 50%;  margin-left: -105px; color:#fff; text-align:center;
	}
	.server_img01{
		 top: 50%; margin-top: -140px; left: 150px;
	}
	.server_img02{
		top:50%; margin-top:-140px; right:50px;
	}
	.server_img03{
		margin-top: 240px; left: 50%; margin-left: -310px;
	}
	.server_img04{
		margin-top: 240px; left: 50%; margin-left: 10px;
	}
	.server_img05{
		margin-top: 460px; left: 50%; margin-left: -310px;
	}
	.server_img06{
		margin-top: 460px; left: 50%; margin-left: 10px;
	}
	.server_img07{
		margin-top: 240px; left: 0%; margin-left: 20px;
	}
	.banner02 .fadeInLeftBig,
	.banner03 .zoomIn,
	.banner04 .zoomIn,
	.banner01 .zoomIn{
		/*zoom:0.8;*/
		width:36%;
		left:50px;
		top: 50%;
		margin-top: -165px;
	}
	.banner02 .bounceInRight,
	.banner03 .bounceInRight,
	.banner04 .bounceInRight,
	.banner01 .bounceInRight{
		top:50%; margin-top:-83px; right:0; width: 44%;
	}
	
	
}
@media screen and (min-width: 1600px){

	.jcjcode-content-imgBox{
		position: absolute; top: 200px; left: 50%;  margin-left: -120px; color:#fff; text-align:center;
	}
	.server_img01{
		top: 50%; margin-top: -190px; left: 100px; width: 40%;
	}
	.server_img02{
		top:50%; margin-top:-140px; right:40px; width:40%;
	}
	.server_img03{
		margin-top: 290px; left: 50%; margin-left: -310px;
	}
	.server_img04{
		margin-top: 290px; left: 50%; margin-left: 10px;
	}
	.server_img05{
		margin-top: 510px; left: 50%; margin-left: -310px;
	}
	.server_img06{
		margin-top: 510px; left: 50%; margin-left: 10px;
	}
	.server_img07{
		margin-top: 260px; left: 0%; margin-left: 20px; width:60%;
	}
	.banner02 .fadeInLeftBig,
	.banner03 .zoomIn,
	.banner04 .zoomIn,
	.banner01 .zoomIn{
		/*zoom:0.8;*/
		width:38%;
		left:50px;
		top: 50%;
		margin-top: -170px;
	}
	.banner02 .bounceInRight,
	.banner03 .bounceInRight,
	.banner04 .bounceInRight,
	.banner01 .bounceInRight{
		top:50%; margin-top:-83px; right:0; width:48%;
	}
}
@media screen and (min-width: 1920px){

	.jcjcode-content-imgBox{
		position: absolute; top: 200px; left: 50%;  margin-left: -133px; color:#fff; text-align:center;
	}
	.server_img01{
		top: 50%; margin-top: -200px; left: 0px; width: 50%;
	}
	.server_img02{
		top:50%; margin-top:-120px; right:0px; width:46%;
	}
	.server_img03{
		margin-top: 290px; left: 50%; margin-left: -400px; width:40%;
	}
	.server_img04{
		margin-top: 290px; left: 50%; margin-left: 20px; width:40%;
	}
	.server_img05{
		margin-top: 580px; left: 50%; margin-left: -400px; width:40%;
	}
	.server_img06{
		margin-top: 580px; left: 50%; margin-left: 20px; width:40%;
	}
	.server_img07{
		margin-top: 300px; left: 0%; margin-left: 20px; width:60%;
	}
	.banner02 .fadeInLeftBig,
	.banner03 .zoomIn,
	.banner04 .zoomIn,
	.banner01 .zoomIn{
		/*zoom:0.8;*/
		width:38%;
		left:50px;
		top: 50%;
		margin-top: -180px;
	}
	.banner02 .bounceInRight,
	.banner03 .bounceInRight,
	.banner04 .bounceInRight,
	.banner01 .bounceInRight{
		top:50%; margin-top:-83px; right:0; width:48%;
	}
}



/* 动画 */
.silderfoot .footer{
	-webkit-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	transition: all 700ms ease;
}

.section .zoomIn{
	-webkit-animation:zoomOut 1s 0.5s ease both;
    -moz-animation:zoomOut 1s 0.5s ease both;
    animation:zoomOut 1s 0.5s ease both;
}
.active.section .zoomIn{
	-webkit-animation:zoomIn 1s 0.5s ease both;
    -moz-animation:zoomIn 1s 0.5s ease both;
    animation:zoomIn 1s 0.5s ease both;
}
.section .bounceInRight{
	-webkit-animation:bounceOutRight 1s 0.5s ease both;
    -moz-animation:bounceOutRight 1s 0.5s ease both;
    animation:bounceOutRight 1s 0.5s ease both;
}
.active.section .bounceInRight{
	-webkit-animation:bounceInRight 1s 0.5s ease both;
    -moz-animation:bounceInRight 1s 0.5s ease both;
    animation:bounceInRight 1s 0.5s ease both;
}
.section .fadeInUp{
	-webkit-animation:fadeOutDown 1s 0.5s ease both;
    -moz-animation:fadeOutDown 1s 0.5s ease both;
    animation:fadeOutDown 1s 0.5s ease both;
}
.active.section .fadeInUp{
	-webkit-animation:fadeInUp 1s 0.5s ease both;
    -moz-animation:fadeInUp 1s 0.5s ease both;
    animation:fadeInUp 1s 0.5s ease both;
}
.section .fadeInLeftBig{
	-webkit-animation:fadeOutUp 1s 0.5s ease both;
    -moz-animation:fadeOutUp 1s 0.5s ease both;
    animation:fadeOutUp 1s 0.5s ease both;
}
.active.section .fadeInLeftBig{
	-webkit-animation:fadeInLeftBig 1s 0.5s ease both;
    -moz-animation:fadeInLeftBig 1s 0.5s ease both;
    animation:fadeInLeftBig 1s 0.5s ease both;
}
.active.section .server_img03{
	-webkit-animation:bounceInLeft 1s 0.5s ease both;
    -moz-animation:bounceInLeft 1s 0.5s ease both;
    animation:bounceInLeft 1s 0.5s ease both;
}
.active.section .server_img05{
	-webkit-animation:bounceInLeft 1s 0.5s ease both;
    -moz-animation:bounceInLeft 1s 0.5s ease both;
    animation:bounceInLeft 1s 0.5s ease both;
}

.server-wrapper .server-box .active .bannerbg .img .line{
	-webkit-animation:heiimg 0.4s 0.3s linear both;
    -moz-animation:heiimg 0.4s 0.3s linear both;
    animation:heiimg 0.4s 0.3s linear both;
}
@-webkit-keyframes heiimg {
  0% {
	height: 0;
  }
  100% {
    height: 100%;
  }
}

@keyframes heiimg {
  0% {
	height: 0;
  }
  100% {
    height: 100%;
  }
}


.server-wrapper .server-box .active .bannerbg .img img{
	-webkit-animation:fadeInLeftBig 0.8s 0.5s ease both;
    -moz-animation:fadeInLeftBig 0.8s 0.5s ease both;
    animation:fadeInLeftBig 0.8s 0.5s ease both;
}

.server-wrapper .server-box .active .bannerbg .serverbg01 ,
.server-wrapper .server-box .active .bannerbg .serverbg02  ,
.server-wrapper .server-box .active .bannerbg .serverbg04  {
	-webkit-animation:pulsebg 15s 0.5s linear both;
    -moz-animation:pulsebg 15s 0.5s linear both;
    animation:pulsebg 15s 0.5s linear both;
}
.server-wrapper .server-box .active .bannerbg .serverbg03 {
	-webkit-animation:pulsebgout 25s 0.5s linear both;
    -moz-animation:pulsebgout 25s 0.5s linear both;
    animation:pulsebgout 25s 0.5s linear both;
}

@-webkit-keyframes pulsebg {
  0% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulsebg {
  0% {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes pulsebgout {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {

    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
  }
}

@keyframes pulsebgout {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {

    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15);
  }
}