﻿@charset "utf-8";
/*首页*/
html{
  height: 100%;
  overflow-x: hidden;
}
body{
  min-height: 100%;
  position: relative;
}
/*头部*/
.header{
  height: 100px;
  background: #ffffff;
}
.header .logo{
  margin-top: 8px;
}
.header .header-right {
  overflow:hidden;
  margin-top: 20px;
}
.header .header-right-a{
  text-align:right;
}
.header .header-right-a a{
  margin-left: 10px;
}
.header .header-right .sitetime {
  text-align:right;
  margin-top:15px;
  overflow:hidden
}
/*导航*/
.nav-area{
  min-width: 1200px;
  background-color: #4664b5;
}
.nav>li{
  float: left;
  width: 12.5%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
}
.nav>li a{
  display:block;
  font-size: 18px;
  color: #fff;
}
.nav>li:hover,.nav li.current{
  background-color: #fff;
}
.nav>li:hover a,.nav li.current a{
  color: #4664b5;
}
/*二级导航*/
.drop-down-content{
  display: none;
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #fff;
}
.nav .drop-down-content li a{
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.drop-down-content li:hover a{
  color:#fff;
  background: #4664b5;
}
.nav li:hover .drop-down-content{
  display: block;
}
/*banner大图*/
.banner{
  height: 500px;
  min-width: 1200px;
  background: url(../images/banner.png) no-repeat center center;
}
/*内容*/
.content{
  padding-bottom: 400px;
}
/*快捷通道*/
.fast-pass{
  padding: 30px 0;
  background-color: #f7f7f7;
}
.fast-pass1{
  min-width: 1200px;
}
.fast-pass ul{
  overflow: hidden;
}
.fast-pass li{
  width: 200px;
  float: left;
  font-size: 20px;
  text-align: center;
  padding: 30px 0;
  cursor:pointer;
}
.fast-pass li span{
  font-size: 14px;
  color: #808080;
}
.fast-pass li.current,
.fast-pass li:hover{
  background-color: #4664b5;
  box-shadow: 0 4px 10px 0 rgba(22, 44, 106, 0.3);
}
.fast-pass li.current p,
.fast-pass li.current span,
.fast-pass li:hover p,
.fast-pass li:hover span{
  color:#fff;
}
.fast-pass li a{
  display: block;
  height: 70px;
}
.fast-pass li a.p1{
  background: url(../images/icon1.png) no-repeat center;
}
.fast-pass li:hover a.p1{
  background: url(../images/icon1-hover.png) no-repeat center;
}
.fast-pass li a.p2{
  background: url(../images/icon2.png) no-repeat center;
}
.fast-pass li:hover a.p2{
  background: url(../images/icon2-hover.png) no-repeat center;
}
.fast-pass li a.p3{
  background: url(../images/icon3.png) no-repeat center;
}
.fast-pass li.current a.p3,
.fast-pass li:hover a.p3{
  background: url(../images/icon3-hover.png) no-repeat center;
}
.fast-pass li a.p4{
  background: url(../images/icon4.png) no-repeat center;
}
.fast-pass li:hover a.p4{
  background: url(../images/icon4-hover.png) no-repeat center;
}
.fast-pass li a.p5{
  background: url(../images/icon5.png) no-repeat center;
}
.fast-pass li:hover a.p5{
  background: url(../images/icon5-hover.png) no-repeat center;
}
/*关于我们*/
.about-us{
  margin: 30px auto;
}
.about-us .lt{
  width: 540px;
}
.lt .lt-title{
  margin-bottom:10px;
}
.lt .lt-title h2 a{
  display: block;
  font-size: 28px;
  color: #4664b5;
  margin-bottom: 10px;
}
.lt p{
  line-height: 24px;
  color: #666666;
}
.lt>a{
  display: inline-block;
  padding: 0 30px;
  height: 34px;
  line-height: 34px;
  border-radius: 20px;
  border: 1px solid #cccccc;
  margin-top: 20px;
}
.lt>a:hover{
  color: #ffffff;
  background:#4664b5;
}
.rt{
  width: 630px;
}
.rt li{
  float: left;
  width: 314px;
  border-left:1px solid #ccd2e0;
}
.rt .wrap{
  margin: 30px 0 30px 0;
  padding:0 20px 0 20px;
  border-left:3px solid #4664b5;
  margin-left:-2px;
}
.rt .wrap h3{
  font-size: 20px;
  margin-bottom: 10px;
}
.rt .wrap p{
  color: #999999;
}
/*认证服务*/
.left{
  width: 880px;
  padding: 20px 0;
}
.right{
  width: 290px;
}
.tab-title{
  font-size:0;
  margin-bottom: 20px;
  border-bottom:1px solid #4664b5;
}
.tab-title a{
  display: inline-block;
  padding: 10px 15px;
  font-size: 16px;
}
.tab-title a.current,
.tab-title a:hover{
  color: #ffffff;
  background-color:#4664b5;
}
.service{
  padding: 0;
  background: #fff;
}
.service ul{
  width: 250%;
  overflow: hidden;
}
.service li{
  width: 205px;
  background-color: #fafafa;
  margin:0 20px 20px 0;
  float: left;
  font-size: 20px;
  text-align: center;
  padding: 30px 0;
  cursor:pointer;
}
.service li a{
  display: block;
  font-size: 16px;
  margin-top:10px;
}
.service li a.p1{
  background: url(../images/img1.png) no-repeat center;
}
.service li:hover a.p1{
  background: url(../images/img1-hover.png) no-repeat center;
}
.service li a.p2{
  background: url(../images/img2.png) no-repeat center;
}
.service li.current a.p2,
.service li:hover a.p2{
  background: url(../images/img2-hover.png) no-repeat center;
}
.service li a.p3{
  background: url(../images/img3.png) no-repeat center;
}
.service li:hover a.p3{
  background: url(../images/img3-hover.png) no-repeat center;
}
.service li a.p4{
  background: url(../images/img4.png) no-repeat center;
}
.service li:hover a.p4{
  background: url(../images/img4-hover.png) no-repeat center;
}
.service li a.p5{
  background: url(../images/img5.png) no-repeat center;
}
.service li:hover a.p5{
  background: url(../images/img5-hover.png) no-repeat center;
}
.service li a.p6{
  background: url(../images/img6.png) no-repeat center;
}
.service li:hover a.p6{
  background: url(../images/img6-hover.png) no-repeat center;
}
.service li a.p7{
  background: url(../images/img7.png) no-repeat center;
}
.service li:hover a.p7{
  background: url(../images/img7-hover.png) no-repeat center;
}
.service li a.p8{
  background: url(../images/img8.png) no-repeat center;
}
.service li:hover a.p8{
  background: url(../images/img8-hover.png) no-repeat center;
}
.service li p{
  font-size: 14px;
  margin-top:20px;
}
/*中心园地*/
.study .img{
  width: 360px;
  height: 280px;
  position: relative;
}
.study .img img{
  width: 100%;
  height: 280px;
}
.img dl{
  position: absolute;
  bottom: -30px;
  left: 0;
  background-color: #4664b5;
  padding: 5px 5px 5px 0;
}
.img dt{
  width: 90px;
  text-align: center;
}
.img dt .date{
  display: block;
  font-size: 42px;
  color: #fff;
}
.img dl dd{
  width: 265px;
}
.img dt .year,
.img dd a,
.img dd p{
  color: #fff;
}
.img dd h3{
  font-size: 18px;
  margin-bottom: 5px;
}
.img dd p{
  text-align: justify;
  line-height: 22px;
}
.study li{
  height: 40px;
  line-height: 40px;
  border-bottom:1px dashed #e5e5e5;
}
.study li a{
  float: left;
  color: #4d4d4d;
  padding-left: 15px;
  background: url(../images/xing.png) no-repeat left center;
}
.study li:hover a{
  color: #4664b5;
}
.study li span{
  float: right;
  font-size: 12px;
  color: #808080;
}
.news{
  width: 500px;
}
.news img{
  width: 360px;
  height: 280px;
  float: left;
}
.news-content .fl{
  width: 400px;
}
.news-content h3{
  font-size: 18px;
  padding: 10px 0;
  border-bottom: 1px dashed #e5e5e5;
  margin-bottom: 10px;
}
.news-content p{
  color: #808080;
  line-height: 24px;
}
.news-content .date{
  display: block;
  font-size: 34px;
  color: #333333;
  text-align: right;
}
.news-content .year{
  font-size: 12px;
  color: #808080;
}
 /*右侧*/
.right{
  width: 290px;
}
.certify-query,
.apply {
    padding: 20px 20px 10px;
    border: 1px solid #d7dbe0;
}
.certify-query .headline{
  font-size:0;
  margin-bottom: 20px;
  border-bottom:1px solid #4664b5;
  text-align: center;
}
.certify-query .headline a{
  float: left;
  width: 124px;
  height: 38px;
  line-height:38px;
  font-size: 16px;
}
.certify-query .headline a.current,
.certify-query .headline a:hover{
  color: #ffffff;
  background-color:#4664b5;
}
.certify-query .type label{
  font-size: 16px;
}
.certify-query .type label.current{
  color:#4664b5;
}
.certify-query .type input{
  margin-right: 6px;
}
.search_text{
  width: 100%;
  height: 34px;
  line-height: 34px;
  border:1px solid  #dce0e5;
  color:#999999;
  text-indent:1em;
}
.search_btn{
  display: block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin: 10px 0;
  font-size: 16px;
  color: #fff;
  background-color: #4664b5;
  border-radius: 8px;
}
.apply .headline h2{
  padding-bottom: 10px;
  text-align: center;
  font-size: 22px;
}
.apply li{
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  margin-bottom: 10px;
}
.apply li.info1{
  background-color: #71a1ef;
}
.apply li.info2{
  background-color: #f47d7d;
}
.apply li.info3{
  background-color: #4fc8b1;
}
.apply li a{
  color: #ffffff;
}
.auditor-area a{
  display: block;
  height: 88px;
  line-height: 88px;
  background: url(../images/auditor-area.png) no-repeat;
  font-size: 28px;
  color: #ffffff;
  text-align: center;
}
.joinus{
  background: url(../images/joinus.png) no-repeat;
  height: 108px;
  text-align: center;
  color: #fff;
  margin-bottom:10px;
}
.joinus a{
  display: block;
  font-size: 26px;
  color: #fff;
  padding: 20px 0 5px 0;
}
.joinus p{
  font-size: 16px;
}
/*链接*/
.link{
  min-width: 1200px;
  padding:20px 0;
  background-color: #F5F7FA;
}
.link ul{
  width: 1210px;
  overflow: hidden;
}
.link li{
  float: left;
  margin-right: 15px;
  padding-bottom: 20px;
}
.link li img{
  width: 163px;
  height: 58px;
}
/*底部*/
.footer{
  width: 100%;
  min-width: 1200px;
  height: 400px;
  position: absolute;
  bottom: 0;
  background: url(../images/footer-bj.png) no-repeat;
  *margin-top: 20px;
}
.footer-top{
  height: 350px;
  background: url(../images/footer.png) no-repeat;
  position: relative;
  top: -20px;
}
.footer li{
  margin-bottom: 15px;
  color: #ffffff;
  width: 440px;
}
.footer li h4{
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 10px;
}
.footer li span{
  font-size: 30px;
}
.footer li .line{
  width: 40px;
  height: 2px;
  background-color: #ffffff;
  margin: 20px 0;
}
.footer-content{
  padding-top: 30px;
  position: relative;
}
.footer-content .fr input{
  width: 500px;
  background: none;
  height: 50px;
  line-height: 50px;
  color: #fff;
}
.footer-content .fr textarea{
  width: 500px;
  background: none;
  color: #fff;
}
.footer-content .fr .item{
  border-bottom:1px solid #d1d1d1;
}
.footer-content .fr .item label{
  color: #fff;
}
.footer-content .fr .submit{
  display: block;
  width: 120px;
  height: 44px;
  line-height: 44px;
  background-color: #4664b5;
  border-radius: 4px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-top: 30px;
}
.footer-content .code{
  position: absolute;
  left:450px;
  bottom: 30px;
}
.footer-bottom{
  color: #8b8b8b;
  text-align: center;
}
/*列表页*/
.detail_title{
  min-width: 1200px;
  height: 40px;
  line-height: 40px;
  background-color: #f7f7f7;
  margin-bottom: 20px;
}
.detail_title img{
  position: relative;
  top: -2px;
  margin-right: 2px;
}
.detail_title a{
  color: #666666;
}
.detail_title .color{
  color: #002e86;
}
.content_lt{
  width: 260px;
  margin-bottom: 50px;
}
.caption{
  background-color: #4664b5;
  color:#fff;
  padding: 20px 20px 30px;
  margin-bottom: 7px;
}
.caption h3{
  font-size: 28px;
  margin-bottom: 10px;
}
.caption h3 a{
  color:#fff;
}
.caption .line{
  border-top:1px solid #C3CAE3;
  width: 106px;
  height: 2px;
  text-align: center;
  position: relative;
}
.caption span{
  display: block;
  width: 80px;
  font-size: 12px;
  color: #C3CAE3;
  background: #4664b5;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -40px;
}
.content_lt li{
  width: 260px;
  height: 60px;
  line-height: 60px;
  background-color: #fafafa;
  border-bottom:1px dashed #dadbdd;
}
.content_lt li a{
  display: block;
  height: 60px;
  line-height: 60px;
  padding-left: 35px;
  font-size: 16px;
  color: #595959;
  background: url(../images/arrow.png) no-repeat 20px center;
}
.content_lt li.current,
.content_lt li:hover{
  background-color:#4664b5;
  border-bottom:1px solid #4664b5;
}
.content_lt li.current a,
.content_lt li:hover a{
  color: #fff;
  background:url(../images/arrow-hover.png) no-repeat 20px center;
}
.content_rt{
  width: 900px;
  margin:10px 0 50px 0;
}
.content_rt>ul li{
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
}
.content_rt li .top a{
  float: left;
  font-size: 18px;
  color: #262626;
  padding-left: 15px;
  background: url(../images/xing.png) no-repeat left center;
}
.content_rt li:hover .top a{
  color: #4664b5;
}
.content_rt li .top span{
  float: right;
  color: #808080;
}
.content .content_rt li p{
  color: #808080;
  margin: 10px 0 15px;
  text-indent:0;
}
.page_num{
  float: right;
  margin-top: 20px;
}
.page_num ul{
  overflow: hidden;
}
.page_num li{
  float:left;
}
.page_num a{
  display:block;
  border:1px solid #d9d9d9;
  height:34px;
  line-height:34px;
  width: 38px;
  margin:0 6px;
  text-align:center;
  color:#999999;
}
.page_num a:hover,
.page_num li a.current{
  color:#fff;
  background-color: #4664b5;
  border: 1px solid #4664b5;
}
.page_num .on {
  width: 65px;
}
.page_num span{
  position:relative;
  top:8px;
}
/*详情页*/
.content_rt .content-title{
  border-bottom:2px dashed #dcdee0;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.content .content_rt h1{
  font-size: 30px;
  color: #002e86;
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-bottom:1px dashed #dcdee0;
}
.content .content_rt p{
  line-height: 28px;
  text-indent:2em;
  text-align: justify;
  margin-top: 10px;
}

.tab {
    font-size: 0;
    margin: 15px 0;
}

.tab a {
   display: inline-block;
   font-size: 14px;
   color: #4664b5;
   margin-right: 6px;
   background-color: #f4f4f4;
   width: 214px;
   height: 44px;
   line-height: 44px;
   text-align: center;
}    

.tab a.last {
   margin-right: 0;
}        

.tab a:hover,
.tab a.current{
   color: #ffffff;
   background-color: #4664b5;
}    


/*在线咨询*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel .tel-num a{color: #551A8B;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{text-decoration: none;display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}

/*悬浮公告*/
.notice {
    position: fixed;
    top: 40%;
    width: 250px;
    color: #fff;
    background: #2F5FAA;
    padding:20px 10px 10px;
}
.notice h3{
    text-align:center;
    font-size:16px;
    letter-spacing:30px;
    padding-bottom:10px;
}
.notice p{
    text-indent:2em;
    line-height:20px;
}
.notice .close-notice {
    position:absolute;
    top:7px;
    right:10px;
    cursor:pointer;
}