/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/*服务项目*/
    /*标题*/
        h3.bt-title {
            color: #F2AE11;
            font-size: 1.3em;
            margin-bottom: 2em;
            text-align: center;
            font-weight: 500;
            line-height: 1.1;
        }
        h3.bt-title span {
            display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/
            font-size: 1.6em;
            color: #212121;
			padding-top: 3px;
            position: relative;   /*定位横线（当横线的父元素）*/
        }
        h3.bt-title span:before, h3.bt-title span:after {
            content: '';                 /*CSS伪类用法*/
            position: absolute;         /*定位背景横线的位置*/
            top: 52%;        
            background: #0061b3;/*宽和高做出来的背景横线*/
            width: 17%;
            height: 2px;
        }
        h3.bt-title span:before{
            left: 25%;        /*调整背景横线的左右距离*/
        }
        h3.bt-title span:after {
            right: 25%;
        }
.in-service{
    padding-top:30px;
}
.server{
    width: 1100px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:60px;
}
.server-list{
    border: 1px solid #c5d8db;
	text-align:center;
	transition:background 1s;
	-moz-transition:background 1s; /* Firefox 4 */
	-webkit-transition:background 1s; /* Safari and Chrome */
	-o-transition:background 1s; /* Opera */
}
.server-list:hover{
    background:#162355;
}
.server-list:hover a h2{
    color:#fff
}
.server-list:hover a p{
    color:#fff
}
.server-list a{
    display:block;
}
.server-list a:hover{
    text-decoration:none;
}
.server-list img{
    display:block;
	margin:0 auto;
	margin-top:30px
}
.server-list h2{
	font-size: 20px;
	color: #373d41;
	font-weight: 700;
	}
.server-list p{
	font-size: 14px;
	color: #b6b6b6;
	width: 80%;
	margin: 0 auto;
	height: 60px;
	overflow: hidden;
	/*text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;*/
	margin-bottom: 10px;
}
/*.server-list p::after{
	content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 9%;
}*/
.col-md-4 {
    width: 31%;
    margin: 1.05%;
	padding-right:0px;
    padding-left: 0px;
}
/*服务项目结束*/



/*行业解决方案*/
    /*标题*/
        h3.pro-title {
            color: #F2AE11;
            font-size: 1.3em;
            margin-bottom: 2em;
            text-align: center;
            font-weight: 500;
            line-height: 1.1;
        }
        h3.pro-title span {
            display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/
            font-size: 1.6em;
            color: #fff;
			padding-top: 3px;
            position: relative;   /*定位横线（当横线的父元素）*/
        }
        h3.pro-title span:before, h3.pro-title span:after {
            content: '';                 /*CSS伪类用法*/
            position: absolute;         /*定位背景横线的位置*/
            top: 52%;        
            background: #fff;/*宽和高做出来的背景横线*/
            width: 17%;
            height: 2px;
        }
        h3.pro-title span:before{
            left: 25%;        /*调整背景横线的左右距离*/
        }
        h3.pro-title span:after {
            right: 25%;
        }
