.header{
	width: 100%;
	background: #fff;
	height:80px;
	padding-top: 60px;
}

.header .logo-box{
	width: 190px;
	height: 45px;
	float: left;
	overflow: hidden;
	background:url(../images/logo.png) no-repeat center center;
}

.header .header-nav{
	float:left;
	margin-top: 20px;
	margin-left: 40px;
}
.header .header-nav li{
	display: inline-block;
	font-size:18px;
	color: #898989;
	margin-right: 34px;
}

.header .header-nav li.on,.header .header-nav li:hover{
	color: #066ad5;
}
.header .form-box{
	width:204px;
	height:30px;
	float: left; 
	border:1px solid #d2d2d2;
	border-radius: 5px;
	margin-top: 15px;
}


.header .form-box .txt{
	width: 156px;
	height:30px;
	color: #9fa0a0;
	font-size:16px;
	text-indent: 12px;
	float: left;
}
.header .form-box .btn{
	width: 48px;
	height:30px;
	float: left;
	border-left: 1px solid #d2d2d2;
	background:url(../images/search.png) no-repeat center center;
}

.inc-banner{
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
}

.index_banner{
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	width: 100%;
}

.index_banner .hd{
	position:absolute;
	bottom: 35px;
	right: 0;
	left: 0;
	margin:auto;
	z-index: 99;
	text-align: center;
}

.index_banner .hd li{
	width: 40px;
	height:2px;
	display: inline-block;
	text-align: center;
	background:#fff;
	font-size: 0;
	margin:0 6px;
	cursor: pointer;
}

.index_banner .hd li.on{
	background:#066ad5;
}

.index_banner .bd{
	width: 100%;
}

.index_banner .bd li{
	width: 100%;
}

.index-brand{
	margin-top: 80px;
}
.tit{
	text-align:center;
	background:url(../images/title-bg.png) no-repeat center center;
	width: 320px;
	height: 120px;
	text-align:center;
	margin:0 auto;
}


.tit h3{
	color: #595757;
	font-size:34px;
	padding-top: 30px;
}

.tit p{
	color: #595757;
	font-size:12px;
	padding-top: 5px;
}

.index-brand .brand-adv{
	text-align:center;
	margin:60px 0 50px;
}

.index-brand .brand-adv .list-box{
	text-align:center;
	width: 128px;
	display: inline-block;
	margin: 0 30px;
	  
}
/*.index-brand .brand-adv .list-box:nth-child(1){
  animation-name:fadeInLeft;
  animation-delay: 0.3s;
  animation-duration:1s;
  visibility: visible;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.index-brand .brand-adv .list-box:nth-child(2){
  animation-name:fadeInLeft;
  animation-delay: 0.5s;
  animation-duration:1s;
  visibility: visible;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.index-brand .brand-adv .list-box:nth-child(3){
  animation-name:fadeInLeft;
  animation-delay: 0.7s;
  animation-duration:1s;
  visibility: visible;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.index-brand .brand-adv .list-box:nth-child(4){
  animation-name:fadeInLeft;
  animation-delay: 0.9s;
  animation-duration:1s;
  visibility: visible;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}*/
.index-brand .brand-adv .list-box .pic-box{
	width: 69px;
	height:42px;
	line-height: 42px;
	margin:0 auto;
}

.index-brand .brand-adv .list-box p{
	font-size:15px;
	color: #898989;
	padding-top: 15px;
}

.index-brand .brand-about{

}

.index-brand .brand-about .text{
	font-size:14px;
	color: #898989;
	line-height:28px;
	text-align:center;
}


.index-brand .brand-about .about-link{
	text-align:center;
}

.index-brand .brand-about .about-link li{
	font-size:18px;
	color: #595757;
	font-family:'微软雅黑';
	display: inline-block;
	padding:10px 30px;
	border:1px solid #595757;
	border-radius: 25px;
	margin: 50px 42px 0 42px;
}
.index-brand .brand-about .about-link li a{
	display: block;
}

/*.index-brand .brand-about .about-link li:nth-child(1){
	animation-name:fadeInDown;
  animation-delay: 0.5s;
  animation-duration:1s;
  visibility: visible;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.index-brand .brand-about .about-link li:nth-child(2){
	animation-name:fadeInDown;
  animation-delay: 0.7s;
  animation-duration:1s;
  visibility: visible;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.index-brand .brand-about .about-link li:nth-child(3){
	animation-name:fadeInDown;
  animation-delay: 0.9s;
  animation-duration:1s;
  visibility: visible;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}*/

.index-wrap{
	background:url(../images/brand-bg.jpg) no-repeat top center;
	width: 100%;
	max-width: 1920px;
	margin: 100px auto 70px;
	overflow: hidden;
}

.index-wrap .wrap{
	width: 1188px;
	margin:0 auto;
	padding-top: 266px;

}

.index-wrap .wrap .list-box1{
	width: 582px;
	position:relative;
	float: left;

}

