/*初始化*/


body {
  padding-bottom: 0px;
  color: #5a5a5a;
}

a{
  font-size: 14px;
  color: #333;
}
a:hover,
a:focus{
  color: #f00;
  text-decoration: none;
}
.tc{
  text-align: center;
}
.banner{
  height: auto;
  width: 100%;
  overflow: hidden;
}



.jj{
  padding-left: 15px;
  padding-right: 15px;
}


.sy .ny_tu{
  display: none;
}
.sy .position{
  display: none;
}


/* 全局样式（所有屏幕尺寸都会调用）
-------------------------------------------------- */


.top-head{
  line-height: 39px;
  color: #777;
}
.top_lx{
 text-align: right;
}
.top_lx a{
  color: #777;
  line-height: 39px;
  font-size: 14px;
  padding: 0px 3px;  
}
.top_lx a:hover{
  color: #ff6600;
}

/*头部导航栏all
  ------------------------ */

  .navbar{
    border: 0;
    margin-bottom: 0px;
  }

  .navbar-inverse{
    /* 头部栏目背景*/
    background-color: #f9f9f9;
  }

  .navbar-brand{
    /* logo定位*/
    padding: 0px;
    height: auto;
  }
  .navbar-brand img{
    /* logo图片*/
    width: 100%;
  }

  #navbar {
    /* 导航定位 */
    margin-top: 0px;
    margin-bottom: 0px;
  }

  /*此处控制头部导航文字颜色*/
  .navbar-inverse .navbar-nav>li>a{
    color: #333;
  }
  .navbar-inverse .navbar-nav>li>a:hover{
    color: #f00;
  }

  /*此处控制头部导航文字颜色不变回白色*/
  .navbar-inverse .navbar-nav > li > a{
    color: #333;
  }
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus{
    color: #ff6600;
  }

  /*此处控制移动端控制菜单颜色*/
  .navbar-inverse .navbar-toggle .icon-bar{
    background-color: #333;
  }
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background-color: transparent;
  }


 
.cp-bg{
  overflow: hidden;
  /*background: #fff;*/
  margin-bottom: 30px;
  /*box-shadow: 0px 0px 10px 6px #ededed;*/
}
.cp-tu{
  overflow: hidden;  
  background: #fff;
}
.cp-zi p{
  color: #fff;
  font-size: 16px;
  line-height: 45px;
  margin-bottom: 0px;
  background: #0f70da;
}
.cp-zi p:hover{
  background: #0660c3;
}

/* Featurettes(业务范围all)
------------------------- */

.section-service{
  overflow: hidden;
  padding-top: 41px;
}
.featurette {
  margin: 50px 0px 30px 0px; /* Space out the Bootstrap <hr> more */
  text-align: center;
  overflow: hidden;
}

.featurette1 {
  margin: 0px; /* Space out the Bootstrap <hr> more */
  text-align: center;
}
.featurette2 {
  margin: 50px auto 70px auto; /* Space out the Bootstrap <hr> more */
  text-align: center;
  width: 1000px;
}

.featurette-image{
  width: 100%;
  border: 1px solid #d7d7d7;  
}

/* Thin out the marketing headings */

  .featurette-title {
    font-size: 36px;
    font-weight: bold;
    color: #0f70da;
  }
  .featurette-title1 {
    font-size: 39px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    letter-spacing: -1px;
    margin-top: 57px;
    margin-bottom: 0px;
    line-height: 50px;
    background: url(../images/qfbj_211.jpg) center no-repeat;
  }

  .bjbg{
    background: url(../images/qfbj_212.jpg) center no-repeat!important;
  }  

  .text-muted{
    display: block;
    color: #999;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
  }

  .text-muted1{
    display: block;
    color: #fff;
    font-size: 21px;
    line-height: 36px;
    text-transform: uppercase;
  }


