html{
	height: 100%;
}
body {
	position: relative;
	height: 100%;
	width: 100%;
}
.f-p-5{
	padding:0 5px;
}
.header{
	position:relative;
	overflow-x:hidden;
}
.banner-carousel{
  position:absolute;
  top:0;
	width:100%;
	height:100%;
}
.banner-carousel .swiper-pagination-bullet{
	width:12px;
	height:12px;
  background-color:#9B9B9B;
}
.banner-carousel .swiper-pagination-bullet-active{
	background-color:#2BB6EB;
}
.banner-carousel.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:50px;
}

.banner-img{
	width:100%;
	/*height:100%;*/
}
.banner-detail{
	position:absolute;
	top:50%;
	margin-top:-130px;
	width:100%;
	z-index:11;
}
.banner-title,.banner-desc{
	width:100%;
	color:#fff;
	text-align:center;
}
.banner-title{
	font-weight:600;
	font-size:90px;
	letter-spacing:9px;
	line-height:130px;
	margin-bottom:18px;
}
.banner-desc{
	font-size:38px;
	line-height:48px;
	letter-spacing: 5px;
}
.banner-desc.fadeInRight{
	animation-delay:1s;
}
.chinese-title,.english-title{
	text-align:center;
}
.chinese-title{
  font-weight:600;
  letter-spacing:3px;
	margin-top:100px;
	font-size:30px;
}
.english-title{
	font-size:24px;
	line-height:1;
	margin-bottom:80px;
}
.divide-line{
	width:60px;
	height:3px;
	margin:20px auto 0;
	background-color:#000;
}
.technology-line{
	margin-bottom:150px;
}
.news{
	padding-bottom:70px;
}
.news-line{
	margin-bottom:50px;
}
.news-item{
	position:relative;
	display:block;
	width:100%;
	padding:10px;
	border-bottom:1px solid #E5E5E5;
}
.triangle{
	position:absolute;
	bottom:0;
	right:0;
	width:0;
	height:0;
	border-left:16px solid transparent;
	border-bottom:16px solid #e5e5e5;
}
.date-show{
	position:absolute;
	top:250px;
	left:0;
	width:60px;
	height:40px;
	background:url("../img/news/date_bg.png") no-repeat;
	background-size:100% 100%;
}
.date-show{
	padding-top:3px;
	font-size:0;
}
.date-show span{
	 display:inline-block;
	 width:100%;
	 padding-left:16px;
	 color:#fff;
}
.date-show-date{
	font-size:16px;
	line-height:18px;
}
.date-show-month{
	font-size:12px;
	line-height:14px;
}
.news-item img{
	width:100%;
	margin-bottom:12px;
}
.news-item:hover{
	border-bottom:0;
	background-color:#0F6DAE;
	-webkit-box-shadow:0 0 15px 5px rgba(0,0,0,.1);
  -moz-box-shadow:0 0 15px 5px rgba(0,0,0,.1);
  box-shadow:0 0 15px 5px rgba(0,0,0,.1);
   transition:all .4s ease-in;
	-moz-transition:all .4s ease-in;
  -webkit-transition:all .4s ease-in;
  -o-transition:all .4s ease-in;
}
.news-item:hover .triangle{
  display:none;
}
.news-item:hover .caption{
	color:#fff;
}
.news-item .caption{
 font-size:16px;
 color:#000;
 height:90px;
 line-height:30px;
 overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.get-more{
	font-weight:600;
	letter-spacing:2px;
	display: block;
	width:120px;
	height:38px;
	line-height:38px;
	color:#106dae;
	background-color:#fff;
	text-align:center;
	border:1px solid #106dae;
	border-radius:19px;
	-webkit-border-radius:19px;
	-moz-border-radius:19px;
	margin:40px auto 0;
}
.get-more:hover{
 color:#fff;
 background-color:#106dae;
 transition:all .2s linear;
	-moz-transition:all .2s linear;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
}
.technology{
    background: url(../img/technology/tech-bg.png) no-repeat center 100px;
    background-size:cover;
    box-sizing: border-box;
}
.hide-new-item{
	display:none;
}
.tech-item a:hover{
	cursor:default;
}
.tech-item:hover .server-name{
   color:#29b6eb;
}
.tech-item:hover .divide-line{
	opacity:100;
	filter:alpha(opacity=100);
	transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
}
.tech-item:hover .desc{
		opacity:1;
	filter:alpha(opacity=100);
	 transition:all .5s ease-in;
	-moz-transition:all .5s ease-in;
  -webkit-transition:all .5s ease-in;
  -o-transition:all .5s ease-in;

}
.tech-item a{
	display:block;
	width:100%;
	text-align:center;
}
.tech-item .divide-line{
	opacity:0;
	filter:alpha(opacity=0);
	margin:30px auto 48px;
}
.tech-item img{
	width:140px;
	height:140px;
	margin-bottom:24px;
}
.tech-item:first-child img{
   height:130px;
  margin-top:10px;
}
.server-name{
	font-weight:600;
	font-size:24px;
	color:#666;
}
.hidden-area{
	display:none;
}
#h-guide{
	display:block;
}
.desc{
	opacity:0;
	filter:alpha(opacity=0);
	font-size:18px;
	line-height:30px;
	word-break:break-all;
	word-wrap:break-word;
	text-align:justify;
	color:#666;
}
.product{
background:url("../img/product/bg.png") no-repeat center 0;
background-size:100% 100%;
padding-bottom:20px;
}
.product-title {
	 margin-top: 100px;
}
.product-line{
	background-color: #F9F9F9;
	margin-bottom:50px;
}
.product-item{
	margin-bottom:46px;
	text-align:center;
}
.product-p{
	text-indent:35px;
	font-size: 16px;
	line-height: 30px;
	margin-bottom:50px;
	color: #E8E8E8;
	text-align: justify;
}
.icon{
	 display:block;
	 width:48px;
	 height:48px;
	 margin:40px auto 63px;
	 background-image:url("../img/product/icons.png");
	 background-repeat:no-repeat;
}
.icon-text{
  font-weight:200;
	display:block;
	width:100%;
	font-size:16px;
	color:#fff;
	text-align:center;
	margin-bottom:34px;
	white-space: nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
}
.icon-chat{
	height:44px;
	margin-top:44px;
	background-position:0 -2px;
}
.icon-bot{
	width:46px;
	background-position:-200px 0px;
}
.icon-operate{
	background-position:-400px 0px;
}
.icon-customized{
	background-position:-599px -0px;
}
.icon-home{
	background-position:-800px -0px;
}
.icon-tel{
	width:36px;
	background-position:-1006px -0px;
}
.icon-robot{
	width:40px;
	background-position:-4px -58px;
}
.icon-itelligence{
	width:40px;
	background-position:-203px -58px;
}
.icon-vehicle{
	background-position:-400px -58px;
}
.icon-server{
	background-position:-599px -58px;
}
.icon-media{
	background:url("../img/product/media.png") no-repeat;
	background-size:100% 100%;
}
.icon-government{
	background-position:-800px -58px;
}
.product-item:hover{
	background-color:#E8F1F7;
	transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
   cursor:pointer;
}
.product-item:hover .icon-text{
   color:#0e69a8;
}
.product-item:hover .icon-chat{
		background-position:0 -118px;
}
.product-item:hover .icon-bot{
			background-position:-200px -116px;
}
.product-item:hover .icon-operate{
		background-position:-400px -116px;
}
.product-item:hover .icon-customized{
	background-position:-599px -116px;
}
.product-item:hover .icon-home{
		background-position:-800px -116px;
}
.product-item:hover .icon-tel{
		background-position:-1006px -116px;
}
.product-item:hover .icon-robot{
		background-position:-4px -174px;
}
.product-item:hover .icon-itelligence{
		background-position:-203px -174px;
}
.product-item:hover .icon-vehicle{
		background-position:-400px -174px;
}
.product-item:hover .icon-server{
			background-position:-599px -174px;
}
.product-item:hover .icon-government{
		background-position:-800px -174px;
}
.product-item:hover .icon-media{
	background:url("../img/product/media_blue.png") no-repeat;
	background-size:100% 100%;
}
.cooperative{
	background:url("../img/cooperative/cooperative-bg.png") no-repeat center 0;
	background-size:cover;
	padding-bottom:30px;
	padding-top: 50px;
}
.cooperative-line{
	margin-bottom:13px;
}
.cooperative-item{
	height:152px;
	line-height:152px;
	text-align:center;
	vertical-align:middle;
}
.cooperative-item img{
   max-width:100%;
}
.about-us{
	background:url("../img/aboutus/bg.png") no-repeat center 0;
	-ms-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}