.index-wrap .wrap .list-box1 .img_box{
	width: 582px;
	height:400px;
	overflow: hidden;
}

.index-wrap .wrap .list-box1 .mask{
	position:absolute;
	width: 582px;
	height:400px;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
	background:rgba(0,0,0,0.5);
}

.index-wrap .wrap .list-box1 .mask .text_box{
	margin:10px;
	border:1px solid #fff;
	text-align:center;
	padding: 160px 0;
}

.index-wrap .wrap .list-box1 .mask .text_box h3{
	font-size:26px;
	color: #c9caca;
}
.index-wrap .wrap .list-box1 .mask .text_box p{
	font-size:14px;
	color: #c9caca;
	padding-top: 8px;
}

.index-wrap .wrap .list-box2{
	width: 606px;
	position:relative;
	float: left;

}

.index-wrap .wrap .list-box2 .img_box{
	width: 606px;
	height:400px;
	overflow: hidden;
}

.index-wrap .wrap .list-box2 .mask{
	position:absolute;
	width: 606px;
	height:400px;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
	background:rgba(0,0,0,0.5);
}

.index-wrap .wrap .list-box2 .mask .text_box{
	margin:10px;
	border:1px solid #fff;
	text-align:center;
	padding: 160px 0;
}

.index-wrap .wrap .list-box2 .mask .text_box h3{
	font-size:26px;
	color: #c9caca;
}
.index-wrap .wrap .list-box2 .mask .text_box p{
	font-size:14px;
	color: #c9caca;
	padding-top: 8px;
}


.index-wrap .wrap .list-box3{
	width: 304px;
	position:relative;
	float: left;
}

.index-wrap .wrap .list-box3 .img_box{
	width: 304px;
	height:352px;
	overflow: hidden;
}

.index-wrap .wrap .list-box3 .mask{
	position:absolute;
	width: 304px;
	height:352px;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
	background:rgba(0,0,0,0.5);
}

.index-wrap .wrap .list-box3 .mask .text_box{
	margin:10px;
	border:1px solid #fff;
	text-align:center;
	padding: 135px 0;
}

.index-wrap .wrap .list-box3 .mask .text_box h3{
	font-size:26px;
	color: #c9caca;
}
.index-wrap .wrap .list-box3 .mask .text_box p{
	font-size:14px;
	color: #c9caca;
	padding-top: 8px;
}

.index-wrap .wrap .list-box4{
	width: 374px;
	position:relative;
	float: left;
}

.index-wrap .wrap .list-box4 .img_box{
	width: 374px;
	height:352px;
	overflow: hidden;
}

.index-wrap .wrap .list-box5{
	width: 508px;
	position:relative;
	float: left;
}

.index-wrap .wrap .list-box5 .img_box{
	width: 508px;
	height:352px;
	overflow: hidden;
}

.index-wrap .wrap .list-box5 .mask{
	position:absolute;
	width: 508px;
	height:352px;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
	background:rgba(0,0,0,0.5);
}

.index-wrap .wrap .list-box5 .mask .text_box{
	margin:10px;
	border:1px solid #fff;
	text-align:center;
	padding: 135px 0;
}

.index-wrap .wrap .list-box5 .mask .text_box h3{
	font-size:26px;
	color: #c9caca;
}
.index-wrap .wrap .list-box5 .mask .text_box p{
	font-size:14px;
	color: #c9caca;
	padding-top: 8px;
}

.index-wrap .wrap .list-box6{
	width: 583px;
	position:relative;
	float: left;
}

.index-wrap .wrap .list-box6 .img_box{
	width: 583px;
	height:328px;
	overflow: hidden;
}

.index-wrap .wrap .list-box6 .mask{
	position:absolute;
	width: 583px;
	height:328px;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
	background:rgba(0,0,0,0.5);
}

.index-wrap .wrap .list-box6 .mask .text_box{
	margin:10px;
	border:1px solid #fff;
	text-align:center;
	    padding: 124px 0;
}

.index-wrap .wrap .list-box6 .mask .text_box h3{
	font-size:26px;
	color: #c9caca;
}
.index-wrap .wrap .list-box6 .mask .text_box p{
	font-size:14px;
	color: #c9caca;
	padding-top: 8px;
}

.index-wrap .wrap .list-box7{
	width: 604px;
	position:relative;
	float: left;
}

.index-wrap .wrap .list-box7 .img_box{
	width: 604px;
	height:328px;
	overflow: hidden;
}

.index-wrap .wrap .list-box7 .mask{
	position:absolute;
	width: 604px;
	height:328px;
	top: 0;
	left: 0;
	right: 0;
	margin:auto;
	background:rgba(0,0,0,0.5);
}

.index-wrap .wrap .list-box7 .mask .text_box{
	margin:10px;
	border:1px solid #fff;
	text-align:center;
	padding: 124px 0;
}

.index-wrap .wrap .list-box7 .mask .text_box h3{
	font-size:26px;
	color: #c9caca;
}
.index-wrap .wrap .list-box7 .mask .text_box p{
	font-size:14px;
	color: #c9caca;
	padding-top: 8px;
}

