@charset "utf-8";

header {
  background-color: #5d5e62;
  height: 30px;
  line-height: 30px;
  min-width: 1200px;
}

header span {
  margin-right: 24px;
  font-size: 12px;
  color: #ffffff;;
}

.header {
  height: 110px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
  min-width: 1200px;
}

.header .logo {
  margin-top: 20px;
}

.header ul li {
  float: left;
  font-size: 16px;
}

.header ul li > a {
  width:100px;
  line-height: 100px;
  text-align: center;
  height:110px;
}

.header ul li > a:hover {
  color: #fff;
  background-color: #2153a3;
  /*padding: 45px 18px;*/
}
.nav > li{
   float: left;
   height: 50px;
   line-height: 50px;
   text-align: center;
   width: 12.5%;
   font-size: 16px;
}
.nav > li > a{
   color: #fff;
}
.nav > li:hover{
   background: #093986;
}
 .dropdown{
   position: relative;
 }
 .dropdown .dropdown-content{
   position: absolute;
   top:50px;
   left:-25px;
   background-color: #ffffff;
   display: none;
   z-index: 100;
 }
 .dropdown .dropdown-content > li > a{
   width:220px;
   border-bottom:1px solid #e6e6e6;
 }
 .dropdown .dropdown-content > li:hover > a{
   color: #ffffff;
   background: #093986;
 }
.dropdown:hover .dropdown-content{
   display: block;
 }
 .item{
   position: relative;
 }
 .item-list{
   position:absolute;
   left:100%;
   top:0;
   background: #fff;
   z-index: 100;
   display: none;
 }
 .item-list li a{
   width:300px;
   border-bottom:1px solid #e6e6e6;
 }
 .item-list li:hover a{
   color: #ffffff;
   background: #093986;
 }
 .item:hover > .item-list{
   display: block;
 }

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*基础动画样式*/
.animated {
  animation-duration: 0.8s;
  animation-fill-mode: both;
}
.fadeIn {
  animation-name: fade;
  animation-direction: normal;
}

/*z主体图*/
.banner {
  position: relative;
  height: 500px;
  min-width: 1200px;
  background: url("../images/banner3.png") no-repeat top;
  background-size: cover;
}

.banner ul {
  z-index: 100;
  height: 24px;
  overflow: hidden;
  position: absolute;
  top: 93%;
  left: 47%;
}

.banner li {
  float: left;
}

.banner li a {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 22px;
  background-color: #ffffff;
}

.banner li a.li_on {
  background-color: #f6ad38;
}

.serv {
  padding-top: 43px;
  height: 280px;
  background: url("../images/serv_bj.png") no-repeat;
  background-size: cover;
}

.serv ul {

  overflow: hidden;
}

.serv li img {
  float: left;
  display: block;
  width:60px;
}

.serv li {
  box-sizing: border-box;
  width: 285px;
  height: 194px;
  float: left;
  overflow: hidden;
  padding: 35px 20px 0;
  /*box-shadow: 0px 5px 18px 0px rgba(21, 31, 44, 0.15);*/

}

.serv li{
  margin:10px 7px;
}

.serv li:hover {
  background-color: #ffffff;
  box-shadow: 0px 5px 18px 0px rgba(21, 31, 44, 0.15);
}

.serv li > div {
  float: left;
  margin-left: 26px;
 width:159px;
}

.serv li > div h1 {
  font-size: 14px;
  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}

.serv li > div .line {
  width: 25px;
  height: 2px;
  background-color: #cccccc;
  margin: 19px 0 29px;
}

.serv li > div p {
  font-size: 12px;
  color: #666666;
  height: 80px;
  text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}
.content>.section{
  margin-top:41px;
  padding-bottom:20px;
  border-bottom: 2px solid #b0b3c1;
  overflow: hidden;
}
/*中心内容*/
.left {
  width: 851px;

}

/*新闻动态*/
.new {
  width: 851px;
}

.title {
  overflow: hidden;
  height: 40px;
  border-bottom: 1px solid #ced1d6;;
}

.title > div.fl {
  position: relative;
}

.title > div.fl p {
  font-size: 20px;
  color: #2465cd;
}

