@charset "utf-8";

body,
div,
iframe,
ul,
ol,
dl,
dt,
dd,
li,
dl,
table,
th,
td,
input,
select,
textarea {
    /*  font-size: 16px; 
    line-height: 1.8; 
*/
    font-family: "Microsoft YaHei UI","Microsoft YaHei",Arial,SimSun,"Segoe UI",Tahoma,Helvetica,sans-serif;
}
body{
  background-color: #252525;
  color: #777;
  line-height: 1.5;
}
input,button{
   outline:medium;
}
a,
li {
    transition: all 0.3s ease 0s;
}
a:focus{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	color: #db0100;
}

ul{
  padding: 0;
  margin:0;
}
ul li{
   list-style: none;
}
img{
   max-width: 100%;
}
hr{
  border-top: 1px solid #ddd;
}
.fl{
   float: left;
}
.fr{
   float: right;
}



.banner img{
  width: 100%;
}

.owl-theme .owl-controls .owl-page span{
  opacity: 0.3;
  background: #c63d27;
}


.clearfix{
  clear: both;
}
.clear15{
    clear: both;
    height: 15px;
}
.clear30{
    clear: both;
    height: 30px;
}
.clear60{
    clear: both;
    height: 60px;
}
.clear90{
    clear: both;
    height: 90px;
}
.image-large {overflow: hidden;display: block;}
.image-large img{transition:transform 1s ease;}
.image-large:hover img{transform: scale(1.1);}


.global-fanye{
   text-align: right;
   padding: 20px 0;
}

.global-fanye a{
   display: inline-block;
   font-size: 16px;
   background-color: #252525;;
   margin-left: 10px;
   width: 35px;
   line-height: 35px;
   color: #999999;
   text-align: center;
}
.global-fanye a:hover{
  background-color: #000;
}
.global-fanye a.active{
  color: #fff;
}



.global-button{
     max-width: 1140px;
     margin: 50px auto;
	 margin-bottom: 25px ;
     text-align: center;
}
.global-button2{
     max-width: 1140px;
     margin: 50px auto;
	 margin-bottom: 50px ;
     text-align: center;
}
.global-button a{
   font-size: 18px;
   color: #999;
   display: inline-block;
   margin: 3px;
   padding: 14px 31px;
   border:1px solid #555555;
   line-height: 1.2;
   vertical-align: middle;
}

.global-button a.shuang{
   padding-top: 7px;
   padding-bottom: 7px;
}


.global-button a.active,
.global-button a:hover{
   color: #edd187;
   border:1px solid #edd187;
}


#project .global-button a{
       padding: 6px 14px;
}

#project .img-list a{
   display: block;
   position: relative;
   max-height: 270px;
   overflow: hidden;
}

#project .img-list a span{
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   top: 270px;
   bottom: 0;
   z-index: 2;
   background-color: rgba(0,0,0,.8);
   color: #edd187;
   text-align: center;
   font-size: 16px;
      padding: 40px;
      padding-top: 35%;
      transition: .6s;
}

#project .img-list a:hover span{
    top: 0px;
}




#project .img-list .row{
   margin-left: -7px;
   margin-right: -7px;
}
#project .img-list .col-sm-4{
   padding: 7px;
}

#project .guanlian{
   overflow: hidden;
   padding-top: 30px;
}
#project .guanlian a{
   color: #999;
}
#project .guanlian a:hover{
   color: #edd187;
}

#project .mycont{
   padding-top: 60px;
   font-size: 16px;
   color: #cccccc;
}




.global_content{
   font-size: 14px;
   color: #ccc;
   line-height: 1.4;
   padding-top: 0px;
}
.global_content p,.global_content div{
text-align:justify;
   text-indent: 2em;
   margin-bottom: 25px;word-break: break-all;
   font-size:14px;
}
.global_content  img{
   margin-left: -30px;
}
.gcyj-content p ,.gcyj-content div{
	text-indent: 2em;
   margin-bottom: 25px;
   font-size:14px;
}
.gcyj-content  img{
   margin-left: -30px;
   display: block;
    /* margin-bottom: 20px; */
    margin: 0 auto;
    padding-bottom: 10px;
}



.dingtop{
   padding-top: 15px;
   padding-bottom: 15px;
}

