/*header*/
html{overflow:visible;} 
ul,li{
    list-style:none
}
.header{
    background:#26292e;
    height:45px;
    border-bottom:1px solid #84868c;
}
.phone{
    color:#d7d7d7;
    line-height:44px;
    font-size:16px;
    margin-left:30px;
}
.active {
    border-bottom:3px solid #54bcfb;
}
.active a{
    background:none;
    color:#54bcfb;
}
.banner{
    background:url(../BL03/images/banner_bg.png) left top repeat;
    padding:320px 0 260px 0;
    position:relative;
} 
figure img{
    display:block;
    margin:0 auto;
}
.slick-slide h1{
    font-size:43px;
    color:#fff;
    text-align:center;
    margin-top:88px;
}
.bulid-list {
    padding:5px 5px;
    text-align:center;
}
.bulid-list .Portfolio-mask{
    padding:20px!important;

}
.sp-slide h1{
    width:auto!important;
    color:#c9c9c9;
    font-weight:bold;
    top:80%!important;
}
.sp-layer{
    color:#fff;
    font-weight:bold;
   font-size:18px;
}
.sp-buttons{
    bottom:35px;
}
/* Portfolio
---------------------------------*/
.Portfolio-nav{
	padding:0;
	margin-top:15px;
	list-style:none;
	text-align:center;
    margin-bottom:0
}
.Portfolio-nav li{
	display:inline-block;
	padding:10px 22px;
	font-size:12px;
	line-height:20px;
	color:#666;
	border-radius:4px;
	text-transform:uppercase;
	font-family: 'Microsoft YaHei', sans-serif;
    border:1px solid #d7d7d7;
	/*margin-bottom:5px;*/
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
    cursor:pointer;
}
.Portfolio-nav li:hover{
	background:#54bcfb;
	color:#fff;
	text-decoration:none;
    border:1px solid #54bcfb
}
.current{
    display:block;
	background:#54bcfb;
	color:#fff!important;
	text-decoration:none;
    border:1px solid #54bcfb!important
}
.current a{
    color:#fff;
}
.sore_focus{
    background:#54bcfb;
    color:#fff;padding:10px 22px;
}
.Portfolio-products{
	padding:0;
	margin-top:15px;
	list-style:none;
	text-align:center;
    margin-bottom:0
}
.Portfolio-products  li{
    display:inline-block;
	font-size:12px;
	line-height:20px;
	color:#666;
	text-transform:uppercase;
	font-family: 'Microsoft YaHei', sans-serif;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
    cursor:pointer;
}
.Portfolio-products  li a{
    display:block;
    border-radius:4px;
    border:1px solid #d7d7d7;
        padding: 10px 22px;
}

.portfolioContainer{
	margin:0 auto;
}
.Portfolio-box{
	text-align:center;
	width:33.3333%;
	overflow:hidden;
	float:left;
	padding:0px;
    transition: all .3s ease-in-out 0s;
    cursor:pointer;
}
.Portfolio-box:hover .Portfolio-mask{
   opacity:0.8;
    animation: fade-in;/*动画名称*/  
    animation-duration: 0.5s;/*动画持续时间*/  
    -webkit-animation:fade 0.5s;/*针对webkit内核*/  
}
.prosheji{
    padding:5px!important;
}

.Portfolio-mask{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    background:#54bcfb;
    height:100%;
    width:100%;
    transition:all 0.9s;
}
.Portfolio-box>p{
    text-align: center;
font-size: 16px;
font-weight: bold;
color: #666;
line-height:40px;
}
.Portfolio-box{
    position:relative;
}
.Portfolio-box img{
    width:100%;
}
  .img-box{
    position:relative;
    overflow:hidden;
}

.Portfolio-box:hover  img{
   transform: scale(1.1);
    transition: all 0.6s ease 0s;
    -webkit-transform: scale(1.1);
}

img {
   max-width:100%;
}
.wechatewm{
    margin-top:15px;
    display:none;
}
.wechatewm img{
    width:120px;
    height:120px;
}
/* no transition on .isotope container */

.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
.portfolioContainer {
    margin-top:15px;
}
.portfolioContainer .Portfolio-mask {
    padding:95px 125px 90px 125px
}
.Portfolio-mask h3{
    font-size:16px;
    font-weight:bold;
    color:#fff;  
    margin-bottom:30px;
}
.Portfolio-mask p{
    color:#fff;
}
.Portfolio-mask a{
    border:1px solid #fff;
    color:#fff;
    border-radius:5px;
    text-align:center;
    display:inline-block;
    margin:0 auto;
    height:35px;
    line-height:35px;
    width:120px;
    bottom: 80px;
    left: 50%;
}
.man-services{
    margin-top:15px;
}
.man-box{
    position:relative;
    width:100%;
}