.news{
  overflow: hidden;
  margin-bottom: 39px;
}
.data{
  background: #d00000;
  padding: 10px 0px;
}
.data .d{
  font-size: 40px;
  line-height: 50px;
  font-weight: bold;
  color: #fff;
}
.data .ym{
  font-size: 15px;
  line-height: 29px;
  font-weight: normal;
  color: #fff;
}
.nt1{
  font-size: 17px;
  color: #000;
  line-height: 39px;
  text-align: left;

}
.nr1{
  font-size: 14px;
  color: #777;
  line-height: 20px;
  text-align: left;

}
.news a.nt1{
  color: #000;
}
.news a:hover .nt1{
  color: #f00;
}


  .featurette-heading {
    font-size: 18px;
    font-weight: bold;
    color: #3a3a3a;
    line-height: 1;
    letter-spacing: -1px;

  }

  .featurette-heading1 {
    font-size: 16px;
    font-weight: normal;
    color: #555;
    line-height: 1;
    letter-spacing: -1px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    line-height: 33px;
  }

  .lead{
    font-size: 13px;
    line-height: 24px;
    color: #666;
  }

  .lead1{
    font-size: 14px;
    line-height: 24px;
    color: #f00;
    margin-bottom: 0px;
    text-align: left;    
    line-height: 18px;
  }    



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */


.section-project{
  height: auto;
  background: url(../images/szss_20.jpg) center no-repeat;
  padding-top: 74px;
  padding-bottom: 62px;
  overflow: hidden;
}
.projection{
  text-align: center; 
  width: 100%;
  padding-bottom: 18px;
  background: url(../images/title_line.png) no-repeat center bottom;
}

.projection h5{
  background-color: transparent!important; 
}

  .marketing{
    background: #fff;
    padding: 56px 15px 56px 15px;
    overflow: hidden;
  }


.about{
  overflow: hidden;
}
.about h3{
  color: #ff6600;
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
  margin-top: 10px;
}
.about h5{
  color: #000;
  font-size: 17px;
  font-weight: normal;
  line-height: 24px;
}
.about img{
  width: 100%;
  height: auto;
  overflow: hidden;
}  
.about p{
  color: #666;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 0px;
} 

.about .more {
  display: inline-block;
  color: #fff;
  background: #fe8300;
  margin-top: 15px;
  margin-bottom: 15px;  
  font-size: 16px;
  padding: 8px 20px;

}
.about .more:hover {
  background: #f67f01;


}      



  .news-box{
    background: #fff;
    box-shadow: 0px 0px 10px 5px #ededed;
    margin-bottom: 30px;    
  }



/* section-chatu(all)
-------------------------------------------------- */
  .section-chatu{
    width: 100%;
    height: 212px;
    margin: 70px auto;
    background: url(../images/index_41.jpg) center no-repeat;
  }
  .chatu{
    padding-top: 59px;
  }
  .chatu p{
    font-size:24px;
    color: #fff;
    font-weight: bold;
    line-height: 45px;
    text-align: center; 
  }



/* section-aboutus(all)
-------------------------------------------------- */
  .aboutus{
    margin: 0px 0px 60px 0px; /* Space out the Bootstrap <hr> more */
    text-align: center;  
  }
  .aboutus-image{
    width: 100%;
    margin-bottom: 30px;
  }
  .aboutus-content{
    margin: 0;
  }
  .aboutus-content p{
    font-size: 14px;
    color: #393939;
    line-height: 30px;
  }
  .aboutus-nr{
    margin-top: 0px;
  }
  .aboutus-more{
    
    margin-top: 30px;
  }
  .aboutus-more a{
    color: #347ce2;
    font-size: 14px;
    padding: 8px 26px;
    border: 1px solid #347ce2;
    border-radius: 3px;
  }


/* section-partners(all)
-------------------------------------------------- */
.partners{
  margin: 20px 0px 50px 0px; /* Space out the Bootstrap <hr> more */
  text-align: center;  
}
.partners .col-md-2 img{
  width: 100%;
  margin-bottom: 20px;
  height: auto;
  border: 1px solid #d7d7d7;
  min-height: 32px;
}



