/***
基础修复
***/
*::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
{
    overflow-x:hidden;
}
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{

}
.hangar-content{
	width:980px;
	margin:0 auto;
}
.container
{
    width:980px !important;
}
.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:#fff;
	border-bottom:1px solid #eeeeee;
	height:89px;
}
.logo{
	float:left;
	padding-top:19px;
}
.menu-nav{
	float:left;
	/*height:30px;*/
	padding-top:30px;
}
.menu-nav li{
	float:left;
	margin-left:30px;
}
.menu-nav li a{
	display: block;
	text-align: center;
	line-height: 36px;
	color: #444;
	/*width: 120px;*/
	font-size: 15px;
	border-radius: 2px;
	padding:0 10px;
	text-decoration:none;
}
.menu-nav li.active a,
.menu-nav li a:hover{
	background:#7ECEF4;
	color:#fff;
}
.menu-child a:hover
{
    background:transparent;
    color:Black;
}
/* 脚部 */
footer{
	background:#CCC9C9;
	/*margin-top:60px;*/
}
.footerlink{
	height:152px;
}
.foot-links {
	line-height: 1;
	margin-top: 37px;
	margin-bottom:25px;
	color:#cccccc;
}
.foot-links a {
	color: #cccccc;
}
.foot-links a:hover{
	text-decoration:underline;
	color:#fff;
}
.msg {
	color: #6e6e6e;
 margin:0 0 6px 0 !important;
	line-height:1;
}
.weixin{
	float:left;
	padding-top:32px;
}
.weixin li {
	float:left;
	margin-right:50px;
}
.weixin li img{
	border: 1px solid #767676;
}
.weixin b {
	display: block;
	color: #fff;
	font-weight:normal;
	filter:alpha(opacity=80);opacity:.8;
	line-height:24px;
}
.tel{
	float:left;
	font-size:34px;
	color:#ffffff;
	font-weight:200;
	line-height:1;
	margin-top:50px;
	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: #A0A0A0;
	padding: 10px 0;
}
.copyright p {
	color: #4f4f4f;
	margin: 0 auto;
	width: 980px;
}


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


.softtext{
}
.home-soft{
	float:left;
	width:545px;
	margin-top:-20px;
}
.home-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;
}
.home-soft li .img{
	width: 74px;
	float: left;
	background: url(../images/shadow.png) no-repeat center bottom;
	padding-bottom:15px;
}
.home-soft li .img b{
	display: block;
	height: 74px;
	background: url(../images/soft.png) no-repeat;
	background-position: left top;
}
.home-soft li .text{
	margin-left: 100px;
}
.home-soft li .text h4{
	line-height: 1;
	color: #3d3d3d;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 10px;
}
.home-soft li .text p{
	line-height: 22px;
	color: #808080;
}
.home-soft .server .img b{
	display: block;
	height: 74px;
	background-position: right top;
}
.home-soft li:hover{
	background: #f6f8f9;
}
.home-soft li:hover h4{
	color: #2779de;
}
.home-soft li:hover .img b{
	background-position: left bottom;
}
.home-soft .server:hover .img b{
	background-position: right bottom;
}
.home-news
{
    float:left;
    margin-right:25px;
	/*margin-left:565px;*/
	background:#fff;
	border:1px solid #dedede;
	padding:0 15px;
	height:330px;
	width:480px;
}
.home-news h3{
	font-size:18px;
	border-bottom:1px solid #eee;
	line-height:44px;
	margin-bottom:15px;
}
.home-news a{
	color:#444;
}
.home-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{

}
/* 加入品高 */
.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;
}
.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;
}
.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:14px;
	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;
}
.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:28px;
}
.server-body{
	position: relative;
	height: 100%;
	overflow: hidden;
}
.server-wrapper .section {
	overflow:hidden;
}
.server-wrapper .section .hangar-content{
	position:relative;
	height:100%;
}
.server-wrapper .section img{
	position:absolute;
}
.server-box .bannerbg{
	height:100%;
}
.server-box .bannerbg .serverbg01{
	position: absolute;
	width: 100%;
	height:100%;
	background:url(../images/server/img01.jpg) no-repeat center top;
	background-size:cover;
}
.server-box .bannerbg .serverbg02{
	position: absolute;
	width: 100%;
	height:100%;
	background:url(../images/server/img02.jpg) no-repeat center top;
	background-size:cover;
}
.server-box .bannerbg .serverbg03{
	position: absolute;
	width: 100%;
	height:100%;
	background:url(../images/server/img03.jpg) no-repeat center top;
	background-size:cover;
}
.server-box .bannerbg .serverbg04{
	position: absolute;
	width: 100%;
	height:100%;
	background:url(../images/server/img04.jpg) no-repeat center top;
	background-size:cover;
}
.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%;
}