.dingtop .dianhua{
  text-align: right;
  font-size: 30px;
}

.dingtop .dianhua img{
   height: 55px;
}
.dingtop .dianhua span{
   vertical-align: middle;
}


.main-menu{
  
}
.main-menu   ul.list-inline{
  text-align: center;
}
.main-menu   ul.list-inline > li{
   float: left;
   position: relative;
}

.main-menu   ul.list-inline > li a.active,
.main-menu   ul.list-inline > li a:hover{
   color: #edd187;
}


.main-menu   ul.list-inline > li >a{
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding: 15px 0px 15px 30px;
  text-decoration: none;
}


.main-menu  .main-menu-sub{
    list-style: none;
    z-index:100;
    position:absolute;
   top: 52px; left: 10px;
   display:none;
    background-color:rgba(237,209,135,.7);
  /*  box-shadow: 0 0 10px rgba(0,0,0,0.2);*/

    padding:8px;
    margin: 0px auto;
    width: 140px;
}

.main-menu  .main-menu-sub li {
    padding:5px;
    text-align: center;
    float: none;
}
.main-menu  .main-menu-sub li.tu {
   background-color: #252525;
   margin:-8px;
   margin-bottom: 0;
   padding-bottom: 0;
}


.main-menu  .main-menu-sub li a{
    display: block;
    text-align: center;
    font-size: 15px;
    color: #333;
    padding: 0;
}

.main-menu  .main-menu-sub.anli-zi li a{
   font-size: 16px;
}




.main-menu ul.list-inline .main-menu-sub  >li a:hover{
    color: #fff;
    background-color: transparent;
}
.main-menu  .a2{ width: 180px; left: -15px; }
.main-menu  .a2 li a{   text-align:left; padding-left:20px}

.main-menu  .a230{ width: 220px; left: -35px; }
.main-menu  .a230 li a{    text-align:left;padding-left:20px}
.main-menu  .a240 li a{   text-align:left; padding-left:20px}


.pc_menu .zhongyin{
  text-align: right;
}
.pc_menu .zhongyin a{
  color: #666;
  font-size: 12px;

}
.pc_menu .zhongyin .text{
  margin-top: -15px;
}

.pc_menu .zhongyin a:hover{
  color: red;
}
.pc_menu .zhongyin form div{
  float: right;
   width: 202px;
   height: 40px;
   padding: 5px;
   padding-right: 10px;
   margin-top: 5px;
   background-image: url(../images/inputbei.jpg);
}
.pc_menu .zhongyin form div input{
    width: 150px;
    height: 30px;
    border:none;
    font-size: 14px;
    vertical-align: middle;
    color: #999;

}
.pc_menu .zhongyin form div button{
    display: inline-block;
    width: 21px;
    height: 30px;
    background-color: transparent;
    background-image: url(../images/sou.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    border:none;
    vertical-align: middle;

}

.mobile_menu_bg{
  display: none;
   background-color: #252525;
   box-shadow:0 1px 5px 0px rgba(0,0,0,.2);
  padding: 10px;
  border-bottom: 1px solid #333
}
.mobile_menu_bg .title{
   float: right;
   margin-right: 30px;
}
.mobile_menu_bg .title a{
   color: #333;
   font-size: 14px;
}

.mobile_menu{ 
  border:1px solid #000;
  padding: 7px;
  border-radius: 4px;
  background-color: #edd187;
  float: right;
  }
.mobile_menu:hover{
  background-color: #fff;
}
.mobile_menu:focus{
  background-color: #fff;
}
.mobile_menu .icon-bar{
  display: block;
  width: 28px;
  height: 3px;
  border-radius: 1px;
  background-color: #000;;
}
.mobile_menu .icon-bar + .icon-bar {
  margin-top: 6px;

}
.mobile_menu_bg .title{
   font-size: 20px;
   color: #eee;
   padding-left: 20px;
}

.mobile_menu_sub{
  display:none;
  background: #eee;
  margin-bottom: 10px;
}
.mobile_menu_sub a{
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #000;
  text-align: center;
  padding: 5px 0;
}
.mobile_menu_sub > ul{
  list-style: none;
  padding: 0;
  margin: 0;
}



.mobile_menu_sub li:hover{
  background: #ccc;
}

.mobile_menu_sub > ul >li em{
   font-style: normal;
   display: inline-block;
   margin-left: 5px;
}

.mobile_menu_sub > ul >li{
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}

.mobile_menu_sub > ul >li>ul>li:hover{
  background: #ddd;
}




.carousel-indicators li {

    margin: 5px;
    width: 20px;
    height: 20px;
    background-color: #fff;
}
.carousel-indicators .active {
    width: 20px;
    height: 20px;
    background-color: #24aff2;
    margin: 5px;
    border:none;
}


.banner-heng{
   margin-top: -64px;
   z-index: -1;
   position: relative;
}



#xuanfu{
  display: none;
  position: fixed;
  right: 10px;
  bottom: 40px;
  background-color: #000;
  z-index: 9999;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  border-radius: 5px;
}




