@charset "utf-8";
header{
  background-color: #4d607a;
  height: 30px;
  line-height: 30px;
  min-width: 1200px;
}
header span{
  margin-right: 20px;
  font-size: 12px;
  color: #ffffff;;
}
.header{
  height: 110px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
  min-width: 1200px;
}
.header .logo {
  margin-top: 30px;
}
.header ul li {
  float: left;
  font-size: 16px;
}
.header ul li > a {
  width:87.5px;
  height:110px;
  line-height:110px;
  text-align: center;
}
.header ul li > a:hover {
  color: #fff;
  background-color:#3172cb;
}
.dropdown {
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 100;
}
.dropdown-content> a {
  box-sizing: border-box;
  color: #666666;
  width: 269px;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  display: block;
  font-size: 14px;
  overflow: hidden;
}
.dropdown-content> a:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.dropdown-content a:hover {
  color: #3172cb;
  padding-left: 20px;
}
.dropdown:hover .dropdown-content {
  display: block;
}
/*主体图*/
.banner{
  position: relative;
  height: 500px;
  min-width: 1200px;
  background: url("../images/banner.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;
}
.system{
  padding-top: 43px;
  height: 280px;
  background: #f5f7fa;
  background-size: cover;
}
.system ul {
  overflow: hidden;
  width: 1200px;
}
.system li img {
  float: left;
  display: block;
  width: 35px;
}
.system li{
  box-sizing: border-box;
  width: 290px;
  height: 194px;
  float: left;
  overflow: hidden;
  padding:30px 15px 15px 15px;
  margin-right:10px;
  background-color: #ffffff;
  box-shadow: 0 3px 18px 0 rgba(19, 60, 117, 0.16);
}
.system li > div {
  float: left;
  margin-left: 15px;
  width: 210px;
}
.system li > div h1 {
  font-size: 16px;
  width:210px;
  white-space:nowrap;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  overflow:hidden;
  color: #333333;
}
.system li > div .line {
  width: 25px;
  height: 2px;
  background-color: #cccccc;
  margin: 15px 0;
}
.content>.section{
  margin-top:41px;
  overflow: hidden;
}
/*中心内容*/
.left{
  width: 850px;
}
/*新闻动态*/
.new{
  width: 850px;
}
.title{
  overflow: hidden;
  height: 40px;
  border-bottom: 1px solid #3172cb;
}
.title > div.fl{
  position: relative;
}
.title > div.fl p{
  font-size: 20px;
  font-weight:bold;
  color: #3172cb;
}
.title > div.fl > div{
  position: absolute;
  top: 38px;
  width: 50px;
  height: 2px;
  background-color:#3172cb;
}
.title > div.fr a{
  font-size: 14px;
  color: #f6ad38;
}
.left .center {
  margin-top: 25px;
  margin-bottom: 37px;
}
.left .center img {
  float: left;
}
.left .center ul{
  float: left;
  height: 190px;
  overflow: hidden;
  margin-left:29px;
  box-sizing: border-box;
}
.left .center ul li {
  overflow: hidden;
  width: 431px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
 .left .center #XLCH ul li {
  width: 412px;
}
 .left .center #XLCH ul{
  overflow:auto;
  margin-left:28px;
  height: 156px;
}
.left .center #XLCH h3{
  font-size:18px;
  margin:0 0 10px 29px;
}
.left .center #XLCH h3 span{
  float:right;  
}
.left .center #XLCH ul li span{
  padding-right:10px;
}
.left .center ul li a {
  float: left;
  color: #4d4d4d;
   padding-left: 18px;
  background: url("../images/xing.png") no-repeat left;
}
.left .center ul li a:hover {
  color: #f6ad38;
}
.left .center ul li span {
  float: right;
  color: #999999;
}
/*关于我们*/
.left .center > p {
  width: 426px;
  height: 200px;
  line-height: 26px;
  overflow: hidden;
  padding-left: 34px;
  font-size: 14px;
  color: #4d4d4d;
  text-align: justify;
  text-indent: 2em;
}
.left > img {
  width: 850px;
  height: 76px;
}
/*右边部分*/
.right {
  margin-left: 46px;
}
/*认证进度*/
.right .progress{
  box-sizing: border-box;
  width: 300px;
  height: 170px;
  border: solid 1px #d7dbe0;
}
.right .progress a{
  box-sizing: border-box;
  margin: 0 auto;
  width: 260px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.right .progress a.plan {
  background:#3172cb url("../images/progress.png") no-repeat 20px center;
  margin-top: 20px;
}
.right .progress a.online {
  background:#3172cb url("../images/apply.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:18px;
  color: #333333;
  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: #3172cb;
  font-size: 16px;
  color: #ffffff;
}
.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;
}
/*center2*/
.center2{
  margin-top: 30px;
  margin-bottom: 20px;
}
.center2 .download,.center2 .study{
  width: 580px;
}
.center2 .download{
  margin-right: 39px;
}
.center2 ul{
  margin-top: 31px;
  height: 238px;
  overflow: hidden;
}
.center2 ul li{
  overflow: hidden;
  width: 580px;
  box-sizing: border-box;
  padding-left:18px;
  background: url("../images/yello_xing.png") no-repeat left;
  margin-bottom: 22px;
}
.center2 ul li a{
  float: left;
  color: #4d4d4d;
}
.center2 ul li a:hover{
  color: #f6ad38;
}
.center2 ul li span{
  float: right;
  color: #999999;
}
/*友情链接*/
.link{
  height:150px;
  padding-top:30px ;
  /*margin-bottom:61px;*/
  background-color: #f2f4f7;
}
.link .title{
  border:none;
}
.link ul{
  padding-top:20px;
}
.link li{
  float: left;
  margin-right:20px;
}
.link li:last-child{
  margin-right:0;
}
/*底部*/
.footer{
  box-sizing: border-box;
  min-width: 1200px;
  height: 204px;
  overflow:hidden;
  background:#313741;
  text-align: center;
  color: #d0d0d0;
}
.footer dl{
  padding-top:46px;
  width: 500px;
  margin:0 auto;
  overflow: hidden;
  margin-bottom: 20px;
}
.footer dl dd{
  float: left;
  padding-right:4px;
}
.footer dl dd a{
  color: #d0d0d0;
}
.footer span{
  display: inline-block;
  padding-right:100px;
  margin-bottom: 20px;
}
.footer span:last-child{
  padding-right:0;
}
.footer p{
  margin-bottom: 20px;
}

