@charset "utf-8";

* {
	margin:0;
	padding:0;
	list-style:none;
	/*_behavior: url("images/scripts/iepngfix.htc");*/
}
body {
	font:12px/1.5em Arial, Verdana,"Microsoft YaHei", "Simsun", Geneva, sans-serif;
	/*text-align:center;*/
	margin:0 auto;
	color:#3b426b;
	font-size:14px;
	height:100%;
	width:100%;
	background:#fff;
	font-family: "微软雅黑"；
}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/

html{height:100%; width:100%;}

a {
	outline:none; /* FF去链接点击虚线 */
	text-decoration:none;
	color:#3b426b;
	cursor:pointer;
}

a {noFocusLine:expression(this.onFocus=this.blur())}/*IE 去链接点击虚线*/
a:hover { color:#678af6; text-decoration: none;}

td, img,  button{
	border:none;
}
img, input, select,{
	vertical-align:middle;
}
table {
	border-collapse:collapse;
}
h1, h2, h3, h4, h5, h6{
	font:12px/1.5em Arial, Verdana,"Microsoft YaHei", "Simsun", Geneva, sans-serif;
	font-weight:normal;
}
em,i{ font-style:normal;}

.clearfix:before,.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom:1; }
.font_hide{text-indent:100%;white-space:nowrap;overflow:hidden;}



/*
filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
_background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pop2.png");
* html #blackbg{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');}
#blackbg{ width:100%; height:100%; background:#000; filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; position:fixed; z-index:4;}
* html .pop_box{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');}
*/



/* 1200px 宽度 */
.main{ width:1200px; margin: 0 auto; min-width:1200px; }
.max-main{ width:100%; margin: 0 auto;  display: inline-block; min-width:1200px;}
.inside-banner{ width:100%; margin: 0 auto;  height: 300px; text-align: center;  display: inline-block; min-width:1200px;}