.index-wrap .wrap .list-box3,.index-wrap .wrap .list-box4,
.index-wrap .wrap .list-box5,.index-wrap .wrap .list-box6,.index-wrap .wrap .list-box7{
	margin-top: -3px;
}

.index-wrap .wrap .list-box1 .mask,.index-wrap .wrap .list-box2 .mask,.index-wrap .wrap .list-box3 .mask,
.index-wrap .wrap .list-box4 .mask,.index-wrap .wrap .list-box5 .mask,.index-wrap .wrap .list-box6 .mask,
.index-wrap .wrap .list-box7 .mask{
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
	opacity: 0;
}

.index-wrap .wrap .list-box1:hover .mask,.index-wrap .wrap .list-box2:hover .mask,.index-wrap .wrap .list-box3:hover .mask,
.index-wrap .wrap .list-box4:hover .mask,.index-wrap .wrap .list-box5:hover .mask,.index-wrap .wrap .list-box6:hover .mask,
.index-wrap .wrap .list-box7:hover .mask{
	opacity: 1;
}



.index-lifestyle{
	background:#efeff0;
	padding:40px 0 30px;
	overflow: hidden;
}

.index-lifestyle {

}

.index-lifestyle .lift-case{
}

.index-lifestyle .lift-case .home-lift {
	width: 600px;
	float: left;
	position:relative;
}
.index-lifestyle .lift-case .home-lift .list-box1{
	position:absolute;
	top: 65px;
	left:0 ;
	margin:auto;
	width: 233px;
	z-index: 99;
}
.index-lifestyle .lift-case .home-lift .list-box2{
	position:absolute;
	top: 0;
	left: 320px;
	margin:auto;
	width: 233px;
	z-index: 99;
}

.index-lifestyle .lift-case .home-lift .list-box3{
	position:absolute;
	top: 145px;
	left: 175px;
	margin:auto;
	width: 233px;
	z-index: 99;
}
.index-lifestyle .lift-case .home-lift .list-box4{
	position:absolute;
	top: 287px;
	left: 0;
	margin:auto;
	width: 233px;
	z-index: 99;
}
.index-lifestyle .lift-case .home-lift .list-box5{
	position:absolute;
	top: 240px;
	left: 280px;
	margin:auto;
	width: 233px;
	z-index: 99;
}
 .index-lifestyle .lift-case .home-lift .list-box1 .img_box, .index-lifestyle .lift-case .home-lift .list-box2 .img_box, .index-lifestyle .lift-case .home-lift .list-box3 .img_box,
  .index-lifestyle .lift-case .home-lift .list-box4 .img_box, .index-lifestyle .lift-case .home-lift .list-box5 .img_box{
 	width: 233px;
 	height: 170px;
 	overflow: hidden;
 }
.index-lifestyle .lift-case .pic-box{
	float: right;
	width: 591px;
	height:491px;
	margin:0 auto;

}

 .index-lifestyle .lift-case .home-lift .list-box1:hover, .index-lifestyle .lift-case .home-lift .list-box2:hover, .index-lifestyle .lift-case .home-lift .list-box3:hover,
  .index-lifestyle .lift-case .home-lift .list-box4:hover, .index-lifestyle .lift-case .home-lift .list-box5:hover{
  	z-index: 9999;
  }

  .index-business{
  	background:url(../images/index-join-bg.jpg) no-repeat center center;
  	width: 100%;
  	max-width: 1920px;
  	margin:0 auto;
  	height:799px;
  	overflow: hidden;
  }

  .tit-1{
  	text-align:center;
  	padding:80px 0 30px;
 
  }

  .tit-1 h3{
  	font-size:65px;
  	color: #ffffff;
  	font-family: '微软雅黑';
  	font-weight: bold;

  }

.tit-1 p{
    	color: #c9caca;
    	font-size:50px;
    	font-family: '微软雅黑';
  		font-weight: bold;
  		padding-top: 8px;
    }

.index-business .text_box{
      	text-align:center;
      	animation-name:fadeInUp;
      	animation-delay:1.3s;
      	animation-duration: 1s;
      	-webkit-animation-timing-function: linear;
      	-moz-animation-timing-function: linear;
      	-ms-animation-timing-function: linear;
      	-o-animation-timing-function: linear;
      	animation-timing-function: linear;
}

.index-business .text_box h3{
      	font-size:16px;
      	color: #efefef;
}

.index-business .text_box p{
      	font-size:14px;
      	color: #c9caca;
      	line-height: 28px;
      	padding: 30px 0;
      	
}

.index-business .field{
      	width: 1200px;
      	margin:0 auto;
      	background:#1d1d1d;
      	padding:75px 10px 75px; 
}

.index-business .field .list-box{
      	width: 177px;
      	background:#171717;
      	display: inline-block;
      	padding:40px 0 50px;
      	margin-right: 24px;
}
.index-business .field .list-box .pic-box{
	width: 70px;
	height:70px;
	line-height: 70px;
	margin:0 auto;
}