.about-us-line{
	margin-bottom:51px;
}
.about-us-intro{
	font-size:16px;
	line-height:30px;
	color:#d9d9d9;
	width:1000px;
	text-align:justify;
	margin:0 auto 110px;
}
.company-environment{
	text-align:center;
	font-size:20px;
	line-height:30px;
	color:#fff;
	margin-bottom:33px;
}
.join-us{
	overflow:hidden;
	position:relative;
}
.join-us-line{
	margin-bottom:62px;
}
.join-us-bg{
	position:absolute;
	top:-90px;
	left:50%;
	margin-left:-650px;
	width:1300px;
  height:936px;
  background:url("../img/joinus/bg.png") no-repeat center 0;
	background-size:cover;
}
.join-us-img{
	padding-right:30px;
	height:450px;
}
.pic-text{
	margin-bottom:92px;
}
.company{
	text-align:left;
}
.work-show{
	margin-bottom:10px;
}
.work-show.active .panel-body{
    display:block;
    height:172px;
}
.work-show.active .panel-heading{
	background-color:#2DA4E3;
}
.work-show.active .occupation{
	color:#fff;
}
.work-show.active .occupation-name{
	color:#fff;
}
.work-show.active .arrow{
	background:url("../img/joinus/arrow_up.png") no-repeat center;
	background-size:100% 100%;
}
.work-show .panel-heading{
	padding:17px 24px;
	position:relative;
	cursor:pointer;
}
.work-show .panel-body{
	display:none;
	height:162px;
	padding:0;
	background-color:#FAFAFA;
}
.work-show>.panel-heading{
	  background-color: #fff;
    border-color: #e5e5e5;
}
.occupation{
	font-size:14px;
	color:#29b6eb;
}
.occupation-name{
	font-size:18px;
	color:#2e3849;
}
.arrow{
	position:absolute;
	right:20px;
	top:24px;
	display:block;
	width:22px;
	height:12px;
	background:url("../img/joinus/arrow_down.png") no-repeat center;
	background-size:100% 100%;
}
.work-show-table .program,.work-show-table .require{
	font-size:16px;
	line-height:24px;
}
.program{
	color:#999;
	width:103px;
	display:block;
}
.work-show-table .require{
	color:#333;
	width:400px;
	padding:6px 0 6px 9px;
	text-align:justify;
	border-bottom:1px solid #EDEDED;
}
/*swiper 样式重写*/
.swiper1-box{
	position:relative;
	padding:0 75px;
	margin-top: 5%;
}
.swiper2-box{
	display:none;
	position:relative;
	padding:0 50px;
}
.swiper2-box>.swiper-wrapper>.swiper-slide{
	position:relative;
}
.swiper1-box>.swiper-wrapper>.swiper-slide{
	position:relative;
}
.img-mask{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("../img/aboutus/cover.png") no-repeat;
	background-size:100% 100%;
}
.swiper-container {
	/*height: 220px;*/
}
.swiper-slide:hover .img-mask{
	display:block;
}
.img-mask-content{
	position:absolute;
	top:50%;
	left:50%;
	width:100px;
	height:100px;
	margin-left:-50px;
	margin-top:-50px;
	text-align:center;
}
.img-mask-content-img{
	margin-bottom:20px;
}
.img-mask-content-text{
font-size:16px;
color:#fff;
}
.swiper1 .swiper-slide {
	height: 220px;
	overflow: hidden;
}
.swiper-img{
	width:100%;
	/*height:307px;*/
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity:1;
}
.swiper-button-prev{
	width:48px;
	height:48px;
	background:url("../img/aboutus/left_white.png") no-repeat;
  background-size:100% 100%;
  z-index:5;
}
.swiper-button-next{
	width:48px;
	height:48px;
	background:url("../img/aboutus/right_white.png") no-repeat;
  background-size:100% 100%;
  z-index:5;
}
.scroll-swiper {
  width: 100%;
  height: 100%;
 }
.scroll-swiper .swiper-slide {
	font-size: 18px;
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px 24px;
 }
 .swiper-container-vertical>.swiper-scrollbar{
 	background:url("../img/joinus/long.png") no-repeat;
 	background-size:100% 100%;
 }
.swiper-scrollbar-drag{
	background:url("../img/joinus/short.png") no-repeat;
	background-size:100% 100%;
}

.china-mobile-logo {
	height: 40%;
}