.title > div.fl > div {
  position: absolute;
  top: 38px;
  width: 50px;
  height: 2px;
  background-color: #2465cd;
}

.title > div.fr {
  color: #f6ad38;
}

.left .center {
  margin-top: 25px;
  margin-bottom: 37px;
}

.left .center img {
  float: left;
}

.left .center ul {
  float: left;
  height: 232px;
  overflow: hidden;
  margin-left: 30px;
  box-sizing: border-box;
}

.left .center ul li {
  overflow: hidden;
  width: 431px;
  box-sizing: border-box;
  padding-left: 18px;
  background: url("../images/list_icon_1.png") no-repeat left;
  margin-bottom: 15px;
}

.left .center ul li a {
  float: left;
  color: #4d4d4d;

}

.left .center ul li a:hover {
  color: #f6ad38;
}

.left .center ul li span {
  float: right;
  color: #999999;
}

/*关于我们*/
.left .center > p {
  width: 426px;
  color: #4d4d4d;
  height: 200px;
  line-height: 28px;
  overflow: hidden;
  padding-left: 34px;
}

.left > img {
  width: 850px;
  height: 76px;
}

.left .center2 {
  margin-top: 32px;
  margin-bottom: 20px;
}

.left .center2 .download, .left .center2 .study {
  width: 406px;
}

.left .center2 .download {
  margin-right: 39px;
}

.left .center2 ul {
  margin-top: 31px;
  height: 238px;
  overflow: hidden;
}

.left .center2 ul li {
  overflow: hidden;
  width: 406px;
  box-sizing: border-box;
  padding-left: 18px;
  background: url("../images/list_icon_2.png") no-repeat left;
  margin-bottom: 22px;
}

.left .center2 ul li a {
  float: left;
  color: #4d4d4d;

}

.left .center2 ul li a:hover {
  color: #f6ad38;
}

.left .center2 ul li span {
  float: right;
  color: #999999;
}




.certificate {
    width: 400px;
    text-align: center;
}

    .left .center2 .search p {
        font-size: 20px;
        color: #2465cd;
        margin: 25px 0;
    }

    .left .center2 .search input {
        width: 260px;
        height: 48px;
        border: solid 1px #dce0e6;
        box-sizing: border-box;
        padding-left: 12px;
        margin-bottom: 10px;
    }

    .left .center2 .search a {
        width: 260px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        background-color: #2465cd;
        font-size: 16px;
        color: #fff;
        margin:20px auto;
    }

/*右边部分*/
.right {
  margin-left: 46px;
}

/*认证进度*/
.right .progress {
  width: 300px;
  height: 170px;
  border: solid 1px #d7dbe0;
  box-sizing: border-box;
}

.right .progress a {
  margin: 0 auto;
  width: 260px;
  height: 61px;
  line-height: 61px;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;

}

.right .progress a.plan {
  background: #f6ad38 url("../images/icon1.png") no-repeat 20px center;
  margin-top: 20px;
}

.right .progress a.online {
  background: #1bcb93 url("../images/icon2.png") no-repeat 20px center;
  margin-top: 9px;
}

/*证书查询*/
.right .credential {
  margin-top: 30px;
  box-sizing: border-box;
  width: 300px;
 /* height: 460px;*/
  border: solid 1px #d7dbe0;
  padding: 20px;
}

.right .credential p {
  font-size: 20px;
  color: #2465cd;
  margin: 2px 0 21px;
}

.right .credential input {
  width: 260px;
  height: 48px;
  border: solid 1px #dce0e6;
  box-sizing: border-box;
  padding-left: 12px;
  margin-bottom: 10px;
}

.right .credential a {
  width: 260px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: #2465cd;
  font-size: 16px;
  color: #fff
}

.right .credential span {
  display: inline-block;
  width: 260px;
  text-align: right;
  color: #808080;
  margin: 7px 0 19px;
}

.right .credential .enter input {
  padding-left: 52px;
}

.right .credential .enter p {
  margin-top: 15px;
}

.right .credential .enter input.btn1 {
  background: url("../images/login.png") no-repeat 15px center;
}