.global_top_banner {
   height: 350px;
   line-height: 1.2;
   overflow: hidden;
   position: relative;
}
.global_top_banner .container{
   position: relative;
}
.global_top_banner .title{
   position: absolute;
   right: 200px;
   top:90px;
   color: #fff;
   font-size: 26px;
}
.global_top_banner .title b{
   font-size: 26px;
}


.global_top_banner .beijing{
   background-position: center center; 
   height: 350px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
   animation: huadong 10s infinite alternate;
}

#about .global_top_banner .beijing{
   background-image: url(../img/about.jpg);
}
#service .global_top_banner .beijing{
   background-image: url(../img/service.jpg);
}
#project .global_top_banner .beijing{
   background-image: url(../img/project.jpg);
}
#hezuo .global_top_banner .beijing{
   background-image: url(../img/hezuo.jpg);
}
#news .global_top_banner .beijing{
   background-image: url(../img/news.jpg);
}
#contact .global_top_banner .beijing{
   background-image: url(../img/contact.jpg);
}







 #about .about1 .tupian{
    height: 250px;
    text-align: center;
    position: relative;
    border: 1px solid #535353;
    margin-bottom: 30px;

  }
 #about .about1 .tupian img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

}

#about .about2 .title{
    font-size: 17px;
    color: #edd187;
    margin-bottom: 20px;
}

#about .about2 .title span{
    display: block;
    font-size: 23px;
    font-weight: bold;
}
#about .about2 .con{
   color: #ccc;
   font-size: 14px;
}
#about .about2 .lgtu{
   max-width: 200px;
}

#about .about2 .line{
    border-bottom: 1px solid #555;
    overflow: hidden;
    margin: 0 15px;
    margin-bottom: 30px;
}




.footer {
  padding: 50px 0;
  margin-top: 80px;
  color: #999;
  border-top:1px solid #555;
  text-align: center;
}

#index .dixin table{
   width: 100%;
}
#index .dixin table td{
   padding: 5px;
   font-size: 16px;
   color: #edd187;
}
#index .dixin table td.t1{
   width: 50px;
}


#index .dixin button,
#index .dixin textarea,
#index .dixin input{
   border:1px solid #555555;
   padding: 5px;
   width: 100%;
   background-color: #252525;
   font-size: 14px;
}
#index .dixin textarea{
  height: 90px;
}
#index .dixin button:hover{
  background-color: #444;
}


#index .dixin .xin {
overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
#index .dixin .xin a{
   font-size: 16px;
   color: #999999;
}
#index .dixin .xin a:hover{
   color: #666;
}



#index .dixin .shangtu{
   margin-bottom: 20px;
   height: 136px;
   overflow: hidden;
}



#index .dixin .zhong{
   width: 1px;
   height: 240px;
   border-right: 1px solid #555;
   margin: 0 auto;
   margin-top: 175px;
}


#index  .shangbiao{
  padding-bottom: 30px;
  text-align: center;
  padding-top: 70px;
}
#index .anli ul{
  margin: 0 -20px;
}
#index .anli ul li{
   display: inline-block;
   margin: 10px 20px;
   border:1px solid #555;
}




#index .fuwu ul{
  margin: 0 -6px;
}
#index .fuwu ul li{
   display: inline-block;
   margin: 10px 6px;
   position: relative;
}

 #index .fuwu .gray li img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
opacity: .7;
}

 #index .fuwu .gray li:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