.index-business .field .list-box p{
	font-size:16px;
	color: #9fa0a0;
	padding-top: 22px;
	text-align:center;
}


.index-business .field .list-box:nth-child(6){
	margin-right: 0;
}

.index-business .field .list-box:hover{
	background:rgba(6,106,213,0.3);
	
}

.index-business .field .list-box:hover p{
	color: #066ad5;
}

/*.index-business .field .list-box:nth-child(1){
	visibility: visible;
    animation-duration: 2s;
    animation-name: bounceInDown;
    -webkit-animation-timing-function: linear;
  	-moz-animation-timing-function: linear;
  	-ms-animation-timing-function: linear;
  	-o-animation-timing-function: linear;
  	animation-timing-function: linear;
}
.index-business .field .list-box:nth-child(2){
	visibility: visible;
    animation-duration: 2s;
    animation-name: bounceInUp;
    -webkit-animation-timing-function: linear;
  	-moz-animation-timing-function: linear;
  	-ms-animation-timing-function: linear;
  	-o-animation-timing-function: linear;
  	animation-timing-function: linear;
}

.index-business .field .list-box:nth-child(3){
	visibility: visible;
    animation-duration: 2s;
    animation-name: bounceInDown;
    -webkit-animation-timing-function: linear;
  	-moz-animation-timing-function: linear;
  	-ms-animation-timing-function: linear;
  	-o-animation-timing-function: linear;
  	animation-timing-function: linear;
}

.index-business .field .list-box:nth-child(4){
	visibility: visible;
    animation-duration: 2s;
    animation-name: bounceInUp;
    -webkit-animation-timing-function: linear;
  	-moz-animation-timing-function: linear;
  	-ms-animation-timing-function: linear;
  	-o-animation-timing-function: linear;
  	animation-timing-function: linear;
}
.index-business .field .list-box:nth-child(5){
	visibility: visible;
    animation-duration: 2s;
    animation-name: bounceInDown;
    -webkit-animation-timing-function: linear;
  	-moz-animation-timing-function: linear;
  	-ms-animation-timing-function: linear;
  	-o-animation-timing-function: linear;
  	animation-timing-function: linear;
}

.index-business .field .list-box:nth-child(6){
	visibility: visible;
    animation-duration: 2s;
    animation-name: bounceInUp;
    -webkit-animation-timing-function: linear;
  	-moz-animation-timing-function: linear;
  	-ms-animation-timing-function: linear;
  	-o-animation-timing-function: linear;
  	animation-timing-function: linear;
}*/

.index_news{
	background:#efeff0;
}

.tit-2{
	text-align:center;
}

.tit-2 h3{
	font-size:28px;
	color: #424242;
}
.tit-2 p{
	font-size:12px;
	color: #595757;
	padding-top: 5px;
}
.index_news{
	padding:55px 0 90px;
}
.index_news .news-case{
	margin-top: 36px;
}
.index_news .news-case .list-box{
	width: 385px;
	display: inline-block;
	margin-right: 19px;
	transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}

.index_news .news-case .list-box .img_box{
	width: 385px;
	height:287px;
	overflow: hidden;
}
.index_news .news-case .list-box .text_box{
	margin-top: -3px;
	background:#fff;
	padding:10px 10px 18px 10px;
}

.index_news .news-case .list-box .text_box h3{
	font-size:15px;
	color: #898989;
	padding-bottom:10px;
}

.index_news .news-case .list-box .text_box i{
	font-size:12px;
	color: #898989;
}

.index_news .news-case .list-box .text_box .text{
	font-size:14px;
	color: #898989;
	line-height: 28px;
	padding-top: 10px;
}
.index_news .news-case .list-box:nth-child(3){
	margin-right: 0;
}
.index_news .news-case .list-box:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #656161;
    -moz-box-shadow:0px 5px 15px #656161;
    box-shadow:0px 5px 15px #656161;
}

.int{
	background:url(../images/i-net.jpg) no-repeat center center;
	width: 100%;
	height:1195px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}

.index-lifestyle .tit{
	text-align:center;
	background:url(../images/tit-1-bg.jpg) no-repeat center center;
	margin:0 0 40px 150px;
}


.fooer{
	background:#efeff0;
	padding:38px 0 24px;
}

.fooer .con-box{

}
.fooer .text-box{
	width: 200px;
	float: left;
	height:190px;
}

.fooer .text-box .logo-box2{
	background:url(../images/footer-logo.png) no-repeat center center;
	width: 172px;
	height:41px;
	margin:20px 0 40px;
}
.fooer .text-box h3{
	font-size:18px;
	color: #898989;
	padding-bottom: 10px;
}

.fooer .text-box p{
	font-size:26px;
	color: #898989;
	font-weight: bold;
}

.fooer .footer-nav{
	width: 600px;
	float: left;
	margin: 0 115px;
}
.fooer .footer-nav dl{
	display: inline-block;
	float: left;
	padding:0 50px;
	border-right: 1px solid #6b6969;
	
}