/* 产品 */
.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:28px;
}
.product-wrapper .section {
	overflow:hidden;
}
.product-wrapper .section .hangar-content{
	/*position:relative;*/
	height:100%;
}
.product-wrapper .section img{
	position:absolute;
}
.product-box .banner01{
	height:100%;
	background:url(../images/product/img01.png) no-repeat center top;
	background-size:cover;
}
.product-box .banner02{
	height:100%;
	background:url(../images/product/img02.png) no-repeat center top;
	background-size:cover;
}
.product-box .banner03{
	height:100%;
	background:url(../images/product/img03.png) no-repeat center top;
	background-size:cover;
}
/*新闻中心*/
.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;
}
.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;
}







/***
自适应布局
***/
@media screen and (max-height: 800px){
	.banner02 .fadeInLeftBig,
	.banner03 .zoomIn,
	.banner01 .zoomIn{
		zoom:0.8;
		left:50px;
	}
}
@media screen and (max-height: 700px){
	.banner02 .fadeInLeftBig,
	.banner03 .zoomIn,
	.banner01 .zoomIn{
		zoom:0.6;
		left:150px;
	}

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

}

@media (min-width: 979px) {

}




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

 .zoomInA{
	-webkit-animation:zoomOut 1s 0.5s ease both;
    -moz-animation:zoomOut 1s 0.5s ease both;
    animation:zoomOut 1s 0.5s ease both;
}

 .bounceInRightA{
	-webkit-animation:bounceInRightA 1s 0.5s ease both;
    -moz-animation:bounceInRightA 1s 0.5s ease both;
    animation:bounceInRightA 1s 0.5s ease both;
    
}

.fadeInLeftBigA{
	-webkit-animation:fadeOutUp 1s 0.5s ease both;
    -moz-animation:fadeOutUp 1s 0.5s ease both;
    animation:fadeOutUp 1s 0.5s ease both;
}

.fadeInItem{
	-webkit-animation:fadeInUp 1s 0.5s ease both;
    -moz-animation:fadeInUp 1s 0.5s ease both;
    animation:fadeInUp 1s 0.5s ease both;
}


.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;
}


.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);
  }
}


.newsSuccess {
	background: #eee;
}
.middleDiv {
	width: 978px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
}
.newsIndex {
	float: left;
	width: 55%;
	+width: 50%;
	padding: 0 20px;
	/*border-right: 1px solid #d6d6d6;*/
}
.successIndex {
	margin-left: 60%;
	+margin-left: 55%;
	padding: 0 20px;
	clear: right;
}
.flipsnapContainer {
	clear: both;
	float: left;
	position: relative;
}



.widgettitle
{
    font-size:16px;
    font-weight:bold;
    margin:3px;
}

.foot-about
{
    margin:5px 20px 20px 30px;
}

.foot-about a{
	font-size: 14px;
	color: black;
}