/*footer*/
footer{
  width: 100%;
  margin: 0 auto; 
  height: auto;
  background: #0560c3;

}
.dibq{
  font-size: 14px;
  color: #fff;
  line-height: 39px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.dibq img{
  display: block;
  margin: 0 auto;

}
.dibot{
  background: #0151a9;
  line-height: 45px;
  color: #fff;

}
.dibot_bq{
  text-align: left;
  font-size: 13px;

}
.dibot_zc{
  text-align: right;
  font-size: 13px;
  
}
.dibot_zc p{
  margin-bottom: 0px;
}
.contact .content{
  margin-bottom: 50px;
}
.contact .title img{
  margin: 39px auto;
  width: 362px;
  height: 81px;
  background-repeat: no-repeat;
  float: none;
}

.contact .img{
  margin: 0 auto;
  width: 100%;
  height: auto;

}
.contact .dt{
  width: auto;
  height: 325px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;

  overflow: hidden;
}
.contact .zi{
  margin: 0 auto;
  height: 325px;
  padding-top: 60px;
  background-image: url(../img/zi_bg.png);
}
.contact .zi p{
  font-size: 14px;
  color: #fff;

  padding-left: 50px;
  line-height: 30px;
}
.copyright{
  width: 100%;

  margin-top: 39px;

}
.dinav{
  height: auto;
  overflow: hidden;
  border-right:1px solid #a3a3a3;
}
.dinav1{
  padding-left: 30px;
}
.dit{
  line-height: 50px;
}
.dit a{
  font-size: 18px;
  font-weight: 500; 
  color: #fff;

}
.dinr{
  padding-top: 0px;
  padding-bottom: 22px;
  color: #fff;
}
.dinr p{
  line-height: 33px;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0px;
  color: #fff;  
}
.dinr a{
  line-height: 39px;
  font-size: 16px;
  font-weight: 400;
  color:#fff;
  padding :0px 20px;
  border-right: 1px solid #fff;
}
.dinr a:hover{
  color:#fc5a00;
}

.copyright .c1{
  margin-top: 15px;
}
.copyright .c1 p{
  margin-bottom: 0px;
  line-height: 30px;
  color: #fff;
}
.copyright .zi p{
  margin-bottom: 0px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}
.copyright .zi a{
  color: #fff;
  margin: auto 8px;
}



 .footer {width: 100%;height: auto;z-index: 9999;bottom: 0px;overflow: hidden;position: fixed;}
.footer-b {width: 100%;height: auto;margin: 0 auto;overflow: hidden;}




/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 15px;
  margin: 0 -15px 15px;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}

.sidebar-module h5{
  font-size: 24px;
  color: #f00;
  font-weight: normal;
  line-height: 30px;
  margin: 0px;
}
.sidebar-module .zuoxi{
  margin-top: 18px;
  margin-bottom: 18px;

}
.sidebar-module p{
  font-size: 12px;
  color: #333;
  font-weight: normal;
  line-height: 28px;
  margin: 0px;
}
.sidebar-module .map{
  color: #f00;

  padding: 8px 36px;
  border: 1px solid #f00;
}


.sidebar-module h4{
  font-size: 16px;
  color: #333;
  font-weight: bold;
  line-height: 50px;
}
.sidebar-module li a{
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 30px;
  letter-spacing: 1.5px;
}
.sidebar-module img{
  padding-top: 30px;
}
.weixin{
  text-align: center;
  color: #ccc;
  font-size: 14px;
  line-height: 24px;
  margin-top: 8px;
}