.gray-bg{background: #f7f9fc;}
.bottom-bg{background: #f7f9fc; border-top: 1px solid #e0e3ed;}
.small_main{ width:1170px;  margin: 0 auto; min-width:1170px; overflow:hidden; padding: 20px 15px;}
.line_main{ width: 100%; margin: 0 auto;  min-width:1200px;border-bottom:1px solid #f5f5f5;}


/* 导航 */
.logo-left{
	width: 300px;
	float: left;
	height: 62px;
	padding-top: 18px;
}

.logo-left a{
	float: left;
	
}

.nav-right{
	width: 580px;
	float: right;
	height: 80px;
}

.nav-right li{
	float: left;
	text-align: right;
	padding-left: 50px;
	padding-top: 30px;
	font-size: 15px;
}

.nav-right li a.current{
	color: #678af6;
}
	


/* banner */
.banner1{ width:100%; min-width:1200px; height: 400px; margin: 0 auto; overflow: hidden;} 
.banner{ position: relative; height:400px; width:100%; margin: 0 auto;}
.banner .swiper{width: 100%;height: 100%;overflow: hidden; position: relative;}
.banner .swiper .sections{position: relative;}
.banner .swiper img{ display: block;}
.banner-swiper { height: 100%;}
.banner .swiper-slide span{ display: block; width:100%; height:100%; background-repeat: no-repeat; background-position: center center; background-size:auto 100%;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;}

/* 主内容区域 */

/* 业务涉及行业 */
.industry-banner{ background:url(../images/industry_02.jpg) no-repeat center top; }
/* 业务涉及行业-左侧 */
.industry-left{float: left; width:700px; }
.industry-tit{ padding-top: 66px;}
.industry-tit strong{ font-size: 42px; color: #f0f2f6; font-weight: normal; line-height: 43px; display: block; }
.industry-tit span{ font-size: 32px; color: #3b426b; line-height: 32px; display: block; padding-top: 13px; }
.industry-tit i{ width: 40px; height: 2px;  display: block; background: #4e77f2;  margin: 30px 0; }
.industry-tab{ display: inline-block  }
.industry-tab li{float: left; padding-right: 20px;  }
.industry-tab li a{  width: 120px; height: 52px; display: block; color: #3b426b; background:url(../images/industry-tab-nl.png) no-repeat; line-height: 42px; text-align: center;   }
.industry-tab li a:hover,.industry-tab li a.current{ color: #5279f4; background:url(../images/industry-tab-hl.png) no-repeat;  }
.industry-text{padding-top: 25px; float: left; width:700px; }
.industry-text p{width:557px; height: 94px; display: block; line-height: 24px; overflow: hidden;} 

/* 业务涉及行业-右侧 */
.industry-right{float: right; width:  407px; height: 405px; margin:73px 65px 0 28px;  background:url(../images/computer.png) no-repeat top left;}
.industry-right .in-name{font-size: 18px; padding: 32px 0 0 140px; color: #fff; height: 49px; }
.business-name span{ display: none;}
.industry-right .in-name i{ float: right; width:40px; height: 1px; background: #fff; margin-right: 42px; margin-top: 10px; }
.industry-right .in-img{ margin: 9px 0 0 47px; color: #fff; height: 194px; width: 314px; overflow: hidden; }
.business-swiper-pagination.swiper-pagination{ position: initial; margin: 50px 0 auto; padding-left: 44px;}
.business-text-swiper .business-text { display: none;}


/* 服务内容 */
.service-tit{ padding: 38px 0 42px 0;}
.service-tit strong{ color: #f8f8f9; font-size: 42px; line-height: 42px; display: block; font-weight: normal;}
.service-tit span{ color: #38495c; font-size: 32px; line-height: 32px; display: block; padding-top: 10px;}
.service-var {padding-bottom: 70px; display: inline-block;}
.service-var li{ width: 300px; float: left; }
.service-var li p {padding: 23px 20px 0 20px; height: 138px;overflow: hidden;}
.service-var li p strong{ display: block; font-size: 18px; padding-bottom: 13px;}
.service-var li p span{font-size: 14px; overflow: hidden; height: 90px; line-height:24px; display: block; }
.service-var li i{ display: block;}
.service-var li i img{ float: left;}

/* 底部 */
.share {height: 48px; width: 300px;float: left; }
.share span{ font-size: 14px; color: #858ab4; line-height: 48px; float: left; padding-right: 15px; }
.share a{ width: 28px; height: 28px; display: block;  float: left; margin-right: 11px; margin-top: 11px; position: relative;  }
.share a.icon-01{background:url(../images/weixin-nl.png) no-repeat; }
.share a.icon-01:hover{background:url(../images/weixin-hl.png) no-repeat; }
.share a.icon-01 i{ display:block; overflow:hidden; width:0; height:0;  }
.share a.icon-01 i img{ display:block;  width:106px; height:106px;  }
.share a.icon-01:hover i{ width: 120px; height: 127px; background:url(../images/weixin-line.png) no-repeat; position: absolute; left:-44px; top: -128px; padding:7px; }
.share a.icon-02{background:url(../images/weibo-nl.png) no-repeat; }
.share a.icon-02:hover{ background:url(../images/weibo-hl.png) no-repeat;}

.copyright {width: 820px; float:right;  text-align: right; }
.copyright img{width: 15px;  }
.copyright p{color: #858ab4; line-height: 48px;}
.copyright p a{color: #858ab4;}
.copyright p a:hover{color: #5279f4;}
.copyright i{ color: #cfd3f0; padding: 0 10px;}


/* 内页 */
/* 业务涉及行业 */
.int-tit{ width: 700px; margin: 0 auto; text-align: center;}
.int-tit strong{ font-size: 28px; color: #e1e2e6; font-weight: normal; display: block; line-height: 28px; padding-bottom: 10px; padding-top: 57px;}
.int-tit span{ font-size: 32px; line-height: 32px; display: block;}
.int-tit i{ width: 40px; height: 2px;  display: block; background: #4e77f2;  margin: 20px auto 40px auto;}
.ter-list{margin-bottom: 35px; display: inline-block; }
.ter-list ul{margin-left: -30px; }
.ter-list ul li{ width:277px; float: left; margin-left: 30px; }
.ter-list ul li i{ width: 277px; height: 200px;}
.ter-list ul li i img{display: block;}
.ter-list ul li strong{font-size: 20px; line-height: 24px; display: block; width:277px; height: 24px; overflow:hidden; padding: 17px 0 8px 0; font-weight: normal; }
.ter-list ul li span{font-size: 15px; line-height: 22px; display: block; width:277px; height: 66px; overflow:hidden; color: #5d6494; }


.int-list ul li strong { height: 40px;}
.int-list ul li  {margin-bottom: 20px; }

.vehicle-list {margin-bottom: 15px; }
.vehicle-list ul{margin-left: -40px; }
.vehicle-list ul li{ width:580px; float: left; margin-left: 40px; padding-bottom: 30px;  }
.vehicle-list ul li i{ width: 580px; height: 220px;}
.vehicle-list ul li strong{width:580px; height: 18px; }
.vehicle-list ul li span{width:580px; height: 44px;}


.hr-list ul li {margin-bottom: 00px; padding-bottom: 20px; }
.hr-list ul li strong{ height: 40px;}


.mobile-list ul{ margin-left: -66px; }
.mobile-list li{width:169px; height: 170px; display: inline-block; vertical-align: middle; margin-bottom:60px; margin-left: 131px; position: relative;}
.mobile-list li i{position: absolute; left: 10px; top: 74px; width: 150px; height: 24px; line-height: 24px; text-align: center; font-size: 24px; color:#fff; overflow: hidden;}



/* 服务 */
.service-banner { background:url(../images/sev_03.jpg) no-repeat center top; }
.lab-list{ padding: 0px 0 50px 0;  display: inline-block;}
.lab-list ul{ margin-left: -30px;}
.lab-list li{ width: 584px; height: 200px; float: left; margin-left: 30px; position: relative; padding: 0 0 30px 0;}
.lab-list li p{ position: absolute; width:210px; height: 120px; left: 40px; top: 40px; } 
.lab-list li p strong{ font-size: 20px; color: #d2d6e0; font-weight: normal; display: block; line-height: 25px; height: 50px; overflow: hidden; width:210px; }
.lab-list li p span{ font-size: 32px; line-height: 32px; display: block; padding-top: 9px; height: 30px; width:210px; overflow: hidden;}
.lab-list li p i{ width: 40px; height: 2px;  display: block; background: #4e77f2;  margin: 20px 0 0 0;}
.lab-list li img{ display: block; }


/* 合作伙伴及案例 */
.case-banner,.cases-banner { background:url(../images/case_01.jpg) no-repeat center top; }
.case-list{ padding-top: 40px;}
.case-list li{ width: 300px; float: left; height: 110px; display: table; vertical-align: middle; text-align: center;}
.case-bg{ background:url(../images/case_bg.jpg) no-repeat center top; }
.case-tab{ padding: 20px 0 60px 0px; display: inline-block; text-align:center; width: 1200px;   }
.case-tab a{  width: 11px; height: 11px; display: inline-block;  background: #4d76f2;  border: 2px solid #4d76f2;  border-radius:15px;  margin-right: 10px;}
.case-tab a:hover,.case-tab a.current{background: #fff;  border: 2px solid #4d76f2 }
.swiper-pagination.case-tab { position: initial; }
.swiper-container.case-list { height: 330px; width: 1200px;}


/* 成功案例 */
.succ-bg { background:url(../images/succ_04.jpg) no-repeat center top #13285c; }
.succ-tit strong{ color: #636b8a;}
.succ-tit span{ color: #fff;}
.succ-list ul li strong { color: #fff; width:475px; display: block; }
.succ-list ul li big{font-size:15px; line-height: 24px;  height: 24px; color: #ffffff; float: right; padding: 17px 0 8px 0; list-style: none;  }
.succ-list ul li big ins{ vertical-align: middle; display: inline-block; line-height: initial; margin-left: 10px; list-style: none;  }
.succ-list ul li a{  color: #fff;}
.succ-list ul li a:hover big ,.succ-list ul li  a:hover strong{ color: #678af6;}



/* 成功案例-详细页*/

/* 成功案例-详细页-左侧*/

.sidebar-left{width: 220px; float: left; padding: 10px 0 0 0  }

/* 面包屑 */
.crumbs{ height: 14px; padding: 13px 0 30px 0; color: #5d6494;font-size: 14px; }
.crumbs a{ color: #5d6494;}
.crumbs a:hover{ color: #678af6;}

/* 列表标题 */
.sidebar-tit { padding-bottom: 20px;  margin-bottom: 20px; border-bottom: 2px solid #678af6;}
.sidebar-tit strong{ font-size: 24px; display: block; font-weight: normal;}
.sidebar-tit span{ font-size: 14px; display: block;  color: #e1e2e6;  padding-top: 6px; line-height: 14px;}

/* 二级 */
.sidebar-list li a{width: 220px; height: 36px; color: #3b426b; line-height: 36px; display: block; margin:5px 0;  }
.sidebar-list li a:hover,.sidebar-list li a.current{ background: #f0f3fe; color: #3b426b; }
.sidebar-list li a i{width:3px; height: 34px;display: inline-block; margin-right: 15px; vertical-align: middle; }
.sidebar-list li a:hover i,.sidebar-list li a.current i{ background:#678af6; }

/* 成功案例-详细页-右侧*/
.sidebar-right{width: 870px; float: right; padding: 0px 40px 40px 40px; margin-bottom: 40px; border-left: 1px solid #e1e2e6;}
.case-title p {font-size: 22px; line-height: 22px; height: 22px; padding-bottom: 18px; }
.case-title p i{width:4px; height: 23px; display: inline-block; background:#678af6; margin-right: 15px; vertical-align: middle;margin-top: -4px; }
.case-title a{float: right; color: #5d6494;}
.case-title a:hover{ color: #678af6;}
.case-title ins {vertical-align: middle; display: inline-block; line-height: initial; margin-right: 10px;}
.case-text {font-size: 14px; line-height: 24px; word-wrap:break-word; margin-bottom: 36px; /*min-height: 200px; */}
.case-text p a{color:#3b426b;}
.case-text p a:hover { color:#678af6; text-decoration: none;}


/* 公司简介 */
.about-banner { background:url(../images/about_02.jpg) no-repeat center top; }

/* 加入我们 */
.join-tit{ padding-top: 10px;}
.join-tit a{ width: 50%; display: block; float: left;  text-align: center; height: 50px; line-height: 50px;font-size: 16px; position: relative; background: #eef1f7; }
.join-tit a:hover,.join-tit a.current{ color: #678af6; }
.join-tit a.current i,.join-tit a:hover i{ position: absolute; width: 100%; left: 0; top: 0;  height: 2px; background: #678af6;}
.join-list{ width: 870px; margin: 20px 0 0 0; display:table}
.join-list tr,.join-list td{ border-bottom: 1px  solid #f1f3f5; line-height: 50px; height: 50px; padding-left: 20px; }
.table-tit{ background: #eef1f7;}
.table-tit td{ border-bottom: 1px solid #f1f3f5;}

/* 下一頁 */
.next{  text-align: center; }
.next a{ border:1px solid #ebebeb; background:#fff; padding:8px 12px; border-radius:4px; color:#3b426b; display:inline-table; margin: 20px 0;}
.next a:hover,.next a.current{ border:1px solid #67b7c8; background:#6e8cef; color:#fff;}


/* 加入我们-详细页 */
.det-tit{  padding-bottom: 27px; padding:  0 20px; background: #eef1f7; height: 50px; line-height: 50px; }
.det-tit span{ font-size: 16px; }
.det-tit i{float: right;}
.det-con li{ line-height: 24px; border-bottom: 1px dashed #d8dde7; padding-bottom: 24px; padding-top: 26px;}
.det-con li strong{ display: block; padding: 0px  0 10px 0;}
.det-con li strong i{font-weight: normal; padding-left: 10px;}
.det-con li span{  padding-bottom: 20px; font-weight: bold;}
.det-con li small{ display: block; font-size: 14px;  border-top: 1px dashed #ccc; margin-top: 20px; padding: 20px 0;}

.det-con li a{color:#3b426b;}
.det-con li a:hover { color:#678af6; text-decoration: none;}



.mb20{margin-bottom: 20px;}
.mt40{ margin-top: 40px;}
.mt20{ margin-top: 20px;}




/*vertical-align: middle; display: inline-block; line-height: initial;  图标垂直居中 */

/*
.next2{ border-top:1px solid #cda775; margin:25px 0 0px 0; padding:15px 0 0 0; font-size:12px;  color:#4b361d; }
.next2 a{ color:#4b361d; }
.next2 a:hover{ color:#d30100; }
*/

/* 轮播图 */
.swiper-container .swiper-slide img {display:block;margin: 0 auto;}
.swiper-pagination {position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;}
.swiper-pagination .swiper-pagination-switch { display:inline-block; width: 11px; height: 11px; background: #4d76f2;  border: 2px solid #4d76f2;  border-radius:15px;  margin-right: 14px;cursor: pointer;}
.swiper-pagination .swiper-active-switch {background: #fff; }


.banner-swiper .swiper-pagination .swiper-pagination-switch{background-color: rgb(255,255,255,0.5); border:none; width: 13px; height: 13px;}
.banner-swiper .swiper-pagination .swiper-active-switch{background-color: rgb(255,255,255,1);}


.join-tab-box {display: none;}