.newsSuccess{background:#eee;}
.middleDiv{width:978px;margin:0 auto;padding:30px 0;overflow:hidden;}
.newsIndex{float:left;width:45%;+width:50%;padding:10px 20px;/*border-right:1px solid #d6d6d6;*//*background:#F6F6F6;*/}
.newsIndex ul{/*height:350px;*/overflow:hidden;}
.newsIndex li{clear:both;margin-top:12px;cursor:pointer;}
.newsIndex li:hover .newslistRight h1{color:#0095cf;}
.newsIndex li:hover .dateLeft{background:#00a0e9;}
.successIndex{margin-left:45%;+margin-left:55%;padding:0 20px;clear:right;margin-top:80px;}
.successIndex ul{position:relative;width:100%;+width:400px;float:left;height:340px;}
.successIndex li{float:left;width:100%;height:95px;cursor:pointer;}
.titleInfo{font-size:20px;}
.dateLeft{float:left;width:52px;height:52px;background:#aaa9a9;color:#fff;text-align:center;}
.dateLeft h1{font-size:30px;line-height:34px;font-weight: normal;margin:0px;}
.dateLeft h2{font-size:12px;font-weight: normal;margin:0px;}
.newslistRight{margin-left:70px;}
.newslistRight h1{font-size:15px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0px;}
.newslistRight p{font-size:12px;color:#9fa0a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.more{width:42px;line-height:42px;background:#fff;color:#9fa0a0;border:1px solid #c9c9c9;border-radius:42px;cursor:pointer;text-align:center;margin:30px auto 0 auto;}
.more:hover{background:#00a0e9;color:#fff;border:1px solid #00a0e9;}
.publicLeft{float:left;width:350px;}
.publicLeft h1{display:block;width:350px;height:320px;background:url(../images/publication.png) no-repeat  center 30px;text-align:center;display:table-cell;vertical-align:bottom;font-size:20px;color:#0095cf;cursor:pointer;padding:0 20px 20px 20px;border:2px solid #fff;margin:0px;}
.publicLeft h1:hover{border:2px solid #d0d0d0;background:#eee url(../images/publication.png) no-repeat center 30px;}
.industRight{margin-left:380px;+margin-left:400px;clear:right;}
.industRight ul{margin-top:20px;}
.industRight li{font-size:16px;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.industRight li:hover{color:#0095cf;}
 


.nav-tabs li a 
{
    padding:1px;

}

.showDiv {
	display: block;
	z-index: 9999;
	top: 70px;
	width: 300px;
	position: absolute;
	left: 570px;
}

.contentbox {
	width: 350px;
	/*background: #E0E0E0;*/
	background:#f2f2f2;
	margin: 5px;
	/*filter: alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;*/
	z-index: 9999;
	height: 170px;
	margin: 10px;
}
.itemLnk {
    font-size: 15px;
    font-weight:normal;
    color:#444;
    margin: 3px;
    margin-left:10px;
}

.contentbox a,a:active,a:hover,a:focus
{
    text-decoration:none;
    color:#000;
}
.itemSmall 
{
    display:inline;
   
}

.itemSmall img
{
    width: 160px;
    height:50px;
    margin-bottom:30px;
    margin-left:3px;
}

.nav-tabs img 
{
  width:35px;
}

.showDiv li {
line-height:25px;
text-align: left;
}
.showDiv ul {
margin-top:15px;
}

.showDiv li a {
    font-size: 14px;
    font-weight:normal;
    color:black;
  
}

.showDiv  a:hover {
  color:#686868
  
}

/* ProductA */
.bd1_box
{
    margin-top:15px;
}
.bd1_box .span6 a {
	font-size: 32px;
}

a.red-box {
	display: inline-block;
	width: 100%;
	height: 135px;
	line-height: 135px;
	background: #B8B8B8;
	text-align: center;
	color: black;
}

a.black-box {
	display: inline-block;
	width: 100%;
	height: 135px;
	line-height: 135px;
	background: #B8B8B8;
	text-align: center;
	color: #fff;
}

.sectitem 
{
    height: 40px; 
    margin-top: 10px; 
    border: 1px solid whilte;
    background: url(../images/product/itemx.png)  no-repeat -2px 0; 
    border-bottom: 3px solid skyblue;
}

.sectitem h3
{
    padding: 5px 0px 5px 45px; 
    color: White;
}

.sectcol img
{
    /*width: 90%;*/
    margin: 20px 20px 20px 40px;
    /*display:block;*/
}

.sectcol2 img 
{
    width: 100%;
    margin-top: 25px;
}

.blueBox 
{
    background:LightCyan;height: 300px;padding: 5px;
}

.blueBox 
{
    leftTitle
}

.blueBox .contentBox 
{
   width: 70%;
margin: auto;
margin-top: 30px;
}

.blueBox p
{
   font-size: 13px;line-height: 22px;
}


.whiteBox 
{
    background:white;height: 300px;padding: 5px;
}

.whiteBox .contentBox 
{
    width: 70%;
    margin:auto;
}

.whiteBox p
{
   font-size: 13px;line-height: 22px;
}

/* solution */
.itembox 
{
    text-align: center;
    margin: 10px auto;
}

.itembox img
{
    width:68%;
}
  
.solBox ul.nav-tabs{
    width: 53px;
    margin-top: 20px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}
.solBox ul.nav-tabs li{
    margin: 0;
    border-top: 1px solid #ddd;
}
.solBox ul.nav-tabs li:first-child{
    border-top: none;
}
.solBox ul.nav-tabs li a{
    margin: 0;
    padding: 8px 16px;
    border-radius: 0;
    font-size: 18px;
    font-weight: bolder;
    line-height: 20px;
    color: white;
    background: lightgray;
    border-bottom : 1px solid black;
}
    .solBox ul.nav-tabs li a:hover{
    color: black;
        border-bottom : 1px solid black;
}
.solBox ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
    color: black;
    background: lightgray;
}
.solBox ul.nav-tabs li:first-child a{
    border-radius: 4px 4px 0 0;
}
.solBox ul.nav-tabs li:last-child a{
    border-radius: 0 0 4px 4px;
}
.solBox ul.nav-tabs.affix{
    top: 30px; 
}
.solBox h2,h3,h4
{
    font-weight:bold;
}


.webchatimg {
	background: url(../images/Navigation/wxewm.png) no-repeat;
	background-size:cover;
	width: 150px;
	height: 178px;
	left: -150px; 
    top: 0px;
    background-color: #fff;
	position: absolute;
}

.sinawbimg {
	background: url(../images/Navigation/xlewm.png) no-repeat;
	background-size:cover;
	width: 150px;
	height: 178px;
	left: -150px; 
    top: 0px;
    background-color: #fff;
	position: absolute;
}

.contractimg {
	background: url(../images/Navigation/contract.png) no-repeat;
	width: 200px;
	height: 228px;
	left: -200px;
	top: 0px;
	position: absolute;
	background-size: 100%;
}
/* ------------------------------------------------------------------ */

#solScrollspy ul.nav-tabs.affix{
        top: 80px !important; 
    }
    
#footer-contact {
	background-color: rgb(64, 64, 64);
	border-radius: 2px;
	bottom: 0;
	color: #fff !important;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	opacity: 0.8;
	position: fixed;
	right: 0;
	top: auto;
	width: 100%;
	z-index: 2147483647;
}
 
 .center {
	text-align: center;
}

 .i-button-ys {
	background: #fff none repeat scroll 0 0;
	border-radius: 10px;
	cursor: pointer;
	float: left;
	height: 38px;
	line-height: 35px;
	margin-top: 20px;
	right:30px;
	text-align: center;
	width: 100px;
	margin-left: 60px;
	display:inline-block;
}

 .i-button-sy {
	background: #638c0B none repeat scroll 0 0;
	border-radius: 10px;
	cursor: pointer;
	float: right;
	height: 38px;
	line-height: 35px;
	margin-top: 20px;
	right:30px;
	text-align: center;
	width: 100px;
	margin-right: 60px;
	
}

.i-button-ys a {
color: #7ECEF4 !important;
font-size: 14px !important;
font-family: "Microsoft YaHei" !important;
font-weight:bold;
}

.i-button-sy a {
color: rgb(255, 255, 255) !important;
font-size: 14px !important;
font-family: "Microsoft YaHei" !important;
font-weight:bold;
}



#footer-contact .i-button {
	background: #1abc9c none repeat scroll 0 0;
	border-radius: 2px;
	cursor: pointer;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	/*margin-left:10px;*/
	text-align: center;
	width: 110px;
}

#footer-contact .i-button a {
	color: #fff;
	
}    
#footer-contact .i-button a:hover,a:focus{
	font-weight:bold;
}


.banMenuBox {
	width: 100%;
	position: absolute;
	bottom: 0px;
	
	text-align: center;
}

.banMenuItem {
	display: inline-block;
	float: left;
	width: 50%;
    background-color:#7ECEF4;
    color:White;
    padding:15px 0px;
    opacity:0.5;
    font-weight: bold;
    font-size: 32px;
}

.banMenuBox .curbanMenu 
{
    background-color:#FFF;
     color:#73CBE9; /*7ECEF4;*/
     opacity:0.8;
}

.curbanMenu 
{
    opacity:0.9;
}

.curbanMenu:hover
{
    opacity:1;
    color:#73CBE9 !important; 
}

.banMenuBox a:hover
{
    opacity:0.9;
    color:White;
}

 .anchor-fix
{
    position: relative;
    top: -88px; /*偏移值*/
    display: block;
    height: 0;
    overflow: hidden;
}
/*-------------------customercase-----------*/
.clearboth {
	display: block;
	visibility: hidden;
	clear: both;
	overflow: hidden;
	width: 0;
	height: 0;
}


.featimgbox a {
    display: block;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.featimgbox a:hover {
    color: #fff;
}

.hjw3 {
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: -500px;
    margin-top: 2px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.66) 0, rgba(0, 0, 0, 0.66) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.66)), color-stop(100%, rgba(0, 0, 0, 0.66)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.66) 0, rgba(0, 0, 0, 0.66) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.66) 0, rgba(0, 0, 0, 0.66) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.66) 0, rgba(0, 0, 0, 0.66) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.66) 0, rgba(0, 0, 0, 0.66) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a8000000', endColorstr='#a8000000', GradientType=0)
}