.fooer .footer-nav dt{
	color: #898989;
	font-size:14px;
	padding-bottom: 30px;
}

.fooer .footer-nav dd{
	color: #898989;
	font-size:14px;
	padding-bottom:10px;
}
.fooer .footer-code{
	width: 166px;
	float: right;
}

.fooer .footer-code .img_box{
	width: 166px;
	height:166px;
	overflow: hidden;
}

.fooer .footer-code p{
	font-size:18px;
	color: #898989;
	line-height: 50px;
	text-align: center;
}

.fooer .footer-nav dl:nth-child(1) {
	border-left:1px solid #6b6969;
}

.copyright{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background:#c9caca;
}

.copyright p{
	line-height: 50px;
	font-size: 17px;
	color: #898989;
	text-align:center;
}



.about-intro{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;

}
.about-intro .title:after{
	position:absolute;
	top: 108px;
	left: 0;
	margin:auto;
	width: 40%;
	background:#004da2;
	content: '';
	height: 2px;
}
.about-intro .title:before{
	position:absolute;
	top: 108px;
	right: 0;
	margin:auto;
	width: 40%;
	background:#004da2;
	content: '';
	height: 2px;
}
.title{
	position:relative;
	text-align:center;

}

.title h3{
	font-size:50px;
	color: #221815;
	font-family: '微软雅黑';
}
.title i{
	font-size:80px;
	color: #cbcbcb;
}

.title p{
	font-size:40px;
	color: #cbcbcb;
}

.about-intro{
	margin-top: 100px;
}

.about-intro .text-box{
	width: 890px;
	margin: 35px auto 60px;
}

.about-intro .text-box .text{
	font-size:14px;
	color: #898989;
	line-height: 28px;
}

.about-intro .time{
	text-align:center;
}

.about-intro .time li{
	display: inline-block;
	margin:0 50px;
}

.about-intro .time li h3{
	font-size:68px;
	font-family:'Arial Bold';
	color: #004da2;
	font-weight: bold;
}

.about-intro .time li p{
	font-size:14px;
	font-weight: bold;
	color: #898989;
}

/*.about-intro .time li:nth-child(1){
	animation-name:fadeInUp;
	 animation-duration: 2s;
	 animation-delay:0.3s;
	 visibility: visible;
    -webkit-animation-timing-function: linear;
  	-moz-animation-timing-function: linear;
  	-ms-animation-timing-function: linear;
  	-o-animation-timing-function: linear;
  	animation-timing-function: linear;
}
.about-intro .time li:nth-child(2){
	animation-name:fadeInDown;
	 animation-duration: 2s;
	 animation-delay:0.5s;
	 visibility: visible;
    -webkit-animation-timing-function: linear;
  	-moz-animation-timing-function: linear;
  	-ms-animation-timing-function: linear;
  	-o-animation-timing-function: linear;
  	animation-timing-function: linear;
}
.about-intro .time li:nth-child(3){
	animation-name:fadeInUp;
	 animation-duration: 2s;
	 animation-delay:0.7s;
	 visibility: visible;
    -webkit-animation-timing-function: linear;
  	-moz-animation-timing-function: linear;
  	-ms-animation-timing-function: linear;
  	-o-animation-timing-function: linear;
  	animation-timing-function: linear;
}
.about-intro .time li:nth-child(4){
	animation-name:fadeInDown;
	 animation-duration: 2s;
	 animation-delay:0.9s;
	 visibility: visible;
    -webkit-animation-timing-function: linear;
  	-moz-animation-timing-function: linear;
  	-ms-animation-timing-function: linear;
  	-o-animation-timing-function: linear;
  	animation-timing-function: linear;
}
*/
.about-power{
	background:url(../images/about-brand-bg.jpg) no-repeat center center;
	width: 100%;
	height:1014px;
	max-width: 1920px;
	margin: 75px auto 0;
}

.about-power .title{
	padding-top: 50px;
}

.about-power .title h3{
	color: #066ad5;
}


.about-power .text_box{
	width: 1200px;
	margin:0 auto;
	position:relative;
	height:560px;
	margin-top: 160px;
}

.about-power .text_box .text{
	width: 330px;


}
.about-power .text_box .text:nth-child(1){
	width: 330px;
	position:absolute;
	top: -20px;
	left: 0;
	margin:auto;
	text-align:right;
	padding-left: 15px;

}
.about-power .text_box .text:nth-child(2){
	width: 330px;
	position:absolute;
	right: 0;
	top: -20px;
	margin:auto;
	padding-right: 15px;

}

.about-power .text_box .text:nth-child(3){
	width: 330px;
	position:absolute;
	top: 225px;
	left: 0;
	margin:auto;
	text-align:right;
	padding-left: 15px;

}
.about-power .text_box .text:nth-child(4){
	width: 330px;
	position:absolute;
	right: 0;
	top: 225px;
	margin:auto;
	padding-right: 15px;

}


