/*@王旭鑫*/
/*@email:1419350157@qq.com*/
/*@竹鹿科技*/

/* 引入字体 */
@import url('http://at.alicdn.com/t/font_1029303_jszxlz3rrre.css');

/*公共样式*/
html,body{font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;-ms-overflow-style: scrollbar;background:#fff;position: relative;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td,a{margin:0;padding:0;font-weight:normal;list-style-type:none;box-sizing:border-box;-webkit-box-sizing:border-box;}
body {padding-right:0!important;}
a,a:hover,a:focus,a:visited{text-decoration: none;outline:none !important;outline:0;}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav-justified>li>a {margin-bottom:0;}

a{-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;}

*{box-sizing: border-box;-webkit-tap-highlight-color:transparent;}

body{overflow-x: hidden;}

/*滚动条样式*/
html::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #23297a;
}
html::-webkit-scrollbar-thumb {
  border-radius: 0;
  width: 17px;
  height: 17px;
  background-color: #e81317;
}
html::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: #23297a;
}
::selection {
  background: #e81317;
  color: #fff;
}

img{width: 100%;}

/* 公共样式 */
/* .w130{width: 1300px;margin: auto;} */
.w{width: 80%;max-width:1200px;margin: auto;}
.overflow{overflow: hidden;}
.over-text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line-height{line-height: 0;}
.text-lineOver{/* autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */display: -webkit-box;-webkit-line-clamp: 3;overflow: hidden;}
.text-lineOver2{/* autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;}
.time{transition: .6s ease-in-out;-webkit-transition:.6s ease-in-out;}
.time1{transition: 1.2s ease-in-out;-webkit-transition:1.2s ease-in-out;}

.from-bottom{top: 180px;position: relative;opacity: 0;}
.from-active-bottom{top:0px;transition: 1s ease-out!important;-webkit-transition:1s ease-out!important;opacity: 1;}
.from-left{left: 300px;position: relative;opacity: 0;}
.from-active-left{left:0;transition:1.2s ease-out;-webkit-transition:1.2s ease-out; opacity: 1;}

.clear:after{
  content: '';
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

/* loading样式 */
#loading{
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  margin-top: 0px;
  top: 0px;
}
#loading-center{
  width: 100%;
  height: 100%;
  position: relative;
  }
#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 150px;
  margin-top: -75px;
  margin-left: -75px;	
  -ms-transform: rotate(45deg); 
     -webkit-transform: rotate(45deg);
    transform: rotate(45deg); 
}
.object{
  width: 20px;
  height: 20px;
  background-color:#e81317;
  position: absolute;
  left: 65px;
  top: 65px;
  }
.object:nth-child(2n+0) {
  margin-right: 0px;
}
#object_one {
  -webkit-animation: object_one 2s infinite;
  animation: object_one 2s infinite;
  -webkit-animation-delay: 0.2s; 
    animation-delay: 0.2s; 
  }
#object_two {
  -webkit-animation: object_two 2s infinite;
  animation: object_two 2s infinite;
  -webkit-animation-delay: 0.3s; 
    animation-delay: 0.3s; 
  }
#object_three {
  -webkit-animation: object_three 2s infinite;
  animation: object_three 2s infinite;
  -webkit-animation-delay: 0.4s; 
    animation-delay: 0.4s; 
  }