.right .credential .enter input.btn2 {
  background: url("../images/password.png") no-repeat 15px center;
}

.right .aptitude {
  margin-top:24px;
  width: 300px;
  height: 250px;
  border: solid 1px #d7dbe0;
}

.right .aptitude .title {
  width: 260px;
  height: 40px;
  margin: 22px 0 0 20px;

}

.right .aptitude img {
  width: 190px;
  margin: 22px 0 0 52px;
}
.link{
  height:150px;
  padding-top:31px ;
  margin-bottom:61px;
}
.link .title{
  border:none;
}
.link ul{
  padding-top:22px;

}
.link li{
  float: left;
  margin-right:20px;
}
.link li:last-child{
  margin-right:0px;
}
/*底部*/
.footer{
  text-align: center;
  color: #d0d0d0;
  height: 204px;
  overflow:hidden;
  background:#313741;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#313741,endColorstr=#313741);*/

  min-width: 1200px;

  /*background-color: black;*/
  filter: none !important;
  box-sizing: border-box;
}
.footer dl{
  padding-top:46px;
  width: 395px;
  margin:0 auto;
  overflow: hidden;
  margin-bottom: 20px;
}
.footer dl dd{
  float: left;
}
.footer dl dd a{
  color: #d0d0d0;
}
.footer dl dd{
   padding-right:4px;
   border-right: 2px solid #d0d0d0;
 }
.footer dl dd:last-child{
  padding-right:4px;
  border-right: 2px solid #d0d0d0;
}
/*.footer dl dd:not(:last-child){*/
  /*padding-right:4px;*/
  /*border-right: 2px solid #d0d0d0;*/
/*}*/
.footer span{
  display: inline-block;
  padding-right:46px;
  margin-bottom: 20px;
}
.footer span:last-child{
  /*display: inline-block;*/
  padding-right:0px;
  /*margin-bottom: 20px;*/
}
.footer p{
  margin-bottom: 20px;
}




/*********************详情页***********************/
.banner3 {
  height: 400px;
  background: url("../images/banner4.png") no-repeat top;
  background-size: cover;
}
.detail{
  background: #F5F5F5;
  padding-top:46px;
}
.detail .section{
  overflow: hidden;
  padding-bottom:51px;
  /*border:1px solid transparent;*/
}
.detail .section dl{
  float: left;
}
.detail .section dl dt{
  box-sizing: border-box;
  width: 240px;
  height: 100px;
  background-color: #2465cd;
  padding:20px;
  margin-bottom: 8px;
}
.detail .section dl dt p{

    font-size: 24px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
    margin-bottom: 6px;
    float: left;
}
.detail .section dl dt p a{
  color: #ffffff;
}
.detail .section dl dt span{
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  display:block;
  clear:both;
  
}
.detail .section dl dd{
  box-sizing: border-box;
  width: 240px;
  height: 50px;
  line-height: 50px;
  padding-left:20px;
  background:#ffffff url("../images/icon4.png") no-repeat 209px center;
  margin-bottom: 8px;
}
.detail .section .detail_c{
  margin-left:49px;
  width: 910px;
  background: #fff;

}
.detail .section .detail_c .detail_h{
  box-sizing: border-box;
  padding-left: 31px;
  height:64px;
  line-height: 64px;
  border-bottom: 1px solid  #dce0e6;;
}
.detail .section .detail_c .detail_h img{
  position: relative;
  top:-2px;
  margin-right:8px;
}
.detail .section .detail_c .detail_h span{
  display: inline-block;
  margin-right:5px;
  color: #666666;
}
.detail .section .detail_c .detail_h span a{
  color: #666666;
}
.detail .section .detail_c .detail_h span a.color{
  color: #2465cd;
}
.detail .section .detail_c .page>h1{
  font-size: 22px;
  font-weight: 500;
  padding-bottom:15px;
  text-align: center;
  margin:35px auto 0;
}
.detail .section .detail_c .page>div.line{
  width: 90px;
  height: 2px;
  background-color: #2465cd;
  text-align: center;
  margin:0 auto;
}
.detail .section .detail_c .page>div.word{
  line-height: 28px;
  width:850px;
  margin:31px auto 0;
  text-align: left;
  padding-bottom:59px;
}