.programme{
    width:100%;
	margin:40px auto;
	padding: 50px 0px;
	background-image:url(../images/programme-bg.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.pro-bg{
    width:1100px;
	margin: 60px auto;
	background:rgba(0,0,0,0.6);
	padding: 30px 0px;
}
.pro-con{
   width: 95%;
   margin:0 auto;
}

.pro-list {
   background:#fff;
   text-align:center;
   transition: all 0.5s ease-in-out;
}
.pro-list img{
   transition: all 0.5s ease-in-out;
}
.pro-img{
   overflow:hidden
}
.pro-list:hover img{
   transform: scale(1.2);
    -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
}
   /*标签页*/
.nav-tabs {
    border-bottom: 1px solid #414141;
}
.nav-tabs li{
padding-top: 0px;
padding-bottom: 0px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border: 0px solid #fff;
    background-color:transparent;
	cursor: pointer;
	font-size: 16px;
    font-weight: 800;
	color: #fc5000;
}
#myTab li.active{
    border-bottom: 2px solid #fc5000;
}
.nav-tabs > li:hover, .nav-tabs > li:focus{
border-bottom: 0px solid #fff;
}
.nav-tabs > li > a:hover{
border-color: transparent;
color: #fff;
font-size: 16px;
font-weight: 800;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
background-color: transparent;

}
.nav-tabs > li > a{
font-size: 16px;
border: 0px solid transparent;
}

.pro-list a{
  color:#333
}
.pro-list a:hover{
  text-decoration:none;
  color:#fc5000
}
.pro-geng{
	 font-size: 16px;
	 float:right;
	 text-align:center;
	 	 padding: 7px 10px;
}
.pro-geng:hover{
	 font-size: 16px;
	 float:right;
	 text-decoration:none;
	 color:#fff;
	 padding: 7px 10px;
	 color:#fc5000
}
/*行业解决方案结束*/


/*项目案例*/
.csae {
    margin-top: 60px;
	}
.csae-list{
	padding-right: 0px;
	padding-left: 0px;
    width:260px;
	height: 200px;
    margin:3px;
	overflow:hidden
	
}
.csae-con{
   width: 1100px;
   margin: 60px auto;
}
.csae-list img{
   height:100%;
   width: 100%;
   position:relative
}
.csae-desc{
  width:100%;
  height:30px;
  background:rgba(0,0,0,0.6);
  position: absolute;
  bottom: 0;
  font-size:16px;
  line-height:30px;
  text-align:center;
  transition: all 0.5s ease-in-out;
}
.csae-list:hover a{
   color:#fff;
}

.csae-list:hover .csae-desc{
   height:100%;
   padding-top:30%
}
.csae-gengduo{
    height:200px;
	width:532px;
   	padding-right: 0px;
	padding-left: 0px;
	overflow:hidden;
	margin-top: 3px;

}
.csae-gengduo img{
    width:100%;
}
.csae-geng{
    background:rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
	width: 100%;
	height: 100%;
	padding-top: 16%;  
}
.csae-gengduo a{
   color:#fff;
   font-size:20px;
   vertical-align:middle;
   text-align:center;
 
}
.csae-gengduo:hover a{
   color:#fff;
}
.csae-geng2 {
    display: block;
	width: 200px;
	border: 1px solid #ff6c28;
	text-align: center;
	padding: 10px 0px;
	margin: 40px auto 0px;
	color: #ff6c28;
	font-size: 16px;
	display:none;
}
.csae-geng2:hover{
   color: #fff;
   background:#ff6c28;
   text-decoration:none;
  
}
/*广告*/
.ac{
   width:100%;
   margin:100px auto 30px;
   background-image:url(../images/gg-bg.jpg);
   background-size:100% ;
   	background-repeat: no-repeat;
	text-align:center;
	overflow:hidden;
	padding: 10px 0px;
}
.ac a{
   display:block;
   width:100%;
   height:100%;
}
.ac a:hover,.ac a:focus{
   text-decoration:none;
   color:#fff;
}
.ac p:nth-child(1) {
    font-size: 24px;
    margin: 0 0 3px;
    padding: 5px;
	}
.ac p:nth-child(2){
  font-size:1.5em;
  font-weight:800;
  color: #7c8cff;
}
.ac p:nth-child(3){
  font-size:1.1em;
}
.ac p:nth-child(4){
  font-size:1.3em;
  color: #ff6c00;  font-weight:800;
}

/*不断创新*/
.advantage{
   width: 1100px;
   margin:0 auto;
   text-align:center;
   margin-bottom:20px;
}
.advantage img{
   display:block;
   width: 80%;
   margin:0 auto;
}
.advantage p{
   color:#fd660c;
   font-size: 20px;
   font-weight:800;
}
.advantage .col-xs-3{
  padding-left: 0px;
  padding-right: 5px;
}
.advantage span {
    width: 90%;
    display: block;
	font-size:16px;
    margin: 0 auto;
	text-align:left
	}
	
	
/*关于我们*/
.about {
   width: 1100px;
   margin: 100px auto;
   position:relative;
   background-image:url(../images/about.png);
   padding: 20px 0px;
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.about-con {
z-index: 11;
text-align: center;
width: 90%;
color: #fff;
font-size: 1.3em;
margin: 0 auto;
}
h3.ab-title {
    color: #F2AE11;
    font-size: 1.3em;
	margin-top: 20px;
    margin-bottom: 2em;
    text-align: center;
    font-weight: 500;
    line-height: 1.1;
    top: 0;
    width: 100%;
}  /*标题*/
h3.team-title span::before, h3.team-title span::after{
    display:none;
}  
        h3.team-title {
            color: #F2AE11;
            font-size: 1.1em;
            margin-bottom: 2em;
			margin-top: 30px;
            text-align: center;
            font-weight: 500;
            line-height: 1.1;
        }
        h3.team-title span {
            display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/
            font-size: 1.3em;
            color: #212121;
			padding-top: 3px;
			color:#fff;
            position: relative;   /*定位横线（当横线的父元素）*/
        }
.team{
    width:600px;
	margin:0 auto;
}
.team .col-md-4{
   overflow:hidden;
   width:160px;
   height:200px;
   padding-right:0px;
   padding-left: 0px;
   margin: 10px 15px;
}
.team a{
   width:100%;
   height:100%;
   font-size:16px;
}
.team a:hover{
   color:#fff; 
}

.team img{
   position:relative;
}

.team a:hover .team-con{
   display:block
}
.team-con{
   position:absolute;
   top:0;
   background:rgba(0,0,0,0.6);
   width:100%;
   height:100%;
   padding:15px;
   display:none;
}

/*r荣誉资质*/
.rongyu{
   width:100%;
   background-image:url(../images/rong-bg.jpg);
   padding: 40px 0px 100px;
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

#owl-demo {
    margin-top: 80px;
	}
#owl-demo .item{
	width: 83%;
   border: 2px solid #ccc;
   margin: 0 auto;
   overflow: hidden;
}
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
	padding: 8px;
   overflow: hidden;
}
.owl-pagination{
dispaly:none;
}
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: block;position: relative;width: 1070px;margin: 0 auto;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{    padding-top: 10px;overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png.html) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.owl-theme .owl-controls{float: right;position: relative;width: 100%;position: absolute;
width: 100%;
top: 45%;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{padding: 2px 5px;color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 0px 0px 0px 1px;font-size: 2.4em;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 0px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 1;border: 1px solid #ccc;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{background: #0b6dff;
border: 1px solid #0b6dff;filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display:none;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-buttons {
    width: 100%;

}
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif.html) no-repeat center center}