.footer .section{
  background:url(../images/zblxer.png) no-repeat center right;
}

/*列表页*/
.newsbanner{
  height: 400px;
  background: url(../images/detail_banner.png) no-repeat top;
  background-size: cover;
}
.news{
  background:#ffffff;
}
.w{
  width: 1200px;
  margin:0 auto;
  overflow: hidden;
  padding-bottom: 50px;
}
.list_title{
  height: 60px;
  line-height:60px;
  background-color: #f5f6f7
}
.list_title dl dd{
  float:left;
}
.list_title dl dd a{
  font-size: 14px;
  color: #666666;
}
.list_title .title-color img{
  width: 16px;
  height:13px;
  margin: 24px 8px 0 0;
}
.main-r dl{
  padding: 25px 0;
  box-sizing:border-box;
}
.main-r .main
{
  border-bottom: 1px solid #dedfe0;
}


.main-content
{
    width:800px;
    margin:20px auto 0;
    }

.main-title
{
    overflow:hidden;
    zoom:1;
    font-size:24px;
    
    }
    
.main-title h2
{
    float:left;
    font-weight:normal;}
    .main-title span
{
    float:right;}
    
.main-r .main .fr {
  font-size:14px;
  color:#666666;
  margin-top: 30px;
}
.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
{
  width:1020px;  
  margin-top: 16px;
  font-size: 14px;
  color: #999999;
  text-overflow:ellipsis;
  overflow:hidden;
}
.main-r dl div a:hover{
  color:#2465cd;
}
.page_num{
  margin:50px 0 40px 340px;
}
.page_num li{
  float:left;
}
.page_num li a{
  display:block;
  width:38px;
  height:32px;
  line-height: 32px;
  border:1px solid #d9d9d9;
  border-radius: 2px;
  margin:0 10px;
  text-align:center;
  font-size:14px;
  color:#999999;
}
.page_num li.spec a{
  width:62px;
}
.page_num li a:hover{
  background-color:#3172cb;
  color:#ffffff;
}
/*详情页*/
.w .detail_content h1{
  font-size: 24px;
  padding-bottom:15px;
  text-align: center;
  margin:35px auto 0;
  font-weight: normal;
  color: #262626;
}
.w .detail_content .time {
  display: block;
  text-align: center;
  color: #999999;
  border-bottom: 1px solid #dedfe0;
  padding-bottom: 24px;
}
.w .detail_content div.line{
  width:60px;
  height:2px;
  background-color:#3172cb;
  text-align:center;
  margin:0 auto;
}
.w .detail_content p.word{
  line-height: 28px;
  margin:31px auto 0;
  text-align:justify;
  text-indent: 2em;
}


/*相关法律法规*/
.related ul{
  margin-top: 15px;
}
.related ul li {
  overflow: hidden;
  padding-left: 18px;
  background: url("../images/xing.png") no-repeat left;
  margin-bottom: 15px;
}
.related li a{
  float: left;
  color: #4d4d4d;
}
.related li:hover a{
  color: #f6ad38;
}
.related li span {
  float: right;
  color: #999999;
}

.tab-title{
  margin:0 0 15px 29px;
}
.tab-title a{
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #f2f2f2;
  color: #4d4d4d;
  margin-right: 5px;
}
.tab-title a:hover{
  background-color: #0360af;
  color: #fff;
}