/* 响应式CSS（当宽度大于1200px）桌面端样式
-------------------------------------------------- */
@media (min-width: 1200px){

  /*头部导航栏pc端
  ------------------------ */

  
  body{
    background: #fff;
    }

  .jj{
    padding-left: 0px;
    padding-right: 0px;
  }
  .navbar-brand img{
    /* logo图片*/
    width: auto;
  }

  .nav>li>a{
    /* 栏目字间距及大小 */
    padding: 15px 42px;
    font-size: 16px;
  }
  .navbar-wrapper{
    height: 169px;
    background: url(../images/szss_01.jpg) repeat-x;
  }
  .navbar-inverse{
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav > li > a{
    color: #fff;
  }
  .navbar-inverse .navbar-nav > li > a:hover{
    color: #fff;
    background: #0660c3;
  }
  .jg{
    width: 2px;
    height: 50px;
    background: url(../images/ltbz_17.jpg) no-repeat;
  }
  .logo-head{
    overflow: hidden;
    padding-top: 21px;
    padding-bottom: 16px;
  }

  .featurette-image{
    height: 189px;
    overflow: hidden;
  }
  .featurette-image1{
    width: 72px;
    height: 58px;
    overflow: hidden;
  }
 

  .time .col-md-3{
    padding: 20px 0px;
  }


  .jianjie{
    height: 150px;
    overflow: hidden;
  }

/* Featurettes(业务范围pc端)
------------------------- */

/* Thin out the marketing headings */


  .featurette-heading {
    text-align: left;
  }

  .lead{
    text-align: left;
  } 


/* MARKETING CONTENT
-------------------------------------------------- */
  .marketing .col-md-3 img {
    width: 100%;
  }


.featurette-image{
  margin-top: 0px;
  border: 1px solid #d7d7d7;
}


.partners .col-md-2 img{
  width: 100%;
  height: 72px;
  border: 1px solid #d7d7d7; 
}



}





/* 响应式CSS（当宽度小于768px）移动端样式
-------------------------------------------------- */

@media (max-width: 768px) {

  .navbar-wrapper{
    
    background: #f9f9f9;
  }

 .media-left img{
  width: 100%;
  height: auto;
  border: 1px solid #d7d7d7;
} 


  /*头部导航栏移动端
  ------------------------ */

  .navbar-brand img{
    /* logo图片上下间距 */
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-toggle{
    /* 控制菜单 */
    margin-top: 18px;
  }

.section-project{
  background: #f3f3f3;
  padding-top: 36px;
  padding-bottom: 36px;

}
  .marketing{
    background: #fff;
    padding: 24px 12px;
    overflow: hidden;
  }


/* Featurettes(业务范围移动端)
------------------------- */

  .featurette {
    margin: 39px 0px 10px 0px; /* Space out the Bootstrap <hr> more */
    text-align: center;
    overflow: hidden;
  }

.about img{
  width: 100%;
  height: auto;
  overflow: hidden;
}   

  .news-box{
  background: #fff;
  margin-bottom: 30px;  
  }

  .marketing .col-md-3 img {
    width: auto;
  }



/* section-chatu(移动端)
-------------------------------------------------- */
  .section-chatu{
    margin: 39px auto;
  }

  .chatu p{
    font-size:18px;
  }






}




.text_r { text-align: right; }
.main_tit { text-align: center; width: 800px; margin: 50px auto 0; padding-bottom: 18px; background: url(../images/title_line.png) no-repeat center bottom; }
.main_tit .title { font-size: 34px; font-weight: bold; }
.main_tit .intro { font-size: 16px; color: #999; margin-top: 8px; line-height: 24px; }

.youshibg { width: 100%; height: 780px; background: #f8f8f8; overflow: hidden; }

.youshi { width: 1200px; margin: 0 auto; }
.youshi .cont { width: 1200px; height: 550px; margin-top: 40px; background: url(../images/youshi.png) no-repeat center; position: relative; }
.youshi .cont li { position: absolute; list-style: none;}
.youshi .cont li .licon { width: 330px; height: auto; padding: 18px 15px; background: #fff; box-shadow: 0px 0px 10px #bbb; border-radius: 20px; cursor: pointer; display: block; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.youshi .cont li .licon2 { width: 330px; height: auto; padding: 18px 15px; background: #fff; box-shadow: 0px 0px 10px #bbb; border-radius: 20px; cursor: pointer; display: block; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.youshi .cont li .tit { font-size: 22px; color: #018b3e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.youshi .cont li .con { font-size: 14px; color: #555; line-height: 20px; height: 60px; margin-top: 6px; overflow: hidden; }
.youshi .cont li .licon:hover { transform: translate(-20px, 0); -webkit-transform: translate(-20px, 0); -moz-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); }
.youshi .cont li .licon2:hover { transform: translate(20px, 0); -webkit-transform: translate(20px, 0); -moz-transform: translate(20px, 0); -o-transform: translate(20px, 0); -ms-transform: translate(20px, 0); }
.youshi .cont .bg1 { top: 0; left: 55px; }
.youshi .cont .bg2 { top: 0; right: 55px; }
.youshi .cont .bg3 { top: 200px; left: 0; }
.youshi .cont .bg4 { top: 200px; right: 0; }
.youshi .cont .bg5 { top: 400px; left: 55px; }
.youshi .cont .bg6 { top: 400px; right: 55px; }


.gaoganbg { width: 100%; height: 1028px; background: url(../images/gaoganbg.jpg) no-repeat center; overflow: hidden; }

.gaogan { width: 1200px; margin: 0 auto; }
.gaogan .title { font-size: 34px; font-weight: bold; color: #333; margin-top: 50px; text-align: center; }
.gaogan .title .col { color: #26942c; }
.gaogan .ggcon { margin-top: 50px; width: 1200px; overflow: hidden; }
.gaogan .ggcon ul { overflow: hidden; padding-left: 0px;}
.gaogan .ggcon ul li { width: 300px; float: left; cursor: pointer; padding: 0 10px; list-style: none;}
.gaogan .ggcon ul li .img { width: 280px; height: 200px; overflow: hidden; }
.gaogan .ggcon ul li .img img { width: 100%; height: 100%; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; }
.gaogan .ggcon ul li .img img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
.gaogan .ggcon ul li .name { font-size: 22px; color: #444; margin-top: 20px; text-align: center; }
.gaogan .ggcon ul li .intro { font-size: 12px; color: #666; line-height: 20px; height: 60px; margin-top: 10px; text-align: center; overflow: hidden; }
.gaogan .needcon { width: 690px; margin-top: 50px; overflow: hidden; }
.gaogan .needcon ul { overflow: hidden; padding-left: 0px; }
.gaogan .needcon ul li { width: 230px; float: left; padding-top: 20px; cursor: pointer; list-style: none; }
.gaogan .needcon ul li .img { width: 170px; height: 170px; margin: 0 auto; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.gaogan .needcon ul li .img img { width: 100%; height: 100%; }
.gaogan .needcon ul li .img:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); }
.gaogan .needcon ul li .name { text-align: center; margin-top: 10px; font-size: 16px; font-weight: bold; color: #444; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }






.fl{float:left;}
.fr{float:right;}
/*.ufo-serve .sevre-wrap{position: relative;background: url(images/ufo-serve-bg.jpg) center center no-repeat; }
.ufo-serve .sevre-wrap .ufo-serve-form {
  position: absolute;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%); 
  -moz-transform:translate(-50%,-50%); 
  -webkit-transform:translate(-50%,-50%); 
  -o-transform:translate(-50%,-50%); 
}*/
.ufo-serve .sevre-wrap{width:100%;height:199px;background: url(../images/ufo-serve-bg.jpg) center center no-repeat; }
.ufo-serve .sevre-wrap .ufo-serve-form {
  padding-top: 48px;
}

.ufo-serve-form .ufo-contact-tel{background:rgba(7,149,54,.7);padding: 5% 9%;}
.ufo-serve-form .ufo-contact-tel > div:first-of-type{padding-right: 4%;font-size: 16px;color:#fff;}
.ufo-serve-form .ufo-contact-tel > div:first-of-type h2{margin: 0 0 3% 0;}
.ufo-serve-form .ufo-contact-tel > div:last-of-type{font-size: 22px;color:#fff;border-left: 1px solid #fff; padding-left: 4%;}
.ufo-serve-form .serve-form > div:last-of-type a, .sub-y{background:#079536;border-radius: 5px; display: block;padding:10px 0;text-align: center;color: #fff;font-size:28px;  }

.ufo-serve-form .serve-form .form-group > input{border:none;margin-bottom: 6%;}
.ufo-serve-form .serve-form .form-group > input:last-of-type{margin-bottom: 0;}
.ufo-serve-form .serve-form .form-group .form-control{height: 44px;}
.ufo-green-btn{background: #53b54b;color: #fff;display: block;padding:1% 0; margin: 0 auto;width: 150px; text-align: center;}
.ufo-green-btn:hover{color: #fff;}
.ufo-green-btn:link{color: #fff;}

@media (min-width: 1200px){
  .cen-t-i{ padding-bottom: 30px;}
 .media-left img{
  width: 200px!important;
  height: 150px;
  border: 1px solid #d7d7d7;
}    

 
}

@media screen and (max-width: 765px) {
  .ufo-serve-form .serve-form .form-group > input{
    margin-bottom: 2%;
  }
  .form-group{
    margin-bottom: 2%;
  }

.sub-y{
padding: 6px 0;
color: #fff;
font-size: 20px;
} 



} 




.section-service .media-body h3 a {
    font-size: 18px;
    color: #333333;
}

.section-service .media-body:hover h3 a  {
    color: #4AB344;
}

.news_detail .media-body p:nth-child(2) {
    margin-top: 0px;
    margin-bottom: 0;
}

.recommend {
    margin-top: 24px;
}

.recommend a:hover {
    color: #4AB344;
}

.recommend p{

    border-bottom: 1px dotted #d7d7d7;

}
.recommend p a{
    font-size: 15px;
    color: #333333;
    line-height: 39px;
    margin-bottom: 15px;  

}

.recommend p a:hover{
    color: #4AB344;
}

.recommend p span {
    float: right;
    font-size: 14px;
    color: #666666;
}


            .news_detail p {
                line-height: 50px;
                font-size: 16px;
                margin-bottom: 15px;
            }
            
            .news_detail h3 {
                font-size: 18px;
                line-height: 35px;
                margin-top: 15px;
                margin-bottom: 15px;
            }