#object_four {
  -webkit-animation: object_four 2s infinite;
  animation: object_four 2s infinite;
  -webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s; 
}
#object_five {
  -webkit-animation: object_five 2s infinite;
  animation: object_five 2s infinite;
  -webkit-animation-delay: 0.6s; 
    animation-delay: 0.6s; 
}
#object_six {
  -webkit-animation: object_six 2s infinite;
  animation: object_six 2s infinite;
  -webkit-animation-delay: 0.7s; 
    animation-delay: 0.7s; 
}
#object_seven {
  -webkit-animation: object_seven 2s infinite;
  animation: object_seven 2s infinite;
  -webkit-animation-delay: 0.8s; 
    animation-delay: 0.8s; 
}
#object_eight {
  -webkit-animation: object_eight 2s infinite;
  animation: object_eight 2s infinite;
   -webkit-animation-delay: 0.9s; 
    animation-delay: 0.9s; 
}
#object_big{
  position: absolute;
  width: 50px;
  height: 50px;
  left: 50px;
  top: 50px;
  -webkit-animation: object_big 2s infinite;
  animation: object_big 2s infinite;
  -webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s; 
}	
@-webkit-keyframes object_big {
 50% { -webkit-transform: scale(0.5); }
}
@keyframes object_big {
 50% { 
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  } 
}
@-webkit-keyframes object_one {
 50% { -webkit-transform: translate(-65px,-65px)  ; }
}
@keyframes object_one {
 50% { 
    transform: translate(-65px,-65px) ;
    -webkit-transform: translate(-65px,-65px) ;
  } 
}
@-webkit-keyframes object_two {
  50% { -webkit-transform: translate(0,-65px) ; }
}
@keyframes object_two {
 50% { 
    transform: translate(0,-65px) ; 
    -webkit-transform: translate(0,-65px) ; 
  } 
}
@-webkit-keyframes object_three {
 50% { -webkit-transform: translate(65px,-65px) ; }
}
@keyframes object_three {
 50% { 
    transform: translate(65px,-65px) ;
    -webkit-transform: translate(65px,-65px) ;
  } 
}
@-webkit-keyframes object_four {
  
  50% { -webkit-transform: translate(65px,0) ; }

}
@keyframes object_four {
  50% { 
    transform: translate(65px,0) ;
    -webkit-transform: translate(65px,0) ;
  } 
}
@-webkit-keyframes object_five {

  50% { -webkit-transform: translate(65px,65px) ; }
}
@keyframes object_five {
  50% { 
    transform: translate(65px,65px) ;
    -webkit-transform: translate(65px,65px) ;
  } 
}

@-webkit-keyframes object_six {
  50% { -webkit-transform: translate(0,65px) ; }
}

@keyframes object_six {
  50% { 
    transform:  translate(0,65px) ;
    -webkit-transform:  translate(0,65px) ;
  } 
}
@-webkit-keyframes object_seven {
  50% { -webkit-transform: translate(-65px,65px) ; }
}
@keyframes object_seven {
  50% { 
    transform: translate(-65px,65px) ;
    -webkit-transform: translate(-65px,65px) ;
  } 
}
@-webkit-keyframes object_eight {
  50% { -webkit-transform: translate(-65px,0) }; 
}
@keyframes object_eight {
  50% { 
    transform: translate(-65px,0) ;
    -webkit-transform: translate(-65px,0) ;
  } 
}

#header .header-mobiel{display: none;}


/* 媒体查询 */
@media screen and (max-width: 1770px) {
  /* 新闻详情 */
  .content .details{max-width: 1300px;width: 70%;}
  .content .pages-left a{padding: 12px 30px;}
}

@media screen and (max-width: 1440px){
  .index-information .news .item{height: 450px;}
}

@media screen and (max-width: 1400px) {
  html,body{font-size: 14px;}
  /* 首页 */
  .index-partner .nav li{width: calc(100%/3)}
}

@media screen and (max-width: 1300px) {
  .w{width: 85%}
  /* pc导航 */
  #header .header-pc{padding: 0 15px; width: 95%;}
  #header .header-pc .nav .nav-item{margin: 0 5px;}
  /* 联系我们 */
  .contact-box .w .content .left .btn a{width: 100%;text-align: center;}
  .contact-box .w .content .left{padding: 1.4rem;}
}

