@charset "utf-8";
/* CSS Document */

.header:before{ height: 232px; }
.subbanner{ overflow: hidden;position: relative; margin: 10px 60px 0 60px;} 
.subbanner-con{height: 0;padding-bottom:22%;overflow: hidden; background-position:center top;background-size: cover !important;background-repeat: no-repeat;}
/*content*/
.subPage{  position: relative;  }

  
/*侧边栏*/ 
.subLeft{width: 260px;float: left;  }
.gp-subLeft{width: 256px;border-left: #003c80 6px solid;background: #fff;}
.gp-subLeft > ul{ /*! margin-left: 22px; */}
.gp-subLeft > ul >li{position: relative;} 
.gp-subLeft > ul >li > a{ display: block;transition: all 0.35s ease-in-out; padding: 18px 35px; border-bottom: #f0f0f0 1px solid;}
.gp-subLeft > ul > li:hover > a, .gp-subLeft > ul > li > a.active{ box-shadow: 0px 0px 16px 0px rgba(16, 26, 33, 0.2);}
.gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 36px;height: 54px;position: absolute;right: 0;top: 5px;line-height: 59px;text-align: center;cursor: pointer;color:#fff;font-weight: normal;display: block;margin-right: 12px;}
.gp-subLeft .gp-toggles.icon-jia{background: url(/cie/images/jia.png) no-repeat center center;}
.gp-subLeft .gp-toggles.icon-jia.icon-down{background: url(/cie/images/jian.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles{width: 50px;height: 50px;line-height: 50px;}
.gp-subLeft .gp-sub-toggles.icon-jia{background: url(/cie/images/jia.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles.icon-jian{background: url(/cie/images/jian.png) no-repeat center center;}
.gp-second-nav{ display: none; /*! border-bottom: #003c80 1px solid; *//*! padding: 8px 0; */background: #fafafa;}
.gp-second-nav dd{position: relative;text-indent: 2em;}

.gp-second-nav dd a{display: block;position: relative; padding:18px 35px; transition: all 0.35s ease-in-out;font-size: 16px;font-size: 1.6rem;border-bottom: #f0f0f0 1px solid;}
.gp-second-nav dd dd a{padding-left: 60px;font-size: 16px;font-size: 1.6rem;padding: 10px 30px 10px 50px;background-color: #3d72b3;color:#ddd;border-bottom: none;}
.gp-second-nav dd dd a:before{border-bottom-color: #4e81c0;}
.gp-second-nav dd a:hover,.gp-second-nav dd a.active{ background: #e3e3e3;}
.gp-subLeft *{transition: none;}
.gp-subRight{margin-left: 312px; overflow: hidden; }
.gp-subRight-con{position: relative;min-height: 500px;background: #fff;padding: 30px;}
/*侧边栏移动端 */
.gp-m-subNav{display:none; }
.gp-m-inner-header{width:100%;height:42px;background-color: #003c80;cursor:pointer;line-height: 42px;}
.gp-m-inner-header > span{height: 50px;padding-left: 15px;font-size: 1.8rem;color:#fff;}
.gp-m-subNav .gp-m-inner-header-icon{float: right; width: 50px;height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-out i.icon-jia{display: block; background: url(/cie/images/n-rt.png) no-repeat center;width: 50px;height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-click i.icon-jian{display: block; background: url(/cie/images/n-dw.png) no-repeat center;width: 50px;height: 42px;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;display:block;color:#fff;}
.gp-subNavm ul{background: #f5f5f5;}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:45px;line-height:45px;border-bottom:1px solid #e6e6e6;display:block;} 
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle,.gp-sub-m-toggle{width: 15px;height: 15px;position: absolute;right: 16px;top: 15px;line-height: 40px;text-align: center;cursor: pointer;}
.gp-m-toggle.icon-right{ background: url(/cie/images/jia.png) no-repeat center center;}
.gp-m-toggle.icon-down{ background: url(/cie/images/jian.png) no-repeat center center; }
.gp-subNavm dl{ display: none; background-color:#f5f5f5; }
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:10px 0px 10px 30px;border-bottom: 1px solid #ddd;position: relative;}
.gp-subNavm li dl dd a{ font-size: 14px; font-weight:normal; display:inline;  border:none; padding:0px;}
.subPage-con {margin: 0 auto; padding: 30px 0 40px 0;}
.subCon{ background: #fff;padding: 30px; /*! overflow: hidden; */}
.sub-leftTitle{line-height: 30px;position: relative;  padding: 16px 20px; margin-top: -92px;background:url(/cie/images/leftTitlebg.jpg) no-repeat #003c80;width: 216px;}
.sub-leftTitle h2{ position: relative; color: #fff;text-align: center;}

.subPage-con.gp-container{ width: 1200px; margin-left: auto; margin-right: auto; }
/*自定义*/ 

/*文章页和简介页*/
.gp-bread{ padding: 8px 0px;}
.gp-bread > div{ display: inline-block; width: auto; float: right;/*! margin-top: 90px; */}
.articleTitle{overflow: hidden;  background: #fafafa;}
.pageArticle{   }
.pageArticle{ padding: 0 20px 20px 20px;position: relative;} 
.pageArticleTitle{margin-bottom: 20px;}
.pageArticleTitle h3{text-align: center; color: #003678;}
.pageArticleTitle02{ margin: 0 0 20px 0; overflow: hidden;}
.pageArticleTitle02 h3{ color: #333;border-bottom: #f0f0f0 1px solid;padding-bottom: 12px;}
.articleAuthor { text-align: center; padding: 12px 0 0 0; overflow: hidden;}
.articleAuthor span{ color: #757575; padding: 0 15px;}
.gp-article{line-height:26px; }
.gp-article p{/*! text-indent: 2em; */ } 
.gp-article table{margin: auto;}
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }


/*列表页*/ 
.articleTitle02{  margin-bottom: 10px; border-bottom: #dedede 1px solid;padding-bottom: 10px; }
.articleTitle02 span{ display: inline-block; }
.DL-list01{  overflow: hidden; /*! border-top: #eeeeee 1px solid; */}
.DL-list01 li{ border-bottom: #f0f0f0 1px solid; overflow: hidden; padding: 15px 0; }
.DL-list01 li a{ position: relative;  display: block;height: 24px;line-height: 24px;overflow: hidden;}
.DL-list01 li .date{ float: right;color: #999;  margin-top: 5px; background: url(/cie/images/datebg.png) no-repeat left center;padding-left: 20px;}



/*图文列表页*/
.DL-list02{ overflow: hidden; margin-bottom: -30px;}
.DL-list02 li{ overflow: hidden; border-bottom: #eee 1px solid; margin-bottom: 30px;}
.DL-list02 li a{ display: block; }
.DL-list02 .listImg{ display: block;width: 300px; height: 169px; float: left; }
.DL-list02 .listText{ display: block;margin-left: 320px; overflow: hidden; transition: all 0.3s ease-in-out;}
.DL-list02 li a:hover .listText{ margin-left: 325px; }
.DL-list02 .listTitle { display: block; margin-top: 8px;}
.DL-list02 .listCon{ display: block; height: 48px; line-height: 24px; color: #999; margin: 15px 0 30px 0; overflow: hidden; }
.DL-list02 .date{ padding-left: 34px; color: #ff9140; position: relative;}
.DL-list02 .date:before{ content: ""; display: block; width: 24px; height: 2px;background: #00a2ff; position: absolute;
left: 0; top: 9px; }



/*简介页面分类*/
.article-classify{ border-top: #f0f0f0 10px solid; padding: 24px 0;margin: 24px 0 0 0;position: relative;}
.article-classify:before{ content: ""; display: block;width: 108%; height: 10px;background: #f0f0f0; 
position: absolute; left: -30px; top:-10px;}
.article-classify .article-title{ color: #003c80; border-bottom: #003c80 1px solid; padding-bottom: 10px;margin-bottom: 10px;}



/*联系我们*/
.contact{ overflow: hidden; }
.contact .map{ width: 50%; position: absolute; right: 0; top: 0;text-align: right;}
.contactList{width: 47%; overflow: hidden;}
.contactList p{ color: #757575; }
.contactList span{ line-height: 28px; }
.contactList .con-tel{ display: block; background: url(/cie/images/tel.png) no-repeat left center; padding-left: 20px; color: #003c80; }
.contactList .con-add{ display: block; background: url(/cie/images/address.png) no-repeat left center; padding-left: 20px; color: #003c80; }
.contactList .con-code{ display: block; width: 90px; height: 90px;background: #003c80; float: left;margin-right: 20px;}
.contactList .con-text{ display: block; margin-left: 100px;padding: 15px 0;}




/*图片列表页*/
.newsList03{margin: -20px -12px 0 -12px; overflow: hidden;}
.newsList03 li{ border-bottom: #eee 1px solid; overflow: hidden;}
.newsList03 li a{ display: block; margin: 20px 12px; overflow: hidden;}


/* 下拉框 */
.select2-container{padding: 0;}
.pageSelect{min-width:400px;height: 50px;*display:inline; *zoom:1; vertical-align: middle;border:1px solid #eee;color:#666;line-height: 50px;text-align: center;padding:0;*width: 400px;}
.select2-container--default .select2-selection--single{/*! background: #f5f5f5; */border: #f0f0f0 1px solid;}
/* .select2-container--default .select2-selection--single .select2-selection__arrow b{  background-image: url(/cie/images/select.png);} */
.select2-container .select2-selection--single{height: 50px;line-height: 50px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 50px;padding-left: 21px;text-align: left;background:url(/cie/images/down.png) no-repeat 350px center ;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #5990d4}
.select2-results__option[aria-selected]{border-top: 1px solid #eee;text-align: left;padding: 6px 20px;}
.select2-container--open .select2-dropdown--below,.select2-container--open .select2-dropdown--above{border-color:#f3f3f3}
.AddrTableBox .gp-table{width: 100%;text-align: center;}
.AddrTable01{padding-right: 15px;background-color: #f3f3f3;}
.AddrTable .gp-table > tbody > tr > td,.AddrTable  .gp-table > tbody > tr > th, .AddrTable .gp-table > tfoot > tr > td,.AddrTable  .gp-table > tfoot > tr > th, .AddrTable .gp-table > thead > tr > td,.AddrTable  .gp-table > thead > tr > th{padding:5px 5px;}
.gp-table > thead > tr > th{color:#fff;background-color: #003c80;border-right: 1px solid #1a508d;font-size: 16px;font-size: 1.6rem;font-weight: normal;padding: 16px 5px !important;}
.AddrTableBox{ overflow: hidden;}
/* .AddrTable{height: 580px; overflow-x: auto ; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;overflow-y: scroll;position: relative;} */
/*滚动条样式*/
.AddrTable::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 15px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .AddrTable::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 15px rgba(0, 0, 0, 0);
  background   : #cccccc;
  }
  .AddrTable::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 15px rgba(0, 0, 0, 0);
  /* border-radius: 10px; */
  background   : #f5f5f5;
  }
.AddrTable thead { position: relative; z-index: 9; } 
.AddrTable tbody { position: relative; z-index: 1; } 
.AddrTable tr td a{display: block; color:#24528a;background-color: transparent;/*! border-radius: 20px; */padding: 10px;}
.AddrTable tr td a.hover{/*!position: relative;z-index: 1;*/ border: transparent 3px solid;}
.AddrTable tr td a.hover span{/*! position: relative; z-index: 2; */color: #24528a;}
.AddrTable tr td a.hover:hover{background: #0d56a8;/*! border: 3px solid #dae3ed; */color: #fff;}
.AddrTable tr td a.hover:hover span{color: #fff;}
/* .AddrTable tr td a.hover::before{content: '';background: url(/cie/images/hoverLf.png) left center no-repeat;width: 30px;display:block;top: 0;bottom: 0;left: 0;position: absolute;opacity: 0;}
.AddrTable tr td a.hover::after{content: '';background: url(/cie/images/hoverRt.png) right center no-repeat;display:block;top: 0;bottom: 0;right: 0;left: 30px;position: absolute;z-index: 1;opacity: 0;}
.AddrTable tr td a.hover:hover::before,.AddrTable tr td a.hover:hover::after{opacity: 1;} */




.subAddrBox select{ height: 40px; line-height: 40px; width: 330px; border: #ccc 1px solid; margin: 20px 0; }






 

/*附件*/
.Annex{ margin-top: 12px; overflow: hidden; position: relative;background: #fff;padding: 10px 0;} 
.Annex h3{ overflow: hidden; height: 30px;line-height: 30px;/*! background: #eeeeee; */padding: 0 30px;position: relative;} 
.annexList{overflow: hidden; /*! padding: 0 30px; */}
.annexList li{ overflow: hidden; position: relative;padding: 10px 30px; border-bottom: #f0f0f0 1px solid;}
.annexList li:last-child{ border-bottom: none;}
.annexList li a{line-height: 24px;color: #757575;}

 
/*分享*/

.share{/*! width: 69px; */ text-align: center;  overflow: hidden;  padding: 28px 0 0 0;float: right;} 
.share .bdsharebuttonbox  > a{padding-left: 0;margin:0 10px !important;;height: 36px;text-indent: 0;width: 36px;line-height:36px;text-align: center;  
   background: none; display: block;transition: all 0.3s ease-in-out;
/*! float: left; */}   
.share .bdsharebuttonbox  > a:hover{ opacity: 0.9; }
.share .bdsharebuttonbox > a.bds_weixin{ background:url(/cie/images/bds_wechat.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_tsina{background:url(/cie/images/bds_sina.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_more{background:url(/cie/images/bds_more.png) no-repeat center;}


  
/*分页*/ 
.gp-page { font-size: 0;margin: 30px auto auto auto; } 
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page a{display:inline-block;*display: inline;*zoom:1;cursor: pointer; position:relative;text-align: center; margin:0 8px;  vertical-align: top;font-size: 14px; font-size: 1.4rem;height: 30px;line-height: 30px;width: 30px;transition: all 0.3s ease-in-out;/*! border-radius: 50%; *//*! border: #e1e1e1 1px solid; */color: #757575;}
.gp-page .gp-page-data { display:inline-block;*display: inline;*zoom:1;overflow: hidden;padding: 0;}
.gp-page-select{height: 46px;line-height: 46px;min-width: 70px;*width: 70px; color:#666; display:inline-block;*display: inline;*zoom:1;vertical-align: top;*vertical-align: middle; border:none; padding-left: 10px;padding-right: 10px;font-size: 16px;font-size: 1.6rem;background: none;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev {width: 30px; font-size: 18px;font-weight: bold;border: #003c80 1px solid;}

.gp-page .gp-page-next:hover{background: url(/cie/images/arrow_rt_h.png) no-repeat center #003678;}
.gp-page .gp-page-prev:hover{background: url(/cie/images/arrow_lf_h.png) no-repeat center #003678;}
.gp-page .gp-page-start,.gp-page .gp-page-end{font-size: 22px;font-size: 2.2rem;line-height: 28px;margin:0 10px;}
.gp-page > .select-span{padding-left:0;margin-left: 15px;border-right:1px solid #24528a;}

.gp-page a:hover,.gp-page a.active { color:#fff; background: #003c80; position: relative;/*! border: #13409d 1px solid; */}
.gp-m-page{display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 35px;line-height: 35px;width: auto;background-color: #fff;border-radius: 5px;padding: 0 20px;color:#666;border: #ddd 1px solid;}
/*居中*/
.gp-page-centered {text-align:center; position: relative;}
/*右对齐*/ 
.gp-page-right {text-align:right}

.gp-page .pageSelect{ min-width: 80px; height: 30px; line-height: 30px; vertical-align: top;border: #ccc 1px solid;} 
.gp-page span{ font-size: 14px; display: inline-block;height: 30px;line-height: 30px;vertical-align: top;padding: 0 13px;}
.footer{ padding: 40px 0; } 




@media screen  and (max-width:1386px) {
	.subCon .share{left: auto; right: 0; top: -100px;}

}

@media screen  and (max-width:1300px) {
   .subbanner{ margin: 10px 0 0 0; }
   .subPage-con{padding: 20px 0; }
   .subCon,.gp-subRight-con{ padding: 20px; overflow: hidden;}
   .pageArticle{ padding: 0; }
   .subPage-con.gp-container{ width: auto; margin-left: 15px !important; margin-right: 15px !important; } 
   .gp-subLeft{display: none;}
   .gp-m-subNav{display: block;}
   .gp-page{display: none;background: none;}
   .gp-m-page{display: block;margin: 20px auto auto auto;padding: 15px 0;}
   .gp-subRight{margin-left: 0;margin-top: 20px;}
   .subCon .share{ position: absolute; width: auto; bottom: 0;margin: 0;right: 0; left: auto; top: auto; }
  .share{  }
  .share .bdsharebuttonbox > a{background-size: 40px !important;width: 40px;height: 40px;float: left;}
  .Annex h3{ height: 40px; line-height: 40px; }
  .sub-leftTitle{ display: none; }
  .DL-list01 li a{ height: auto; }
  .pageArticleTitle02{ margin: 6px 0 22px 0; }
  .subCon .articleTitle02{ display: block; }
} 


 
@media screen  and (max-width:768px) {
  .gp-article img{width:auto !important;height:auto !important;}
  .gp-article video{width:auto !important;}
  .gp-article table{width:100% !important; }
  .articleBottom{ width: auto; padding: 12px; }
  .question{ margin: 0; }
  .articleTitle{ }
  .gp-bread > div{ float: left;}
  .gp-bread a,.gp-bread span{ color: #666 !important; }

}




@media screen and (max-width:766px) {
   .DL-list02 .listImg{ width: 200px; height: 113px; }
   .DL-list02 .listText{ margin-left: 215px; }
   .DL-list02 li a:hover .listText{ margin-left: 215px; }
   .DL-list02 .listCon{ margin: 5px 0; } 
   .contact .map{ position: static; float: none; width: 100%;text-align: center;}
   .contactList{ float: none; margin-top: 20px; width: 100%; }
}
 

@media screen and (max-width:640px) { 
    .newsList02 .artCon{ height: auto; }
    .DL-list01 li .date{ float: none; margin-left: 17px;}
}

@media screen and (max-width:478px) { 
    .newsList .artCon{ height: auto; }
    .subbanner-con{ padding-bottom: 35%; }
    .DL-list02 .listImg{ width: 100%; height: 0; padding-bottom: 56.6%; float: none; text-align: center; }
    .DL-list02 .listText{ margin:0 0 15px 0; }
    .DL-list02 li a:hover .listText{ margin-left: 0; }
}