.dropdown:hover .dropdown-content
{
  display:block;
}
.dropdown:hover .dropdown-content
{
  display:block;
}
/**************列表详情页********************************/
.banner4 {
  height: 400px;
  background: url("../images/newsbanner.png") no-repeat top;
  background-size: cover;
}
.detail .section .detail_c .page>div.time{
  display: block;
  text-align: center;
  color: #999999;
  border-bottom:1px dashed #ced1d6;
  padding-bottom: 24px;
  margin:0 30px;
}

/*列表页-新闻*/
.newsbanner{
  height: 400px;
  background: url(../images/newsbanner.png) no-repeat top;
  background-size: cover;
}
.news{
  background:#f5f5f5;
}
.w{
  width: 1200px;
  margin:0 auto;
  overflow: hidden;
  padding-bottom: 50px;
}
.leftside{
  width:240px;
  float: left;
  margin-top: 50px;
}
.leftside .lt-title{
  height:100px;
  background-color:#2465cd;
  color: #ffffff;
  font-size: 24px;
  padding-left: 20px;
}
.leftside .lt-title dt{
  padding-top: 20px;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
  margin-bottom: 6px;
  float:left;
}
.leftside .lt-title dd{
  font-size:12px;
  clear:both;
}
.leftside a{
  font-size:16px;
  height:50px;
  line-height:50px;
  display:block;
  background-color:#ffffff;
  box-sizing:border-box;
  color: #333333;
  padding: 0 20px;
  margin-top:8px;
  overflow: hidden;
}
.leftside a p{
  float: left;
}
.leftside a span{
  float: right;
}
.rightside{
  margin: 50px 0 0 50px;
  float: left;
  width: 910px;
  background-color: #ffffff;
}
.right-title{
  height: 60px;
  line-height:60px;
  border-bottom:1px solid #dce0e6;
  padding-left: 30px;
}
.right-title dl dd{
  float:left;
}
.right-title dl dd a{
  font-size: 14px;
  color: #666666;
}
.right-title dl dd .color{
  color: #2465cd;
}
.right-title .title-color img{
  width: 16px;
  height:13px;
  margin: 24px 8px 0 0;
}
.main-r dl{
  padding: 25px 0;
  margin:0 30px;
  box-sizing:border-box;
}
.main-r .main{
  border-bottom: 1px dashed #e4e6eb;
}
.main-r .main .fr a {
  height: 100px;
  line-height:100px;
  margin-right: 30px;
  font-size:14px;
  color:#666666;
}
.main-r .main .fr a:hover{
  color: #2465cd;
}
.main-r dl dt{
  margin-right:23px;
  font-size: 14px;
  color: #666666;
}
.main-r dl div a{
  display: inline-block;
  font-size: 16px;
  color: #333333;
}
.main-r dl dd{
  margin-top: 16px;
  font-size: 14px;
  color: #999999;
}
.main-r dl div a:hover{
  color:#2465cd;
}
.page_num{
  margin:50px 0 40px 340px;
  padding-bottom:40px;
}
.page_num li{
  float:left;
}
.page_num li a{
  display:block;
  width:38px;
  height:28px;
  line-height: 28px;
  border:1px solid #d9d9d9;
  border-radius: 4px;
  margin:0 10px;
  text-align:center;
  font-size:14px;
  color:#999999;
}
.page_num li a:hover{
  background-color: #2465cd;
  color:#ffffff;
}
/*列表页-文件下载*/
.right-list .list-row{
  font-size: 14px;
  height: 55px;
  line-height: 55px;
  color: #333333;
  border-bottom:1px dashed #e4e6eb;
  margin: 0 30px;
}
.right-list .list-row>a{
  background: url("../images/icon5.png") no-repeat;
  width:30px;
  height:30px;
  margin-top:10px;
}
.right-list .list-row>a:hover{
  background: url("../images/icon5_on.png") no-repeat;
}
.right-list .title_list a{
  display: block;
  font-size:14px;
  line-height:55px;
}
.right-list .title_list a:hover{
  color:#2465cd;
}