.owl-theme .owl-controls .owl-buttons div.owl-prev{
	float:left;margin-left: -20px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
	float:right;margin-right: -20px;
}


/*新闻资讯*/
.news{
   width:100%;
   margin: 80px auto 0px;
   padding-bottom:60px;
   background:url(../images/newsletter-bg.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
}
.news-con{
   width: 1100px;
   margin: 60px auto;
   padding-top: 30px;
}
.news-conl{
   width:48%;
   float:left
}
.news-top {
    border-bottom: 2px solid green;
}
.news-top p{
   font-size:20px;
   font-weight:800;
   color:green;
   margin: 0 0 2px;
}
.news-top a{
   font-size:14px;
   font-weight:300;
   text-align:right;
   color:#333;
   float: right;
   
}
.news-mess{
   width:100%;
   float:left;
   padding:5px 0px;
}
.news-img{
   width:42%;
   margin-top:5px;
   overflow:hidden;
   border:1px solid #ccc;
   float:left;
}
.news-mess a{
   display:block;
   color:#333
}
.news-img img {
   width:100%;
   padding:5px;
}
.news-desc{
   width:57%;
   float:right; 
   position: relative;
}
.news-desc h4{
    width:93%;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    font-size:16px;
	font-weight: 800;
}
.news-mess li{
    clear:both
}
.news-mess li:hover .news-desc h4{
    color:green
}

.news-desc span{
    color:#8a8a8a;
    font-size:13px;
}
.news-desc p{
    width:93%;
	height:53px;
    color:#8a8a8a;
    overflow : hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
}
.news-desc p::after{   content: "...";
             position: absolute; 
             bottom: 0; 
             right: 0; 
             padding-right:10px;}

.news-list h4{
    width:70%;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    font-size:16px;
	float:left;
	margin-bottom:0px;
}
.news-list .n-time{
	float:right;
	width:30%;
	text-align:right;
	margin-top: 10px;
    margin-bottom: 0px;
	color:#8a8a8a;
    font-size:13px;
}
.news-mess li:hover .news-list h4{
    color:green
}
  /*右*/
.news-conr{
    width:48%;
    float:right;
}
 .news-conr .news-top p{
   color:#1b76ff;
}
 .news-conr .news-top {
    border-bottom: 2px solid #1b76ff;
}
 .news-conr .news-mess li:hover .news-desc h4 {
    color: #1b76ff;
}
 .news-conr .news-mess li:hover .news-list h4 {
    color: #1b76ff;
}

/*服务*/
.se-serve{
   margin-bottom:100px;
   margin-top:50px;
}



/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;bottom: 0px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px; width:180px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


/*悬浮联系我们*/
.xuanfu{ position:absolute; right:0; top:150px;}
.xuanfu .slide_min{ width:100px; height:100px; cursor:pointer;margin-top: 170px;}
.xuanfu .slide_box{ width: 170px; height:auto; overflow:hidden; font-size:12px;  line-height:130%; color:#666;margin-top: 80px; }
.xuanfu .slide_box .weixin{ margin-bottom:5px;}
.xuanfu .slide_box img{ cursor:pointer;}
.xuanfu .slide_box .tel-zx{    font-weight: 600;text-align:center; padding:10px 0px;margin-bottom:0px;background:url(../images/fin-lx-2.gif);font-size:16px;color:#333;text-align:center;}
.xuanfu .slide_box .tel-num{

   margin-bottom:10px;
   width:80%;
   margin:0 auto;
   padding: 7px 0px;
    font-size: 16px;
    line-height: 20px;
}
.tel{
   background:#fff;
   padding:5px 0px 10px;
   border-left:1px solid #cfcbcb;
   border-right:1px solid #cfcbcb;
   border-bottom:1px solid #cfcbcb;
}

.wrap {
  bottom: 100px;
  position: absolute;
  width: 100px;
}

.ball,
.shadow {
  border-radius: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.ball {
  -webkit-animation: ball 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
  animation: ball 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
  
}

.blue .ball  img{ margin:0 auto;display: block;}

.shadow {
  -webkit-animation: shadow 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
  animation: shadow 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
  background: #000;
  bottom: -90px;
  height: 25px;
  width: 60px;
}


.blue .ball ,
.blue .shadow  { -webkit-animation-delay: 0; animation-delay: 0; }

@-webkit-keyframes ball {
  0% {
    -webkit-transform: translateY( 0 );
    transform: translateY( 0 );
  }
  100% {
    -webkit-transform: translateY( -150px );
    transform: translateY( -150px );
  }
}

@keyframes ball {
  0% {
    -webkit-transform: translateY( 0 );
    transform: translateY( 0 );
  }
  100% {
    -webkit-transform: translateY( -50px );
    transform: translateY( -50px );
  }
}

@-webkit-keyframes shadow {
  0% {
    opacity: 0.2;
    -webkit-transform: scale( 0.75 );
    transform: scale( 0.75 );
  }
  100% {
    opacity: 0.05;
    -webkit-transform: scale( 1 );
    transform: scale( 1 );
  }
}

@keyframes shadow {
  0% {
    opacity: 0.2;
    -webkit-transform: scale( 0.75 );
    transform: scale( 0.75 );
  }
  100% {
    opacity: 0.05;
    -webkit-transform: scale( 1 );
    transform: scale( 1 );
  }
}