@charset "utf-8";
/*头部*/
html{
  height:100%;
}
body{
  min-height:100%;
  position: relative;
}
/*头部*/
.header {
  height: 100px;
}
.header .logo {
  margin-top: 15px;
}
.header .toggle {
  margin-top: 18px;
  display: none;
}
.hotline{
  background:url(../images/tel.png) no-repeat left;
  margin-top: 17px;
  padding:5px 0 5px 65px;
}
.hotline span{
  font-size: 18px;
  color: #878585;
}
.hotline p{
  font-size: 24px;
  font-weight: bold;
  color: #000064;
}
.mobile-img
{
    display:none;
    }
/*导航*/
.nav{
  height: 60px;
  line-height:60px;
  background-color: #000065;
}
.nav .section > ul > li
{
   width:11.1%; 
  float: left;
}
.nav >.section > ul > li > a{
  display: block;
  width:100%;
  text-align:center;
  font-size: 16px;
  color: #ffffff;
  font-weight:900;
}
.nav ul li:hover{
  background-color: #e71f21;
}
.nav ul li:hover > a{
  color: #fff;
}
/*导航下拉*/
.dropdown{
  position: relative;
  z-index: 100;
}
.dropdown .dropdown-content
{
  width: 100%;
  position: absolute;
  top:60px;
  left:0;
  background-color: #ffffff;
  display: none;
  z-index: 100;
}
.dropdown .dropdown-content li a{
  display: block;
  height:50px;
  line-height:50px;
  text-align: center;
}
.dropdown .dropdown-content li:hover{
  background: #e71f21;
}
.dropdown .dropdown-content li:hover a{
  color: #ffffff;
}
.dropdown:hover .dropdown-content{
  display: block;
}
/* 移动端导航 */
.mobile-nav{
  display: none;
}
.mobile-nav ul > li {
  width: 100%;
}
.mobile-nav ul > li > a {
  display: block;
  height:40px;
  line-height:40px;
  font-size: 16px;
  padding-left: 15px;
}
.mobile-nav ul > li:hover{
  background: #e71f21;
}
.mobile-nav ul > li:hover > a {
  color: #fff;
}
.mobile-nav li.dropdown{
  height: auto;
}
.mobile-nav .dropdown > a{
  background: url(../images/down.png) no-repeat 85px center;
}
.mobile-nav .dropdown:hover > a{
  background-image: url(../images/down-on.png);
}
.mobile-nav .dropdown:hover .dropdown-content {
  display: none;
}
.mobile-nav .dropdown .dropdown-content {
  position: static;
}
.mobile-nav .dropdown .dropdown-content li a {
  height:40px;
  line-height:40px;
  padding-left: 30px;
  font-size: 14px;
  text-align: left;
}
/*banner图*/
.main{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.banner{
  height: 500px;
  overflow: hidden;
  position: relative;
}
.banner-slide{
  width: 100%;
  height: 100%;
  background-repeat:no-repeat;
  background-size: 100% 100%;
  position: absolute;
  display: none;
}
.slide1{
  background-image: url(../images/banner.png);
}
.slide2{
  background-image: url(../images/banner1.png);
}
.slide3{
  background-image: url(../images/banner2.png);
}
.slide-active{
  display: block;
}
.button{
  position: absolute;
  width: 40px;
  height: 80px;
  line-height: 80px;
  left: 0;
  top: 50%;
  margin-top: -40px;
  background:url(../images/arrow-lt.png) center center no-repeat;
}
.button:hover{
  background-color: #333;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.next{
  background:url(../images/arrow-rt.png) center center no-repeat;
  left:auto;
  right:0;
}
.dots{
  position: absolute;
  left: 50%;
  bottom: 24px;
  margin-left: -50px;
  text-align: right;
}
.dots span{
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 50%;
  background: rgba(7,17,27,0.4);
  margin-left: 8px;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.8) inset;
  cursor: pointer;
}
.dots span.active{
  box-shadow: 0 0 0 2px rgba(7,17,27,0.4) inset;
  background: #fff;
}
/*内容*/
.content{
  padding-bottom:150px;
}
/*招聘*/
.join{
  height: 240px;
  text-align: center;
  color: #fff;
  background: url(../images/join.png) center;
  background-size: cover;
}
.join h2{
  font-size: 20px;
  padding: 65px 0 15px;
}
.join p{
  font-size: 18px;
  margin-bottom: 30px;
}
.join a{
  display: inline-block;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #000065;
  background-color: #ffffff;
  padding:0 50px;
}
/*标题*/
.caption{
  text-align: center;
}
.caption .title{
  position: relative;
  top: -30px;
}
.caption span{
  font-size: 60px;
  color: #d5d5d5;
}
.caption h3{
  font-size: 26px;
  letter-spacing: 3px;
  margin-bottom: 20px;
}
.caption .line{
  width: 100px;
  height: 3px;
  background:#232387;
  margin: 0 auto;
  overflow: hidden;
}
/*关于我们*/
.about-us h1{
  font-size: 22px;
  font-weight: bold;
  color: #000065;
  margin-bottom: 25px;
}
.about-us .section{
  position: relative;
}
.about-us img{
  position: absolute;
  right: 0;
  bottom: 0;
}
.about-us .about-container{
  width: 90%;
  height: 480px;
  background-color: #f8f9fd;
}
.about-us .about-content{
  width: 45%;
  padding: 40px 0 0 20px;
}
.about-us .about-content p{
  font-size: 18px;
  line-height: 30px;
  color: #666666;
  text-align: justify;
}
.about-us .about-content a,
.item-a{
  display: inline-block;
  color: #000065;
  border: solid 1px #000065;
  padding: 10px 50px 10px 25px;
  background:url(../images/rt.png) no-repeat 135px center;
  margin-top: 50px;
}
.item-a{
 margin-top:0;
  background:url(../images/rt.png) no-repeat 75px center;
  
}
/*服务项目*/
.service-content ul{
  overflow: hidden;
}
.service-content li{
  box-sizing: border-box;
  width:24%;
  float: left;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 11px 1px rgba(213, 214, 215, 0.5);
  -moz-box-shadow: 0px 4px 11px 1px rgba(213, 214, 215, 0.5);
  box-shadow:0px 4px 11px 1px rgba(213, 214, 215, 0.5);
  margin-right: 1%;
  margin-bottom:15px;
}
*+.service-content li{
  border:1px solid #eee;
}
.service-content li img.pc-img
{
  display:block;
  width:100%;
  height:160px;
}
.service-content li .items{
  padding: 20px;
}
.service-content li h3{
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
.service-content li p{
  height: 100px;
  line-height: 24px;
  color: #666666;
  text-align: justify;
}
/*新闻资讯*/
.news .left{
  position: relative;
  width: 34%;
}
.news .left img{
  width: 100%;
  height: 300px;
}
.news .left-info{
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color:rgba(0,0,0,0.5);
  position: absolute;
  left: 0;
  bottom: 0;
}
.news .left-info p{
  font-size: 16px;
  color: #ffffff;
  margin-left: 10px;
}
.news .left-info span{
  color: #ffffff;
  margin-right: 10px;
}
.news .left ul{
  z-index: 100;
  height: 24px;
  overflow: hidden;
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left:-35px;
}
.news .left li{
  float: left;
}
.news .left li a{
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffffff;
  margin-right: 10px;
}
.news .left li a.li-on{
  background: #000065;
}
.news .right{
  width: 64%;
}
.news .right-title{
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-bottom:1px solid #e8e8e8;
}
.news  .right-title li{
  float: left;
  width: 120px;
  border-right:1px solid #e8e8e8;
}
.news  .right-title li a{
  font-size: 16px;
  color: #1a1a1a;
  display: block;
}
.news  .right-title li:hover,
.news  .right-title li.on{
  background-color: #000065;
}
.news  .right-title li:hover a,
.news  .right-title li.on a{
  color: #ffffff;
}
.news  .right-title a.fr{
  margin-right: 20px;
  color: #1a1a1a;
}
.news .right > ul li{
  overflow: hidden;
  zoom:1;
  margin-bottom: 25px;
}
.news .right  li span{
  float: left;
  color: #1a1a1a;
  margin-right: 20px;
}
.news .right .item{
  float: left;
}
.news .right .item a{
  font-size: 16px;
  color: #1a1a1a;
}
.news .right .item p{
  color: #808080;
  margin-top: 10px;
}
/*服务优势*/

.service-advantage .middle{
  width: 50%;
}
.service-advantage .middle img{
  width: 100%;
  height: 300px;
}

.service-advantage .middle .title{
  margin-bottom: 8px;
}
.service-advantage .middle .p1{
  font-size: 16px;
  color: #999999;
}
.service-advantage .middle .p2{
  font-size: 24px;
  font-weight: bold;
  color: #000065;
}
.service-advantage .con{
   width: 50%;
   height: 240px;
  text-align: center;
 }
.service-advantage .con img{
  width: 106px;
  height: 70px;
  margin-top: 20px;
}
.service-advantage .con p{
  font-size:16px;
  line-height: 30px;
  padding: 20px 40px 0;
}
.service-advantage .con1,
.service-advantage .con2{
  color: #666666;
  background-color: #fafafa;
}
.service-advantage .con3{
  color: #fff;
  background-color: #4664b5;
}
.service-advantage .con4{
  color: #fff;
  background-color: #2a499e;
}

.service-flow-con3{
  height: 650px;
  background: url(../images/中诚博信服务优势.png) no-repeat center;
}

/*服务原则*/
.service-flow-con1{
  height: 450px;
  background: url(../images/中诚博信服务原则.png) no-repeat center;
}
/*服务流程*/
.service-flow{
  padding-top: 30px;
  background-color: #f6f6f6;
}
.service-flow-con{
  height: 450px;
  background: url(../images/中诚博信服务流程.png) no-repeat center;
}

.service-flow-con2{
  height: 450px;
  background: url(../images/中诚博信年度服务计划设计.png) no-repeat center;
}
.service-flow-con-mobile{
  display: none;
  text-align: center;
  color:#333;
  padding-bottom: 10px;
}
.service-flow-con-mobile p{
  margin-bottom:10px;
}

/*友情链接*/
.link ul{
  overflow: hidden;
  padding-bottom:30px;
}
.link li{
  float: left;
  width: 15.6%;
  margin:0 1% 10px 0;
}
.link li img{
  width: 100%;
}
.link li a{
  display: block;
}

/*底部*/
.footer{
  width: 100%;
  height: 110px;
  overflow:hidden;
  background-color: #000065;
  text-align: center;
  color: #dcdee0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.footer span{
  display: inline-block;
  margin:0 50px 5px 0;
}
.footer .section div{
  margin: 20px 0 10px 0;
}

@media (max-width:767px) {
  .section{
    width: 94%;
  }
  .slide1{
    background-image: url(../images/mobile1.png);
  }
  .slide2{
     background-image: url(../images/mobile2.png);
  }
  .slide3{
    background-image: url(../images/mobile3.png);
   }
  .hotline{
    display: none;
  }
  .nav{
    display: none;
  }
  
  .banner {
    max-height: 200px;
  }
  .mt50 {
    margin-top: 10px;
  }
  .header{
    height: auto;
  }
  .header .logo{
    max-height:48px;
    margin: 5px 0;
  }
  .header .toggle{
    display: block;
    margin-top: 12px;
  }
  .caption span {
    font-size: 40px;
  }
  .caption h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .service-flow {
    padding-top: 15px;
  }
  .service-flow-con {
    max-height: 200px;
  }

  .about-us img {
    display: none;
  }
  .about-us .about-container {
    width: 100%;
    height: auto;
  }
  .about-us .about-content {
    width: 94%;
    padding: 10px 15px;
  }
  .about-us .about-content a {
    margin-top: 20px;
  }
  .service-content li {
    width: 100%;
    margin-bottom: 15px;
  }
  .service-content li img.mobile-img{
    width:100%;
    height:75px;
  }
  .join h2 {
    font-size: 18px;
    padding-top: 30px;
  }
  .join p {
    font-size: 16px;
    padding: 0 10px;
  }
  .news .left {
    display: none;
  }
  .news .right {
    width:100%;
  }
  .news .right > ul li {
    padding-top:20px;
}
  .news .right-title li {
    width: auto;
    padding: 0 10px;
  }
  .service-advantage .con p {
    font-size: 14px;
    line-height: 22px;
    padding:15px 10px;
  }
  .service-advantage .middle {
    width: 100%;
  }
  .service-advantage .middle > img {
    display: none;
  }
  .service-flow-con{
    display: none;
  }
  .service-flow-con-mobile{
    display: block;
  }
  .service-flow-mobile
  {
    display:none;
  }
  .content_lt {
    width: 100%;
    margin-bottom: 0;
  }
  .content_lt li a {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .content_rt {
    width: 100%;
  }
  .content .content_rt h2 {
    font-size: 20px;
  }
  .page {
    text-align: center;
  }
  .link li{
    width: 49%;
  }

.footer{
  height: 120px;
}
  .footer .section div {
    margin: 10px 0 0 0;
  }
  .footer span {
    display: block;
    margin: 0 0 5px 0;
  }
}
@media (max-width: 480px){
  .header .logo {
    max-height: 40px;
    margin-top: 8px;
  }
  .about-us h1 {
    font-size: 20px;
    text-align: center;
  }
  .about-us p {
    font-size: 14px;
  }
  .page a {
    padding: 0 10px;
  }
}
@media (min-width: 768px) {
  .section {
    width: 750px;
  }
  .nav{
    display: block !important;
  }
  .mobile-nav{
    display: none !important;
  }
  .news .right > ul {
    padding-top: 20px;
  }
  .about-us img {
    display: none;
  }
  .about-us .about-container {
    width: 100%;
    height: auto;
  }
  .about-us .about-content {
    width: 94%;
    padding: 10px 15px;
  }
  .about-us .about-content a {
    margin-top: 20px;
  }
  .service-advantage .con {
    height: 300px;
  }
  .service-advantage .con p{
    line-height: 26px;
  }
  .service-content li {
    width: 49%;
  }
  .contact .contact_lf{
    width: 50%;
    margin-bottom: 20px;
  }
  .contact_rt {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .section {
    width: 970px;
  }
  .service-content li {
    width: 24%;
  }
  .contact .contact_lf {
    width: 40%;
  }
  .contact_rt {
    width: 60%;
  }
  .about-us .about-container {
    width: 100%;
    height:auto;
  }
  .about-us .about-content {
    width: 94%;
  }
  .about-us .about-content a {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .about-us img {
    display: none;
  }
  .service-advantage .con {
    height: 300px;
  }
}
@media (min-width: 1200px) {
  .section{
    width: 1200px;
  }
  .news .wrap {
    width: 31.3%;
  }
  .about-us .about-container {
    height: 480px;
  }
  .about-us img {
    display: block;
  }
  .about-us .about-content {
    width: 45%;
    padding: 40px 0 0 20px;
  }
}