.man-box>p{
    text-align: center;
font-size: 16px;
font-weight: bold;
color: #666;
line-height:40px;
}
.man-box img{
    width:100%
}
.man-box:hover .Portfolio-mask{
       opacity:0.9;
    animation: fade-in;/*动画名称*/  
    animation-duration: 0.5s;/*动画持续时间*/  
    -webkit-animation:fade 0.5s;/*针对webkit内核*/  
}
.man-box .Portfolio-mask{
    padding:85px 40px;
}
.man-box .Portfolio-mask h3{
    text-align:center;
}
.man-box .Portfolio-mask p{
    text-align:center;
}
.man-box .Portfolio-mask a{
    margin:0 auto;
    display:block;
}
.man-services h4{
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#666
}
.about-box{
    margin-top:50px
}
.about-box ul li .friend-linktt{
    font-size:16px;
    color:#666;
    margin-top:5px;
    text-align:center
}
.about-box img{
    width:100%;
}
.about-box .pic-box{
    width:45%;
    float:left;
}
.about-box .text-box{
    float:right;
    width:calc(55% - 80px);
    font-size:16px;
    color:#666;
    line-height:36px;
}
.about-box .text-box ul li{
    font-size:16px;
    line-height:24px;
    margin-bottom:15px;
}
.about-box .text-box ul li h4{
    font-weight:bold;
}
.about-box .text-box ul li a{
    color:#666;
    transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.about-box .text-box ul li a:hover{
    color:#54bcfb;
}
.list1{
    margin-top:15px; 
}
.list1 .Portfolio-box{
    /*width:31.33333%;
    margin: 1%*/
    width:25%
}
.list1 .Portfolio-box .Portfolio-mask {
    padding:25px 35px
}
.list1 .Portfolio-box .Portfolio-mask  h3{
    margin-bottom:10px;
}
.list1 {
    padding-bottom:30px
}
/*team*/
.team-leader-block{
	max-width:993px;
	margin:0 auto;
}
.team-leader-box{
	width:30.66%;
	margin-right: 3.82979%;
	height: 490px;
	overflow: hidden;
	text-align: center;
	float: left;
}
.team-leader-box span{
	display:block;
}
.team-leader-box:nth-of-type(3n+0){ margin:0;}
.team-leader{
	width:auto;
	height:auto;
	position:relative;
	border-radius:50%;
	box-shadow:0px 0px 0px 7px rgba(241,241,241,0.80);
	margin:7px 7px 25px 7px;
	
}
.team-leader-box h3{
    color:#666
}
.team-leader-box h3 a{
    color:#666
}
.team-leader-shadow{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius:50%;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	border-radius:50%;
}
.team-leader-shadow a{
	display:block;
	width:100%;
	height:100%;
}
.team-leader:hover .team-leader-shadow{
	box-shadow:inset  0px 0px 0px 148px rgba(17,17,17,0.80);
}
.team-leader:hover ul{ display:block; opacity:1}
.team-leader img{
	display:block;
	width: 293px;
	height: 293px;
	border-radius:50%;
}
.team-leader ul{
	display:block;
	opacity:0;
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	text-align:center;
	margin-top:-14px;
	z-index:15;
	transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-webkit-transition:all 0.6s ease-in-out;
}
.team-leader ul li{
	display:inline;
	margin:0 11px;
}
.team-leader ul li a{
	font-family: 'FontAwesome';
	display:inline-block;
	font-size:28px;
	color:#fff;	
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.team-leader ul li a:hover, .team-leader ul li a:focus{
	text-decoration:none;
}
.team-leader ul li a.fa-weibo:hover{
	color:#f1af23;
}
.team-leader ul li a.fa-weixin:hover{
	color:#62c628;
}
.team-leader ul li a.fa-qq:hover{
	color:#5294d0;
}
/*friend-lick*/
.friend-link ul {
    padding-left:0px;
     padding-bottom:160px;
}
.friend-link ul li{
    margin-bottom:15px;
   
}
/*contact-bpx*/
.contact-box{
    margin-top:50px;
    padding-bottom:120px;
}
.contact-box ul{
    padding-left:0
}
.contact-box ul li {
    font-size:16px;
    line-height:26px;
    margin-bottom:45px
}
.contact-box ul li img{
  margin-right:15px;
}
.contact-box .icon-box{
    margin-top:10px;
    position:relative;
    top:0;
}

.icon-box a{
    margin-right:20px;
}
.ewm img{
   margin-top:120px;
   width:120px;
   height:120px;
   margin-right:60px;

}
/*footer*/
footer{
    border-top:3px solid #54bcfb;
    background:#22252a;
    padding:40px 0
}
footer{
    color:#999;
    font-size:14px;
    text-align:center;
}
footer img{
    width:135px;
    display:block;
    margin:0 auto;
}
footer p{
    margin-top:10px;
}

/*公用样式*/
.bgf7{
    background:#f7f7f7
}
.main-secuion h2{
    text-align:center;
    font-weight:bold;
    font-size:32px;
    color:#3e3e30;
    margin-bottom:15px;
    padding-top:80px;
    margin-top:0
}
.main-secuion h6{
    text-align:center;
    color:#fff;
    font-weight:normal;
    background:#c3c3c3;
    height:30px;
    margin-bottom:0;
    line-height:30px;
    font-size:24px;
}
.portfolioContainer{
	width:100%;
}
.cl{
    clear:both;
}
.Learn-More{
    margin-top:40px;
    width:120px;
    height:40px;
    display:block;
    line-height:40px;
    text-align:center;
    border-radius:4px;
    border:1px solid #e4e4e4;
    color:#666;
    float:right;
    transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
    margin-bottom:40px;
}
.Learn-More:hover{
    background:#54bcfb;
    color:#fff;
}
/* Animation Timers
---------------------------------*/
.delay-02s { 
	animation-delay: 0.2s; 
	-webkit-animation-delay: 0.2s; 
}
.delay-03s { 
	animation-delay: 0.3s; 
	-webkit-animation-delay: 0.3s; 
}
.delay-04s { 
	animation-delay: 0.4s; 
	-webkit-animation-delay: 0.4s; 
}

.delay-05s { 
	animation-delay: 0.5s; 
	-webkit-animation-delay: 0.5s; 
}
.delay-06s { 
	animation-delay: 0.6s; 
	-webkit-animation-delay: 0.6s;position: relative;
}

.delay-07s { 
	animation-delay: 0.7s; 
	-webkit-animation-delay: 0.7s; 
}
.delay-08s { 
	animation-delay: 0.8s; 
	-webkit-animation-delay: 0.8s; 
}

.delay-09s { 
	animation-delay: 0.9s; 
	-webkit-animation-delay: 0.9s; 
}
.delay-1s { 
	animation-delay: 1s; 
	-webkit-animation-delay: 1s; 
}
.delay-12s { 
	animation-delay: 1.2s; 
	-webkit-animation-delay: 1.2s; 
}
.details {
    padding-bottom:30px;
}
.details img{
   max-width:100%;
   margin:10px auto;
   display:block;
}
.details h2{
    font-size:30px;
    color:#333;
    font-weight:normal;
    text-align:left;
    padding-top:80px;
}
.details h3{
    font-size:18px;
    color:#666;
    font-weight:normal;
}
.team-box{
    padding-top:50px;
    padding-bottom:30px;
}
.general_list{
    padding-top:50px;
    padding-bottom:30px;
}
.general_list ul li{
    margin-bottom:15px;
}
.general_list .general-pic img{
    width:100%;
}
.general_list .general-text h5 {
    margin-top:0;
     font-size:16px;
    color:#333;
    font-weight:bold;
}
.general_list .general-text h5 a{
    font-size:16px;
    color:#333;
    font-weight:bold;
}
.general_list .general-text p{
    margin-bottom:5px;
}
.general_list .general-text p a{
    font-size:12px;
    color:#747474
}
.general_list .general-text .General-more{
    font-size:12px;
    color:#54bcfb;
}
.list-ty ul li p{
    max-height:49px;
    overflow:hidden;
}
.news_link{
    margin-top:15px;
}
.sj_show{display:none;}
@media only screen and (max-width: 1199px) {
	.displayNone{ display:none;}
	.col-sm-6{width: 100%;}
	.col-sm-8{width: 100%;}
    .phone{
        display:none;
    }
	}
@media only screen and (min-width: 767px) {
	.featured-box-col1{margin-right:10px; overflow:hidden;
	float:left;}
	.featured-box-col2{ overflow:hidden; padding-top:0px;}
	}



@keyframes fade-in {  
    0% {opacity: 0;}
    20% {opacity: 0.2;}
    40% {opacity: 0.4;}
    60% {opacity: 0.6;}
    80% {opacity: 0.8;}
    100% {opacity: 1;}
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}
    20% {opacity: 0.2;}
    40% {opacity: 0.4;}
    60% {opacity: 0.6;}
    80% {opacity: 0.8;}
    100% {opacity: 1;} 
}  
@media screen and (max-width: 1400px){
    .portfolioContainer .Portfolio-mask{
        padding:50px 25px 0 25px
    }
}
@media screen and (max-width: 1200px){
    .bulid-list .Portfolio-mask p{
            line-height:20px;
        height:40px;
        overflow:hidden;
    }
    
      .portfolioContainer .Portfolio-mask p{
          display:block;
          height:40px;
          line-height:20px;
          overflow:hidden;
      }
    .list1 .Portfolio-box .Portfolio-mask h3{
        margin-bottom:15px
    }
   
     .list1 .Portfolio-box .Portfolio-mask p{
        line-height:20px;
        height:40px;
        overflow:hidden;
     }
     .portfolioContainer .Portfolio-mask{
         padding:50px
     }
}

/*1024以下*/
@media screen and (max-width: 1024px){
    .man-box .Portfolio-mask {
    padding: 50px 40px;
    }

    .banner {
    padding:90px 0
    }
    .about-box .text-box {
    float: right;
    width: calc(55% - 50px);
    line-height:24px;
    }
}



/*768以下*/
@media screen and (max-width: 768px) {
      .sp-arrow{
        display:none;
    }
    .slider-pro h1.sp-layer{
        font-size:18px;
    }
    /*.Portfolio-mask {
        display:none;
    }*/
    .details {
        padding-top:40px
    }
         .portfolioContainer .Portfolio-mask{
        padding:50px 40px;
    }
      .list1 .Portfolio-box .Portfolio-mask{
        padding:50px 40px;
    }
      .Portfolio-box{
          width:100%
      }
   .banner {
    padding:50px 0
    }
   .banner img{
      width:50%
   }
   .slick-slide h1{
       font-size:24px;
   }
   .main-secuion h2{
       padding-top:80px;
   }

    .about-box .text-box {
    float: right;
    width: calc(55% - 30px);
    line-height:24px;
    }
    .team-leader-box {
    width: 40.66%;
    margin-right: 3.82979%;
    height: 400px;
    overflow: hidden;
    text-align: center;
    float: none;
    margin:0 auto;
    }
    .team-leader-box:nth-of-type(3n+0){
        margin:0 auto;
    }
    .team-leader-box p{
        display:none
    }
    .friend-link ul {
     padding-bottom:80px;
    }
    .Learn-More{
        float:none;
        margin:30px auto;
    }
    .ewm{
        float:none;
        width:100%
    }
    .ewm img{
        margin:0 auto;
    }
    .erm-box{
        float:none!important;
        text-align:center;
    }
    .list1 .Portfolio-box{
        width:100%
    }
    .sj_show{display:inline-block;}
    .pc_show{display:none;}
}
/*414以下*/
@media screen and (max-width: 420px)
{
    .wechatewm
    {
        width: 100%;

    }
.wechatewm img{
display:block;
margin:0 auto;
}
    .details h2{
        padding-top:30px
    }
    .pd0-420{
        padding-left:0;
        padding-right:0
    }
    .navbar-collapse{
    position:absolute;
    top:42px;
    z-index:99999;
    width:100%;
    background:#333
}
    .slick-slide h1{
        margin-top:30px;
        font-size:18px
    }
    .main-secuion h2{
        padding-top:15px;
        font-size:18px;
        margin-bottom:10px
    }
    .main-secuion h6{
        font-size:18px;
    }
    .Portfolio-nav{
        margin-top:15px
    }
    .portfolioContainer {
        margin-top:15px;
    }
    .Portfolio-box{
        width:100%
    }
    .Learn-More{
        width:120px;
        height:35px;
        line-height:35px;
        margin:15px auto;
    }
    .pic-box{
        width:100%!important;
    }
    .text-box{
        width:100%!important;
        margin-top:10px;
    }
    .ewm img{
        margin-top:0;
        margin-right:0;
    }
    .contact-box{
        padding-bottom:15px
    }
    .team-leader-box{
        width:75%
    }
    .about-box{
        margin-top:15px;
    }
    .team-leader-box h3{
        font-size:18px;
    }
    .text-box ul{
        padding-left:0
    }
    .about-box .text-box {
        font-size:14px
    }
    .text-box ul li h4{
        font-size:16px;
    }
    .about-box .text-box  ul li p{
        font-size:14px
    }
    .friend-link ul{
        padding-bottom:20px;
    }
}
@media screen and (max-width: 380px){
    .team-leader-box{
        width:80%
    }
}
/*320以下*/
@media screen and (max-width: 320px){
    .banner img{
        width:50%
    }
    .team-leader-box {
    width: 100%;
}
}
@media screen and (min-width: 1024px) {
    .sp-buttons{
    bottom:45px;
}
  .sp-slide h1{
        top:86%!important;
    }
}
    header{
        position:fixed;
        top:0;
        left:0;
        z-index:999999999;
        width:100%
    }



 .general_list ul{
     padding-left:0
 }
 .flexslider ul{
     padding-left:0;
 }
 .bannerindex ul li img{
     width:100%;
 }
 .slides li{
     position:absolute
 }
  .slides li p{
      position:absolute;
      bottom:50px;
      color:#fff;
      text-align:center;
      width:100%;
      font-size:24px;
      font-weight:bold;
  }