opacity: 1;
}

 #index .fuwu .txt{
   position: absolute;
   top: 30px;
   left: 30px;
   z-index: 1;
   font-size: 18px;
   color: #f8cf66;
   font-weight: bold;
 }

 #index .fuwu .txt em{
    display: block;
    width: 50px;
    height: 2px;
    background-color: #f8cf66;
    margin-top: 10px;
}


#index .guanyu .con{
   height: 400px;
   background-image: url(../img/xiaxiao.jpg);
   background-position: center center;
}
#index .guanyu .kuang{
   width: 480px;
   background-color: rgba(255,255,255,.7);
   margin-top: 50px;
   padding: 30px;
   color: #333;
   font-size: 16px;
}
#index .guanyu .kuang p{
   text-indent: 40px;
}

#index .guanyu .kuang a.anb{
   display: inline-block;
   border: 1px solid #333333;
   padding: 5px 10px;
   font-size: 14px;
   color: #333;
   margin-top: 15px;
}
#index .guanyu .kuang a.anb:hover{
  background-color: #999;
}


#index .gongsi {
   height: 600px;
   line-height: 1.2;
   overflow: hidden;
   position: relative;
}
#index .gongsi .beijing{
   ackground-image: url(../img/ding.jpg);
   background-position: center center; 
   height: 600px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
   animation: huadong 10s infinite alternate;
}

@keyframes huadong {
     0% {
       transform: scale(1);
     }
     50% {
       transform: scale(1.1);
     }
     100% {
       transform: scale(1);
     }

}




#index .gongsi .t3{
    height: 2px;
    background-color: #fff;
    width: 300px;
    margin:30px 0;
}
#index .gongsi .t1{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin-top: 77px;
}
#index .gongsi .t2{
    font-size: 40px;
    font-weight: bold;
    color: #edd187;
}

#about .about .title{
    color: #edd187;
    font-size: 18px;
    margin-bottom: 2px;
    line-height: 1;
}

#hezuo .list >div,
#service .list >div{
    display: none;
}
#news .list .line {
    border-bottom: 1px solid #555;
    overflow: hidden;
    margin: 0 15px;
        margin-bottom: 0px;
    margin-bottom: 30px;
}



#news .list .title{
  display: block;
  font-size: 18px;
  line-height: 1.1;
}
#news .list .title a{
    color: #edd187;
}
#news .list .title a:hover{
    color: #ccc;
}





#news .list{
   color: #ccc;
   font-size: 14px;
}

#news .list .time{
   margin-bottom: 10px;
}

#news .li-title{
   text-align: center;
  color: #edd187;
  font-size: 20px;
  padding-top: 60px;
  padding-bottom: 20px;
}
#news .li-time{
   text-align: center;
   border-bottom: 1px solid #555;
   padding-bottom: 5px;
}


#news .guanlian{
   overflow: hidden;
   padding-top: 30px;
}
#news .guanlian a{
   color: #999;
}
#news .guanlian a:hover{
   color: #edd187;
}


#contact .dizhi{
   padding-top: 60px;
}
#contact .dizhi .shang img{
    display: block;
    margin: 0 auto; width: 80px;
}

#contact .dizhi .shang .col-sm-3{
    text-align: center;
    font-size: 15px;
    color: #ccc;
}
#contact .dizhi .line{
   border-bottom: 1px solid #555;
   padding-top: 30px;
   margin-bottom: 30px;
}
#contact .dizhi .ditu{
   /*height: 300px;
   background-image: url(../img/ditu.jpg);*/
   background-position: center center;
}

#contact .zhaopin{
   font-size: 16px;
   color: #ccc;
}

#contact .zhaopin h3{
    font-size: 18px;
    font-weight: normal;
    color: #edd187;
    text-align: center;
    padding-top: 40px;
    margin-bottom: 40px;
    
}
#contact .zhaopin h3 span{
   display: inline-block;
   border-bottom: 1px solid #edd187;
   padding-bottom: 5px;
}
/*============2020-10-26================*/


#about .about1 .tupian {
    margin-bottom: 0px;
}
#about .about1 .txt {
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 25px;
}

 #about .about1 .tupian{
    height: 200px;
}

/*============2020-10-26================*/