.about-power .text_box .text:nth-child(5){
	width: 330px;
	position:absolute;
	right: 0;
	left: 0;
	bottom:8px;
	margin:auto;
	text-align:center;
}
.about-power .text_box .text h3{
	font-size:24px;
	color: #066ad5;
	font-family: '微软雅黑';
}

.about-power .text_box .text p{
	font-size:16px;
	color: #ffffff;
	line-height: 28px;
	padding-top: 10px;
}

.about_story{

}

.about_story .about_slide{
	width: 1200px;
	margin: 0 auto;
}

.about_story .about_slide .hd{
	background:url(../images/his-bg.jpg) no-repeat bottom center;
	text-align:center;
	height:70px;

}

.about_story .about_slide .hd li{
	display: inline-block;
	font-size:24px;
	color: #898989;
	line-height: 70px;
	margin:0 38px;
	cursor: pointer;
}

.about_story .about_slide .hd li.on{
	color: #066ad5;
}


.about_story .about_slide .bd{
	width: 100%;
	margin:65px 0;
}

.about_story .about_slide .bd li{
	width: 100%;
}

.about_story .about_slide .bd li .list-box{
	width: 100%;
}

.about_story .about_slide .bd li .list-box .text-box{
	width: 600px;
	float: left;
}
.about_story .about_slide .bd li .list-box .text-box h3{
	font-size:24px;
	color: #221815;
	padding-bottom: 30px;
}

.about_story .about_slide .bd li .list-box .text-box .text{
	 font-size:14px;
	 color: #898989;
	 line-height: 28px;
	 padding:50px 0;
	 border-top: 1px dotted #066ad5;
	 border-bottom: 1px dotted #066ad5;
}
.about_story .about_slide .bd li .list-box .img_box{
	width: 600px;
	float: right;
	height:279px;
	overflow: hidden;
}

.about_story .title{
	padding:30px 0;
}
.about_honor {
	background:#595757;
	padding:30px 0 60px;
}
.about_honor .honor_slide{
	width: 1200px;
	margin:0 auto;
	position:relative;
	padding-top: 30px;
}

.about_honor .honor_slide li{
	width: 1200px;
}

.about_honor .honor_slide li .pic-box{
	width: 845px;
	height:565px;
	overflow: hidden;
	margin: 0 auto;
}

.about_honor .honor_slide .prev,
.about_honor .honor_slide .next{
	position:absolute;
	top: 48%;
	margin:auto;
	font-size:70px;
	color: #cbcbcb;
	font-family: '新宋体';
	z-index: 99;
	cursor: pointer;

	
}
.about_honor .honor_slide .prev{
	left: 0;
}
.about_honor .honor_slide .next{
	right:0;
}
.pro-series .series-views{
	padding:60px 0 30px;
	border-bottom: 1px solid #d2d2d2; 
}

.pro-series .series-views h3 {
    background: url(../images/server.png) no-repeat left center;
    text-indent: 40px;
}
.pro-series .size h3 {
    background: url(../images/size.png) no-repeat left center;
    text-indent: 40px;
}
 .pro-series .series-views li{
	margin-top: 15px;
	display: inline-block;
    font-size: 15px;
    color: #898989;
    margin-right: 46px;
}

.pro-series .series-views li:hover,.pro-series .series-views li.on{
	color:#066ad5;
}

.pro-series .size li:hover,.pro-series .size li.on{
	color:#066ad5;
}
.pro-series .size{
	margin-bottom: 50px;
	padding-top: 24px;
}

 .pro-series .size{
	margin-bottom: 75px;
}
.pro-series .size li{
	display: inline-block;
	font-size: 15px;
	color:#898989;
	margin-right: 42px;

}

.product2 .pro-case2{

}

.product2 .pro-case2 .list-box{
	width: 384px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 40px;
    position:relative;

}

.product2 .pro-case2 .list-box .img_box{
	width: 384px;
    height: 384px;
    overflow: hidden;

}
.product2 .pro-case2 .list-box .img_box img{
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	width: 384px;
    height: 384px;
}