.hjw3 {
    padding-right: 0!important
}

.hjteaser {
    display: table;
    width: 100%;
    table-layout: fixed;
    background-color: #aaa\0;
}

.hjteaser b {
    display: table-cell;
    vertical-align: middle
}

.hjteaser span {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    padding: .7em .8em .5em .8em;
    height: 2.8em
}

.hjteaser span em {
    display: inline-block;
    margin-right: 2.5em;
    position: relative;
    overflow: hidden;
    width: 100%;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
}

.hjarrw {
    display: table-cell;
    vertical-align: middle;
    width: 2.8em;
    line-height: 0;
    text-align: center;
    padding: .7em 0 .7em
}

.hjarrw:after {
    font-size: 1.4em;
    width: 1em;
    height: 1em;
    background: url('../images/Customer/special_icon.png') 0 6.25% no-repeat;
    background-size: 100% auto;
    display: inline-block;
    content: " "
}

.hjcta {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: -52px;
    padding-top: 52px;
}

.hjcta span {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.hjw3 p {
    color: #fff;
    font-weight: bold;
    line-height: 1.15;
    margin: 0 .8em 1em;
    font-size: 18px;
}

.hjw3 .c-btn {
    margin: 0 .8em;
    width: auto;
    float: none
}

.hjw3 .c-btn div {
    float: none;
    display: table;
    margin: 0 auto
}

.not-ie8 a:hover .hjw3 {
    -webkit-transition: margin-top 200ms;
    -moz-transition: margin-top 200ms;
    -o-transition: margin-top 200ms;
    transition: margin-top 200ms;
    margin-top: -5px;
}

.not-ie8 a .hjw3:hover .hjteaser,
.not-ie8 a:focus .hjw3 .hjteaser {
    -webkit-transition: opacity 850ms, margin 1200ms;
    -moz-transition: opacity 850ms, margin 1200ms;
    -o-transition: opacity 850ms, margin 1200ms;
    transition: opacity 850ms, margin 1200ms;
    opacity: 0;
    margin: -20% 0 20%
}

.not-ie8 a .hjw3:hover .hjcta,
.not-ie8 a:focus .hjw3 .hjcta {
    -webkit-transition: padding-top 550ms;
    -moz-transition: padding-top 550ms;
    -o-transition: padding-top 550ms;
    transition: padding-top 550ms;
    padding-top: 0!important;
}

.not-ie8 a .hjw3:hover,
.not-ie8 a:focus .hjw3 {
    -webkit-transition: top 550ms, margin-top 250ms;
    -moz-transition: top 550ms, margin-top 250ms;
    -o-transition: top 550ms, margin-top 250ms;
    transition: top 550ms, margin-top 250ms;
    top: 0 !important;
    margin-top: 0;
}

a .hjw3,
a .hjw3 {
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease
}

.c-btn {
    float: left;
    width: 100%;
    margin: 0
}

.c-btn div {
    float: left;
    margin: 0 16px .6em 0;
    position: relative
}

.c-btn div span {
    color: #1f4f82;
    display: block;
    padding: .45em 1.8em .45em .7em;
    font-size: 16px;
    background: #fff
}

.c-btn div span:visited {
    color: #1f4f82
}

.c-btn div span:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    background: url('../images/Customer/special_icon.png') 0 25% no-repeat;
    background-size: 100% auto;
    margin: -.6em .4em 0 0;
    width: 1.25em;
    padding-top: 1.25em
}

