@charset "utf-8";

.w1200{
	max-width: 1200px;
	margin: 0 auto;
}
.m_ind_banner{
	display: none;
}
.ind_banner{
	position: relative;
}
.ind_banner img{
	float: left;
	width: 100%;
}
.ind_banner .bx-controls{
	position: absolute;
	width: 100%;
	height: 0;
	font-size: 0;
	bottom:50px;
	text-align: center;
	position: relative;
}
.ind_banner .bx-pager{
	display: inline-block;
}
.ind_banner .bx-pager .bx-pager-item {
	float: left;
	margin:0 9px;
	background: #cbcbcb;
	border-radius: 50%;
}
.ind_banner .bx-pager .bx-pager-item a{
	display: block;
	width: 14px;
	height: 14px;
}
.ind_banner .bx-pager .bx-pager-item .active{
	background: #b99f63;
	border-radius: 50%;
}
.ind_about , .ind_server , .client , .contact{
	padding: 88px 0;
}
.ind_about{
	background: url(../images/index_bg_1.jpg);
}

.ind_title{
	text-align: center;	
}
.ind_title p{
	color: #0c554a;
	font-size: 60px;
	text-transform: uppercase;
}
.ind_title span{
	display: inline-block;
	width: 49px;
	height: 4px;
	background: #999;
}
.ind_title i{
	display: block;
	font-style: initial;
	color: #666;
	font-size: 24px;
	margin-top: 16px;
}
.about_intr{
	width: 790px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 32px;
}
.about_intr h4{
	color: #333;
	font-size: 26px;
	margin: 22px  0;
}
.about_num{
	margin-top: 20px;
}
.about_num li{
	float: left;
	width: 33.33%;
	font-size: 72px;
	font-weight: bold;
	text-align: center;
	font-family: "Impact";
}
.about_num li p{
	color: #333;
	font-size: 16px;
	font-family: "微软雅黑";
}
.ind_more{
	text-align: center;
	margin-top: 72px;
}
.ind_more a {
	display: inline-block;
	color: #333;
	font-size: 14px;
	padding: 10px 68px;
	border: 1px solid #333;
	position: relative;
	z-index: 2;
	-webkit-transtion: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.ind_more a span {
	color: #333;
	font-size: 14px;
	position: relative;
	z-index: 2;
	-webkit-transtion: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.ind_more a:hover, .ind_more a:hover span {
	color: #fff;
	border-color: #0a5248;
}
.ind_more a::after {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	background: #0a5248;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transtion: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.ind_more a:hover::after {
	width: 100%;
}


.ind_server{
	background: #f0f0f0;
}
.server{
	margin-top: 40px;
}
.server li{ 
	float: left;
	width: 229px;
	height: 464px;
	margin-right: 12px;
	border-bottom-right-radius: 46px;
	background: #0c554a;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transform: all .3s;
}
.server li:last-child{
	margin-right: 0;
}
.server li p{
	color: #fff;
	font-size: 24px;
	margin: 34px 60px;
}
.server li div{
	width: 229px;
	height: 357px;
	overflow: hidden;
}
.server li img{
	width: 100%;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transform: all .3s;
}
.server li:hover img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.server li:hover{
	background: #b99f63;
}



.public-index-25{
	margin-top: 40px;
}
.team_box .swiper-slide{
	margin-top: 40px;
	height: 540px;
}
.team{
	float: left;
	width: 270px;
	height: 460px;
	overflow: hidden;
	position: relative;
	-webkit-transtion: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    margin-right: 40px;
}
.pill-thumb img{
	width: 270px;
	height: 260px;
}
 .pi11-content {
    padding: 20px 15px;
    background-color: #f0f0f0;
}
.pi11h-tit {
    display: block;
    color: #333333;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    @include public_transition(0.6s);
}

.pi11h-subtit {
    display: block;
    color: #999999;
    font-size: 14px;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pi11-info {
    padding-top: 16px;
    margin-top: 16px;
    border-top: solid 1px #eaeaea;
}
.pi11-info span {
    display: block;
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    height: 78px;
    overflow: hidden;
}
.team::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #0a5248;
    -webkit-transtion: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.team:hover:after {
	width: 271px;
}
.team:hover{
	margin-top: -20px;
}
.swiper-pagination-bullet{
	width: 40px;
	height: 4px;
	background-color: #999;
	border-radius: 0;
}
.swiper-pagination-bullet-active{
	background: #0a5248;
}

.contact{
	background: url(../images/index_bg_2.jpg);
}
.contact .title{
	color: #333;
	text-align: center;
}
.contact .title h1{
	font-size: 48px;
	margin-top: 0;
}
.contact .title i{
	display: block;
	font-size: 36px;
	font-style: initial;
}
.contact .title span{
	display: inline-block;
	width: 49px;
	height: 4px;
	background: #f0f0f0;
	margin: 10px 0;
}
.contact .title p{
	font-size: 20px;
}
.contact ul{
	margin-top: 74px;
}
.contact ul li{
	float: left;
	width: 33.33%;
	color: #333;
	font-size: 18px;
	text-align: center;
}
.contact ul li img{
	margin-bottom: 32px;
}



footer{
	padding: 60px 0;
	background-color: #333;	
}
footer ul li{
	color: #adadad;
	font-size: 14px;
	margin-bottom: 14px;
}
footer .share{
	margin-top: 40px;
}
footer .share a{
	display: inline-block;
	width: 58px;
	height: 58px;
	margin: 0 11px;
}
footer .share .wechat{
	background: url(../images/index_icon_12.png);
	position: relative;
}
footer .share .wechat img{
	display: none;
	width: 118px;
	height: 118px;
	position: absolute;
	left: -35px;
    top: -120px;
    z-index: 1;
}
footer .share .qq{
	background: url(../images/index_icon_11.png);
}
footer .share .e-mail{
	background: url(../images/index_icon_10.png);
}
footer .share a:hover {
	background-position:  left bottom;
}
footer .share .wechat:hover img{
	display: block;
}
.copyright{
	display: none;
}



/*企业客户           开始*/
.banner img , .m_banner img{
	width: 100%;
}
.m_banner{
	display: none;
}



.banner{
	position: relative;
}
.column-nav {
	width: 1200px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -600px;
  line-height: normal;
  text-align: center;
  height:50px;
  background: #fff;
}
.column-nav li {
 float: left;
  width: calc(100% / 5);
   width: -webkit-calc(100% / 5);
  overflow: hidden;
  border-right: solid 1px #b99f63;
   border-top: solid 1px #b99f63;
   border-bottom: solid 1px #b99f63;
}
.column-nav li:last-child{
	border-right: none;
}
.column-nav li a {
  display: block;
  font-size: 18px;
  line-height:48px;
  color: #666666;
  white-space:nowrap;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.column-nav li.active a, .column-nav li a:hover {
  color: #FFF;
  background:#b99f63;
}
.m_nav{
	display: none;
}


.cont_txt{
	margin: 30px auto 60px;
	font-size: 16px;
	line-height: 32px;
}
.cont_txt img{
	width: 100%;
}
.m_img{
	display: none;
}
.crumbs{
	margin-top: 32px;
}
.crumbs a{
	color: #333;
	font-size: 14px;
}

.list_about{
	background: #f0f0f0;
}

.news-nav{
	width: 400px;
}
.news-nav li{
	width: 200px;
}
.public_index_197{
	margin-top: 30px;
}
.public_index_200 .site-details-1-tit{
	text-align: center;
}
.public_index_197 .productList{
	padding: 0;
}
.pi11-head{text-align: center;}
.pull-left{margin-left: 1%;}


@media only screen and (min-width: 751px) and (max-width: 1200px) {
	.w1200 , .column-nav{
		padding: 0 20px;
	}
	.column-nav li:last-child{
		border-right:solid 1px #b99f63 ;
	}
	.ind_server, .client{
		padding: 88px 20px;
	}
}