@media (min-width:768px) {
    #news .list .col-sm-3 {
        width: 28%;
    }
    #news .list .col-sm-9 {
        width: 72%;
    }

   #contact .zhaopin .row{
      margin-left: -40px;
      margin-right: -40px;
   }
   #contact .zhaopin .col-sm-6{
      padding-left: 40px;
      padding-right: 40px;
   }


}
@media (min-width: 992px){




 } 


@media (max-width: 1199px) {
    .mobile_menu_bg{
      display: block;
    }
    .main-menu{
      display: none;
    }
    .pc_menu{
      display: none;
    }
}

@media (max-width: 991px){ 


.global_top_banner .beijing,
.global_top_banner {
    height: 200px;
}

#about .global_top_banner .beijing {
    background-size: cover;
}
.global_top_banner .title {
  right: auto;
  left: 100px;
  top: 70px;
  font-size: 20px;
}
.global_top_banner .title b {
    font-size: 26px;
}

.global-button a {
    font-size: 18px;
    padding: 5px 15px;
}

#about .about .title {
   margin-top: 15px;
   font-size: 20px;
}

#about .about1 .tupian {
    height: 200px;
  }

#about .about2 .title span {
    font-size: 20px;
}

#about .about2 .lgtu {
   margin-right: -10px;
}
#about .about2 .line {
   padding-top: 20px;
}


#service .global-button a {
    padding: 20px 15px;
    height: 60px;
    width: 43%;
}
#service .global-button a.shuang {
     padding-top: 8px;
}
#project .global-button a{
    padding: 8px 15px;
    height: 60px;
    width: 43%;
}

.guanlian .fr{
   float: left;
}
#project .img-list a span {
    padding: 10px;
    padding-top: 30px;
}
.global-fanye a {

    margin-left: 5px;
    width: 25px;
    line-height: 25px;
}

#news .list img{
   width: 100%;
}
#news .list .title {
   font-size: 17px;
   margin-top: 20px;
}
#news .list .line {
   padding-top: 30px;
}
#news .li-title {
   font-size: 18px;
}

#contact .dizhi .shang img {
   width: 90px;
}

#contact .zhaopin .col-sm-6{
    margin-bottom: 70px;
}


#index .gongsi .t2,
#index .gongsi .t1{
   font-size: 27px;
}

#index .gongsi,
#index .gongsi .beijing{
   height: 400px;
}
#index .gongsi .t1 {
  margin-top: 100px;
}

#index .gongsi .t3 {
   width: 90px;
}
#index .fuwu ul {
    margin: 0 ;
}

#index .fuwu ul li {
   width: 45%;
}

#index .guanyu .kuang {
    width: 90%;
    margin: 40px auto;
    padding: 15px;
}

#index .anli ul li {
   width: 43%;
   margin: 10px;
}
#index .anli ul {
    margin: 0;
}

#index .dixin .shangtu {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}








#index  .youshi img{
   width: 100px;
}


.carousel-indicators li {

    margin: 1px;
    width: 10px;
    height: 10px;
 
}
.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 1px;
}
   h3{
      font-size: 18px;
   }
    .clear30,.clear60,.clear90{
        height: 0px;
    }






.anli .row{
   padding-left: 7px;
   padding-right: 7px;
}
.anli .row .col-xs-6{
  padding-right: 8px;
   padding-left: 8px;
}



.global-fanye{
   text-align: center;

}





#xuanfu{
  display: block;
}






} 


.global-fanye li{display: inline-block; margin-left: 10px;}
.global-fanye li span{display: inline-block; margin-left: 10px;font-size: 16px;}
.global-fanye a{
   display: inline-block;
   font-size: 16px;
   background-color: #252525;;
   margin-left: 10px;
   width: 35px;
   line-height: 35px;
   color: #999999;
   text-align: center;
}
.global-fanye a:hover{
  background-color: #000;
}
.global-fanye a.active,.global-fanye li.active span{
  color: #fff;
}
img.index-nav-mg,img.index-about-mg,img.index-fuwu-mg{width:390px;}

img.index-news-mg,img.index-liuyan-mg{width:370px;}
#index .shangbiao2{text-align:left}
/**/
#map{width:100%;float:left;margin-top:0;}
#allmap{width:100%;height: 300px;}