.c-btn div span:hover {
    -webkit-transition: background-color 250ms, color 250ms;
    -moz-transition: background-color 250ms, color 250ms;
    -o-transition: background-color 250ms, color 250ms;
    transition: background-color 250ms, color 250ms;
    background: #1f4f81;
    text-decoration: none;
    color: #fff
}

.c-btn div:hover span:after {
    background-position: 0 31.25%
}


.page-section-case {
	background-image: url('../images/Customer/casebg.png');
	background-attachment: scroll;
	background-attachment: scroll !important;
	background-position: center top;
	background-repeat: no-repeat;
}
.hjw3
{
    -webkit-animation: fadeInUp 1s 0.5s ease both;
    -moz-animation: fadeInUp 1s 0.5s ease both;
    animation: fadeInUp 1s 0.5s ease both;
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs
{
    text-align: center;
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs
{
    margin: 0 0 -1px 0;
}
.mk-tabs .mk-tabs-tabs
{
    position: relative;
    z-index: 10;
    padding: 0;
    list-style: none;
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li
{
    display: inline-block;
    border-left: 0;
    white-space: nowrap;
}
.mk-tabs .mk-tabs-tabs li
{
    min-width: 135px;
}
.mk-tabs .mk-tabs-tabs li
{
    margin: 0;
    position: relative;
    font-size: 100%;
    padding: 0;
    vertical-align: baseline;
    border: 0;
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li a
{
    padding: 14px 25px 15px;
    margin-top: 8px;
}
.mk-tabs .mk-tabs-tabs li a
{
    text-transform: uppercase;
    font-weight: normal;
    color: #888888;
    display: block;
    line-height: 100%;
    font-size: 18px;
    background: #ededed;
    margin-right: 4px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.mk-tabs.style1-tabs.horizontal-style .mk-tabs-tabs li a
{
    padding: 14px 25px 15px;
    margin-top: 8px;
}
        
.ui-state-active > a
{
    color: white !important;
    background: #00b9ef !important;
}