@media screen and (max-width: 1024px) {
  /*滚动条样式*/
  html::-webkit-scrollbar {
    width: 0px;
    height: 7px;
    background-color: #23297a;
  }
  /* 导航 */
  #header .nav-active:before{background-color: unset;}
  #header .header-pc{display: none;}
  #header .header-mobiel{display: block;}
  /* 公用标题 */
  .index-about .w .left .title h1:before{display: none;}
  .index-business .title h1:before{display: none;}
  .index-case .title h1:before{display: none;}
  .index-information .title h1:before{display: none;}
  .index-partner .title h1:before{display: none;}
  #footer .top .title h1:before{display: none;}
  .about-introduce .w .left .title h1:before{display: none;}
  .about-culture .w .title h1:before{display: none;}
  /* banner文字 */
  .banner-box .w .b-title{top: 35%;bottom: auto}
  .banner-box .w .nav{padding: 0 15px;left: 0;bottom: 2.4rem;}
  .banner-box .w .nav li{width: calc(100%/3);margin-bottom: 2rem;}
  .banner-box .w .nav li i{font-size: 1rem;}
  /* 首页 */
  .index-business .nav{text-align: center;}
  .index-business .nav li{width: calc(100%/3);margin-bottom: 2rem;}
  .index-business .nav li:nth-child(4),.index-business .nav li:nth-child(5){float: unset;display: inline-block;}
  .index-case .box .content .item .imgs .img-item a{overflow: hidden;}
  .index-case .box .content .item .imgs .img-item{width: calc(calc(100% - 2%)/2);padding: 0 0 30px 0;margin-right: 2%}
  .index-case{overflow: hidden;}
  .index-case .box .content .item .imgs .img-item:nth-child(3n){margin-right: 2%;}
  .index-case .box .content .item .imgs .img-item:nth-child(2n){margin-right: 0;}
  .index-partner .nav li a{overflow: hidden;}
  .index-partner .nav li a img{height: 30px;}
  /* 关于好德 */

  /* 好德业绩 */
  .banner-box .w .p-nav{display: none;}
  .banner-box .w .m-nav{display: block;}
  .performance-box .news .item{width: calc(100% / 2)}
  .performance-box .news .item:last-child{display: none;}
  .performance-box .form-box .f-title{display: none;}
  .performance-box .form-box .f-item{height: auto;padding: 15px 0;}
  .performance-box .form-box .f-item a::before{height: calc(100% + 40px);}
  .performance-box .form-box .f-item li:first-child{width: 100%;}
  .performance-box .form-box .f-item li:first-child{padding-left: 0;line-height: 2rem;padding: 0 15px;}
  .performance-box .form-box .f-item li{width: 100%;line-height: 2rem;padding-left: 0;padding: 0 15px;color: #333;}
  .performance-box .form-box .f-item li i{display: none;}
  .performance-box .form-box .f-item li .f-t{width:100%;font-weight: 600;color: #333;}
  .performance-box .form-box .f-item li:nth-child(2)::before{content: '委托单位：';color: #999;}
  .performance-box .form-box .f-item li:nth-child(3)::before{content: '工程类别：';color: #999;}
  .performance-box .form-box .f-item li:nth-child(4)::before{content: '招标完成情况：';color: #999;}

  /* 新闻详情 */
  .news-show-b .b-title{padding: 20% 0;}
  .content .pages-left{width: 100%;float: unset;max-width: unset;overflow: hidden;padding: 20px;text-align: center;}
  .content .pages-left a{display: inline-block;margin-bottom: 0;}
  .content .pages-left .prve{margin-right: 15px;}
  .content .pages-left .next{margin-left: 15px;}
  .content .details{width: 100%;padding-top: 20px;padding-bottom: 20px;}
  /* 好德公益 */
  .benefit-box .benefit-item .news .item{width: calc(100% / 2)}
  /* 表单 */
  .cooperation-box{background-color: #fff;}
  .cooperation-box .w{width: 100%;}
  /* 联系我们 */
  .contact-box .w .content .left{width: 100%;float: unset;padding: 2rem;}
  .map-box .w{width: 100%;padding: 0 15px;}
  .map-box .w .top .box .split{margin: 0 1.5rem;}
  .map-box .w .top .box .address-box .select-box{margin-right: 1.5rem;}
}

@media screen and (max-width: 768px) {
  .w{width: 100%;padding: 0 15px!important;}
  /* 首页 */
  .index-case .box .nav{float: unset;overflow: hidden;width: 100%;padding: 0;background: unset;}
  .index-case .box .nav li{text-align:center;float: left;width: calc(calc(100% - 3%)/2);background-color: #e0e3e6;margin: 0 3% 10px 0;}
  .index-case .box .nav li:nth-child(2n){margin-right: 0;}
  .index-case .box .nav li:after{bottom: 0;left: 0;right: unset;top:unset;width: 100%;height: 3px;}
  .index-case .box .content{width: 100%;float: unset;margin-top: 2rem;}
  .index-case .box .content .item .btn{padding: 10px 30px;}
  .index-case .box .content .item .imgs .img-item a img{height: 25px;}
  .index-information .news .item{height: auto;float: unset;width: 100%;padding: 0;margin-bottom: 2rem;}
  .index-information .news .item a{overflow: hidden;padding: 10px;display: flex;}
  .index-information .news .item a .txt{flex: 0 0 70%;}
  .index-information .news .item a .img{flex: 0 0 30%;}
  .index-information .news .item a .txt .describe{display: none;}
  .index-information .news .item a .txt button{display: none;}
  .index-information .news .item a:hover .img{transform: unset;opacity: 1;}
  .index-information .news .item a:hover .txt{transform: unset;}
  .index-information .news .item:nth-child(2) a:hover .img{transform: unset;opacity: 1;}
  .index-information .news .item:nth-child(2) a .img{position: relative;transform: translateY(0)}
  .index-partner .nav li a img{height: 25px;}
  /* 关于好德 */
  .about-time .time-main .list .tit{float: unset;width: 70%;display: inline-block;}
  .about-time .time-main .list .tit{padding:15px 0;background-color: #e81317;height: auto;line-height: 2rem;}
  .about-time .time-main .list .tit span{line-height: 2rem;font-size: 2rem;}
  .about-time .time-main .list .tit::before{display: none;}
  .about-time .time-main .list .txt{float: unset;width: 100%;top:-6px;display: inline-block;left: unset;padding: 20px 15px;min-height: 2rem;}
  /* 新闻列表 */
  .news-list{padding: 5% 0;}
  .news-list .w .news .item{width: calc(100% / 2);}
  /* 表单 */
  .cooperation-box .w .form-box{padding: 30px 0;}
  /* 联系我们 */
  .map-box .w{position: relative;top:75px;}
  #bMap{top: 6rem;}
  .map-box .w .top .title{width: 100%;}
  .map-box .w .top .box .my-address{display: inline-block;float: unset;margin-bottom: 15px;}
  .map-box .w .top .box .split{display: none;}
  .map-box .w .top .box .address-box{float: unset;margin-bottom: 15px;}
  .map-box .w .top .item-box{position: relative;height: 0;width: 100%;}
  .map-box .w .top .item-box ul{background-color: #fff;}
  .map-box .w .top .item-box{transform: translateY(-50%) scaleY(1);}
  .map-box .w .top .item-box-active{transform: translateY(0) scaleY(1);}
  .fixed{z-index: 99;}
}

@media screen and (max-width: 640px) {
  /* 首页 */
  .index-about .w .left{float: unset;width: 100%;}
  .index-about .w .right{float: unset;width: 100%;}
  .index-about .w .right .video-box{position: relative;margin-top: 2rem;margin-bottom: 1rem;}
  .index-about .w .left .nav li{text-align: center;}
  .index-business .nav li a .icon{width: 120px;height: 120px;}
  .index-business .nav li:hover .icon::after{border-width: 60px;}
  .index-business .nav li a .icon i{line-height: 120px;}
  .index-partner .nav li{width: calc(100%/2)}
  .index-information .news .item a .txt .text-lineOver2{-webkit-line-clamp: 1;}
  /* 关于好德 */
  .about-introduce .w .left{float: unset;width: 100%;padding: 0}
  .about-introduce .w .left a{padding: 10px 40px;margin-top: 10px;}
  .about-introduce .w .right{float: unset;width: 100%;margin-top: 2rem;}
  .about-introduce .w .right .video-box{position: relative;margin-top: 2rem;margin-bottom: 1rem;}
  .introduce-intro .w .ditails{width: 100%;}
  .introduce-intro .w .number-box{text-align: center;}
  .introduce-intro .w .number-box li{float: left;width: calc(100%/3);margin: 0 0 15px 0;}
  .introduce-content .details{width: 100%;padding: 15px;position: relative;}
  .introduce-content .w{background-color: #fff;}
  /* 好德业绩 */
  .performance-box .top .select{display:block;width:30%;margin-left: 0;margin-top: 15px;}
  .performance-box .news .item{width: 100%;margin-bottom: 1rem;padding: 0;}
  .performance-box .news .item a .txt i{display: none;}
  .performance-box .news .item a{display: flex;}
  .performance-box .news .item a .img{flex: 0 0 40%;}
  .performance-box .news .item a .txt{flex: 0 0 60%;height: auto;}
  .performance-box .form-box{margin-top: 0;}
  .performance-box .form-box .f-item{margin-bottom: 1rem;}
  .performance-box .form-box .f-item li .f-t{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  /* 新闻详情 */
  .news-show-b .w .b-title{height: 6rem;}
  .news-show-b .content{margin-top: 2rem;}
  /* 好德公益 */
  .banner-box .w .details{width: 100%;margin: 0;padding: 0 15px;}
  .nav-box .w .nav{width: 100%;}
  /* 表单 */
  .cooperation-box .w .form-box .item .f-content{margin:0 10px;}
  .cooperation-box .w .form-box .item .f-content li span{width: 30%;}
  .cooperation-box .w .form-box .item .f-content li input{width: 70%;}
  .cooperation-box .w .form-box .item .f-content li textarea{width: 70%;}
  .cooperation-box .w .form-box .item .f-content li{margin: 1rem 0;}
  /* 人才招聘 */
  .recruit-box .w{text-align: center}

  /* 底部 */
  #footer .top .co .left{float: unset;width: 100%;}
  #footer .top .co .right{float: unset;margin-top: 2rem;}
  #footer .bottom{text-align: center;color: rgba(255,255,255,.9)}
  #footer .bottom .left{float: unset;}
  #footer .bottom .right{float: unset;}
}

@media screen and (max-width: 500px) {
  /* 新闻详情 */
  .news-show-b .bottom{margin-top: 20px;}
  .news-show-b .content{width: 100%;}
  .content .pages-left{padding: 20px 15px;}
  .content .details{padding: 10px 15px;}
  /* 人才招聘 */
  .recruit-box .form .f-title .f-1{width: 28%;}
  .recruit-box .form .f-title .f-3{width: 20%;}
  .recruit-box .form .f-title .f-5{width: 40%;}
  .recruit-box .form .f-title .f-2{display: none;}
  .recruit-box .form .f-title .f-4{display: none;}
  .recruit-box .form .f-item .item ul li:nth-child(1){width: 28%;}
  .recruit-box .form .f-item .item ul li:nth-child(3){width: 20%;}
  .recruit-box .form .f-item .item ul li:nth-child(5){width: 40%;}
  .recruit-box .form .f-item .item ul li.icon{width: 12%;}
  .recruit-box .form .f-item .item ul .icon:before{width: 1px}
  .recruit-box .form .f-item .item ul .icon:after{height: 1px;}
  .recruit-box .form .f-item .item ul li:nth-child(2){display: none;}
  .recruit-box .form .f-item .item ul li:nth-child(4){display: none;}

}

@media screen and (max-width: 415px) {
  h1{font-size: 1.8rem;}
  /* 首页 */
  .index-information .news .item a .txt{padding: 5px 20px;}
  .index-business .nav li a .icon{width: 90px;height: 90px;}
  .index-business .nav li a .icon i{line-height: 90px;font-size: 3rem;}
  .index-case .box .content .item .imgs .img-item a img{height: 20px;}
  .index-partner .nav li a img{height: 20px;}
  /* 关于好德 */
  .about-time .time-main .list{top: 0;bottom: 0;margin: auto;height: 50%;}
  /* 新闻列表 */
  .news-list .w .news .item{width: 100%;padding: 0;margin-bottom: 15px;}
  .news-list .w .news .item a{display: flex;}
  .news-list .w .news .item a .img{flex: 0 0 30%;}
  .news-list .w .news .item a .txt{flex: 0 0 70%;padding: 14px;}
  .news-list .w .news .item:nth-child(3n-1) a .img{position: relative;transform: translate(0)}
  /* 新闻详情 */
  .content .pages-left{display: none;}
  /* 好德公益 */
  .banner-box .w .details{bottom: 1rem;}
  .nav-box .w .nav li .icon{height: 66.6px;line-height: 66.6px;}
  .nav-box .w .nav li .icon i{font-size: 2rem;}
  .nav-box .w .nav li .icon:after{border-width: 33.7px 17px;}
  .nav-box .w .nav li .icon:before{border-width: 33.7px 17px;}
  .benefit-box .benefit-item .news .item{width: 100%;padding: 0}
  .benefit-box .benefit-item .news .item a{display: flex;}
  .benefit-box .benefit-item .news .item:nth-child(3n+2) a .img{position: relative;transform: translateY(0)}
  .benefit-box .benefit-item .news .item a .img{flex: 0 0 30%;}
  .benefit-box .benefit-item .news .item a .txt{flex: 0 0 70%;padding: 15px;}
  /* 表单 */
  .cooperation-box .w .c-title h1{font-size: 1.5rem;}
  .cooperation-box .w .c-title{padding-left: 0;}
  .cooperation-box .w .c-title span{margin-left: 0;}
  .cooperation-box .w .c-title h1:after{display: none;}
  .cooperation-box .w .form-box .button button{width: 200px;}
  .cooperation-box .w .form-box .item .f-content li span{width: 36%;}
  .cooperation-box .w .form-box .item .f-content li input{width: 64%;}
  .cooperation-box .w .form-box .item .f-content li .select{width: 64%}
  .cooperation-box .w .form-box .item .f-content li .input{width: 64%;}
  .cooperation-box .w .form-box .item .f-content li textarea{width: 64%;}
  .cooperation-box .w .form-box .item .f-content{margin: 0;}
  .cooperation-box .w .form-box .item .f-content li .image-item{width: 100%;}
  .cooperation-box .w .form-box .item .f-content li .image-item .upload:before{height: 25px;width: 1px;}
  .cooperation-box .w .form-box .item .f-content li .image-item .upload:after{width: 25px;height: 1px;}
  /* 联系我们 */
  .map-box .w .top .box .address-box{margin-bottom: 0;}
  .map-box .w .top .box .address-box .select-box{margin-bottom: 15px;width: calc(98% / 2);margin-right: 2%}
  .map-box .w .top .box .address-box .select-box:last-child{margin-right: 0;}
  .map-box .w .top .box .address-box .select-box select{width: 100%;}

  /*滚动条样式*/
  html::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: #23297a;
  }
  html::-webkit-scrollbar-thumb {
    border-radius: 0;
    width: 0px;
    height: 0px;
    background-color: #e81317;
  }
}

@media screen and (max-width: 375px) {
  .index-swiper .swiper-slide .text .t1{font-size: 2rem;}
  .index-business .nav li:hover .icon::after{border-width: 45px;}
  /* 好德公益 */
  .banner-box .w .details{display: none;}
}