.product2 .pro-case2 .list-box .mask{
	position:absolute;
	top: 0;
	left: 0;
	right:0;
	margin:auto;
	width: 384px;
	height: 384px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.product2 .pro-case2 .list-box:hover .mask{
	opacity: 1;
}
.product2 .pro-case2 .list-box:hover .img_box img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.product2 .pro-case2 .list-box p{
	line-height: 50px;
	color: #898989;
	font-size: 16px;
	margin-top: -3px;
	text-align: center;
}

.product2 .pro-case2 .list-box:nth-child(3n){
	margin-right: 0;
}
.page{
	text-align: center;
	margin:30px 0 40px;
}
.page div{
	display: inline-block;
	*zoom: 1;
}
.page div:before,.page div:after{
	content:'';
	display: block;
	height:0;
	clear: both;
	visibility:hidden;
	
}
.page a{
	
	font-size: 18px;
	color: #898989;
	margin:0 10px;
	float: left;
}

.page a.on,.page a:hover{
	color: #424242;
}

.pro1-case{

}

.pro1-case .list-box{
	width: 100%;
	padding:45px 0 60px;
	border-bottom:1px solid #d2d2d2;
}

.pro1-case .list-box .img1{
	width: 600px;
	height:546px;
	overflow: hidden;
	float: left;
}
.pro1-case .list-box .img1 img{
	height: 100%;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.pro1-case .list-box .img1:hover img{
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.pro1-case .list-box .con-box{
	width: 600px;
	float: right;
}

.pro1-case .list-box .con-box .text-box{
	text-align:center;
}

.pro1-case .list-box .con-box .text-box .title-1{
	padding-top: 45px;
}

.pro1-case .list-box .con-box .text-box .title-1 p{
	font-size:20px;
	color: #cfcfcf;
	text-transform: uppercase;
}

.pro1-case .list-box .con-box .text-box .title-1 h3{
	font-size:30px;
	color: #898989;
	padding-top: 15px;
}

.pro1-case .list-box .con-box .text-box .size2{
	padding-top: 45px;
}

.pro1-case .list-box .con-box .text-box .size2 p{
	font-size:16px;
	color: #898989;
	padding-top: 15px;
}
.pro1-case .list-box .con-box .pic-box{
	width: 363px;
	margin: 0 auto;
}
.pro1-case .list-box .con-box .img2{
	width: 363px;
	/* height:186px; */
	height: 306px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto;
	/* margin:60px auto 0; */
	/* text-align: center; */
	/* transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out; */
	/* border: 1px solid red; */
}

.pro1-case .list-box .con-box:hover .img2 img{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #656161;
    -moz-box-shadow:0px 5px 15px #656161;
    box-shadow:0px 5px 15px #656161;
}
.pro1-case .list-box{

}



/*pro-views*/

.pro_views{
	margin-top: 50px;
}
.views_slide{
	width: 100%;
	
}

.views_slide .parbd{
	width: 514px;
	float: left;
	
}

.views_slide .parbd li{
	width: 514px;
}

.views_slide .parbd li .img_box{
	width: 514px;
	height:540px;
	overflow: hidden;
	border:1px solid #b5b6b6;
}
.views_slide .parhd li.on{
	border:1px solid #000; 
}
.views_slide .parhd{
	width: 514px;
	float: right;
	position:relative;
}

.views_slide .parhd .sslide{
	width: 514px;
	margin-top: 30px;
	position:relative;
}
.views_slide .parhd li{
	width: 122px;
	border:1px solid #6a6868;
	margin-right:6px !important;
	float:left;
}

.views_slide .parhd li .img_box{
	width: 122px;
	height:122px;
	overflow: hidden;
}

.views_slide .parhd .prev,.views_slide .parhd .next{
	position:absolute;
	top: 45%;
	margin:auto;
	font-size: 34px;
	font-family:'新宋体';
	color:#000;
	text-align: center;
	line-height: 10px;
	z-index: 99;
	cursor: pointer;
}

.views_slide .parhd .prev{
	left: 0;
}

.views_slide .parhd .next{
	right: 0;
}

.pro_views .text-box{
	padding-top: 30px;
	border-top: 1px dotted #fff;
}
.pro_views .text-box h3{
	color: #fff;
	font-size:20px;
}
.pro_views .text-box p{
	font-size: 15px;
	color: #ffffff;
	line-height:45px; 
}
.pro_views .text-box .vr-box{
	background:url(../images/VR-bg.png) no-repeat left center;
	width: 62px;
	height:27px;
	position:relative;
	margin-top: 20px;
	cursor: pointer;
}

.pro_views .text-box .vr-box .mask-code{
	position:absolute;
	top: -24px;
	left: 72px;
	margin:auto;
	width: 74px;
	height:74px;
	display: none;
}

.pro_views .text-box .vr-box:hover .mask-code{
	display: block
}

.inc-link{

}
.inc-link p{
	font-size: 15px;
	color: #ffffff;
	line-height: 90px;
}

.VR-scenario{
	padding-bottom: 60px;
}

.VR-scenario h3{
	font-size: 20px;
	color: #ffffff;
	line-height: 105px;
}

.VR-scenario .img_box{
	width: 100%;
	height:644px;
	overflow: hidden;
}

.app-space {
	margin-bottom: 95px;
}
.app-space h3{
	font-size: 20px;
	color: #ffffff;
	line-height: 105px;
	text-transform: uppercase;
}

.app-space .img_box{
	width: 100%;
	height:650px;
	overflow: hidden;
}


/*net*/

.net{
	margin-top: 60px;
	margin-bottom: 80px;
}

.net .form_box select{
	width: 202px;
	height:30px;
	border:1px solid #d2d2d2;
	float: left;
	border-radius: 5px;
	margin-right: 22px;
}

.net .form_box .txt{
	width: 300px;
	height:30px;
	line-height:30px;
	text-indent:12px;
	font-size:14px;
	color: #898989;
	float: left;
	border:1px solid #d2d2d2;
	border-radius: 5px;
	margin-right: 22px;
}

.net .form_box .sub{
	width: 202px;
	height:30px;
	line-height: 30px;
	background:#545252;
	border-radius: 5px;
	color: #fff;
}

.net .text_box{
	margin:60px 0 20px;
}

.net .text_box p{
	font-size:18px;
	color: #898989;
	line-height: 35px;
}

/* .int-map{
	background:url(../images/int-map.jpg) no-repeat center center;
	width: 100%;
	height: 1000px;
	margin-bottom: 80px;
} */

/*contact*/
.contact{

}

.contact .text-box{
	width: 100%;
	background:url(../images/contact-bg_03.jpg) no-repeat right center;
	height:234px;

}

.contact .text-box .text{
	font-size:18px;
	color: #898989;
	line-height: 30px;
	padding-top: 60px;
}

.map-box{
	width: 100%;
	height:452px;
	overflow: hidden;
	margin-bottom: 50px;
}

/*news*/

.inc-link{
	margin: 40px 0;
}

.inc-link p{
	color: #898989;
	font-size:18px;
	line-height: 0;
}


.news .news-case{
	width: 100%;
}

.news .news-case .list-box{
	width: 394px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom:10px;
	border:1px solid #d2d2d2;
}

.news .news-case .list-box .img_box{
	width: 394px;
	height:255px;
	overflow: hidden;
}
.news .news-case .list-box .img_box img{
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
}
.news .news-case .list-box:hover .img_box img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.news .news-case .list-box .text-box{
	padding:30px 15px;
	margin-top: -3px;
}

.news .news-case .list-box .text-box h3{
	font-size:16px;
	color: #898989;
	line-height: 26px;
}

.news .news-case .list-box .text-box i{
	font-size:16px;
	color: #898989;
	line-height: 50px;
}

.news .news-case .list-box .text-box p{
	font-size:14px;
	color: #898989;
	line-height: 26px;
}


.news .news-case .list-box:nth-child(3n){
	margin-right: 0;
}

/*join*/

.join{
	background:url(../images/join-bg01.jpg) no-repeat center center;
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	height:3690px;
	margin-top: -4px;
}

.join-apply{
	background:url(../images/join-bg.jpg) no-repeat center center;
	max-width: 1920px;
	margin:0 auto;
	height: 620px;
}

.join-apply .title-3{
	text-align: center;
	padding: 60px 0 55px;
}
.join-apply .title-3 h3{
	font-size:36px;
	color: #fff;
}

.join-apply .title-3 p{
	font-size:18px;
	color: #066ad5;
}
.join-apply .apply-box{
	width: 1156px;
	margin: 0 auto;
	background:#f6f6f6;
	padding:30px 22px;
}

.join-apply .apply-box .name{
	width: 550px;
	float: left;
	height: 35px;
	margin-right: 50px;
	margin-bottom: 25px;
}
.join-apply .apply-box .name:nth-child(2){
	margin-right: 0;
}
.join-apply .apply-box .name p{
	line-height: 35px;
	width: 80px;
	float: left;
	color: #000;
	font-size:14px;

}

.join-apply .apply-box .name input{
	width: 468px;
	height:35px;
	border:1px solid #d2d2d2;
	float: right;
	background:#fff;
	text-indent:12px;
}

.join-apply .apply-box .address{
	margin:25px 0;
}

.join-apply .apply-box .address em{
	line-height: 35px;
	color: #000;
	font-size:14px;
	padding-right: 8px;
}

.join-apply .apply-box .address select{
	width: 125px;
	height:35px;
	border:1px solid #d2d2d2;
	margin-right: 20px;
}

.join-apply .apply-box .btn input{
	width: 206px;
	height:37px;
	background:#066ad5;
	color: #fff;
	line-height: 37px;
	font-size:18px;
	text-align:center;
	text-indent:12px;
}

.join-apply .apply-box .message{

}

.join-apply .apply-box .message p{
	line-height: 35px;
	width: 80px;
	float: left;
	color: #000;
	font-size:14px;
}

.join-apply .apply-box .message textarea{
	width: 1070px;
	float: right;
	text-indent:12px;
	padding-top: 20px;
	height:90px;
	border:1px solid #d2d2d2;
}

/*news-views*/

.news-views {
		margin-top: 60px;
}

.news-views .news-tit{
    text-align: center;

}
.news-views .news-tit h3{
    font-size: 30px;
    color: #000000;
}

.news-views .news-tit p{
    padding: 15px 0;
    font-size: 18px;
    color: #000000;

}

.news-views .text-box{
    width: 100%;
    margin-top: 30px;

}

.news-views .text-box p{
    text-indent: 20px;
    font-size: 15px;
    line-height: 28px;
}

.news-views-link{
    margin: 30px 0 50px;
}

.news-views-link li{
    font-size:18px;

}