@font-face {
    font-family: "Noto Sans TC ";
     src: url(http://www.cebpubservice.com/common/css/font/AlibabaPuHuiTi-3-55-Regular.woff2) format('woff2');
     cache: local;
}

*{
  font-family: "Noto Sans TC ";
}

h4{
  font-size: .13rem;
}
.scroll-outer{height:421px;background:url(images/bg.jpg) 50% 0 no-repeat;}
#scroll{width:100%;margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";overflow: hidden;}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:250px;height:284px;margin:0 auto;background-color:#fff;overflow:hidden;}
#scroll .item img{width: 100%;}
#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;}
#scroll .shd a{display:block;width:100%;height:239px;*background-image:url(about:blank);background-image:url(about:blank)\0;}
#scroll .txt{position:absolute;left:0;bottom:0;width:226px;height:100px;padding:0 12px;color:#888;box-shadow:0 0 15px 15px rgba(228, 233, 238, 0.95);background-color:#e4e9ee\9;background-color:rgba(228, 233, 238, 0.95);}
#scroll h3{width:226px;height:25px;margin-bottom:6px;padding-top:6px;font:700 18px/25px arial,"Microsoft Yahei";overflow:hidden;}
#scroll h3 a{color:#333;text-decoration:none;}
#scroll h3 a:hover{color:#338de6;}
#scroll p{width:100%;font-size:12px;line-height: 30px;}
#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}
#scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(248, 249, 249, 0.95);box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.95);}
.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;display:none;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}
.banner {
    width: 100%;
    height: 4.5rem;
    background: url(../images/banner.png) center top no-repeat;
    background-size: 100% 4.5rem;
}
.clear {
    clear: both;
    height: 20px;
    font-size: 1px;
    line-height: 0px;
    _line-height: 0px;
    width: 10px;
}
.clearfix:after{
     content:".";       
     display:block;       
     height:0;       
     clear:both;       
     visibility:hidden;       
 
}
.clearfix{
    zoom:1;
}
.body{
	margin:0px;
    font-size: 14px;
}

.main {
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}
.height{
  height:50px;
  background: #1a1b20;
  color: #fff;
  line-height: 50px;
}
.listMenu{
  width: 100%;
}
.headMenu li{
	float:left;
	width: 14.2%;
}

.headMenu .tab {
    float: left;
    width: 100%;
    text-align: center;
    /*padding: 0 40px 0 40px;*/
    /*flex:1;*/
    height: .4rem;
    line-height: .4rem;
    font-size: .12rem;
    font-family: 'Microsoft YaHei';
    margin: 0;
    padding: 0;
    color:#fff;
}

.headMenu li:hover{
    background-color:#2763cb;
    height: 50px;
}
.hzdwContent{
  width: 100%;
  float: left;
  color: #fff;
  margin-bottom:30px;
  font-size: 18px;
}
.hzdwbt{
  width: 9%;
  padding:0 0 0 1%;
  font-size: .15rem;
  text-align: center;
  float: left;
  line-height: .3rem;
}
.hzdwmc{
  width: 80%;
  font-size: .15rem;
  text-align: left;
  float: left;
  line-height: .3rem;
}
/*.hzdwTable{
  display: block;
	font-size:16px;
	border-spacing: 0px 10px;
}
.hzdwTable a{
	white-space: nowrap;
}
.hzdwTable tbody{
  display: block;
  width: 100%;
}
.hzdwTable tbody tr{
  width: 100%;
  display: block;
}*/
.chld li{
	float: left;
    text-align: center;
    margin: 0px 90px;
    font-weight:bold;
}

.zcr li{
	float: left;
    text-align: center;
    margin: 0px 60px;
    font-weight:bold;
}
.fyjb1 li{
	float: left;
    text-align: center;
    font-size:12px;
    width:16.6666%;
}
.fyjb1 img{
	width:163px;
	height:163px;
}

.fyjb2 li{
	float: left;
    text-align: center;
    font-size:12px;
    width:16.6666%;
}
.fyjb2 img{
	width:163px;
	height:163px;
}

.fyjb3 li{
	float: left;
    text-align: center;
    font-size:12px;
    margin:0px 14px;
}
.fyjb3 img{
	width:163px;
	height:163px;
}

.agendaTable {
	border-collapse: collapse;
	border: 2px solid #077ab6;
	width:100%;
	font-size: 16px;
	text-align:center;
}
.agendaTable th {
    background-color:#023f92;;
    color: #fff;
    padding: 15px 5px;
}

.agendaTable .thR {
    border-top: 2px solid #077ab6;
}
.agendaTable .thL {
    border-right: 2px solid #077ab6;
    border-top: 2px solid #077ab6;
}

.agendaTable td {
    background-color:#171930;
    height: 50px;
    padding: 8px;
}

.agendaTable .tdR {
    border-top: 2px solid #077ab6;
}
.tdR a{
  cursor: pointer;
}
.agendaTable .tdL {
    border-right: 2px solid #077ab6;
    border-top: 2px solid #077ab6;
}
.fileDownload {
	background: url(http://publicforum.cebpubservice.com/publicForum/image/seminar/download.png) no-repeat center;
	background-size: 130px 32px;
    display: block;
    height: 32px;
}

.cplb li{
	  float: left;
    text-align: center;
    font-size:.13rem;
    width: 16.66666%;
    color: #fff;
}
.cplb img{
	width:60%;
	height:60%;
}

.cplb li a{
	color:#fff;
	text-decoration: none;
}

.cplb li a:hover{
	color:#077ab6;
	text-decoration: none;
}

.xgbdlb{
	font-size: .13rem;
	line-height: 32px;
}

.xgbdlb p{
	padding-left: 17%;
}

.xgbdlb a{
	color:#fff;
}
video{
  width: 100%;
  height: 3rem;
}
.bottom {
    height: 60px;
    background: #383849;
    color: #888888;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}
.Footerbottom {
    height: 60px;
    background: #383849;
    color: #888888;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
} 
.rightbanner{
position:fixed;
right:44px;
bottom:100px;
z-index:1234;
}
.rightbanner i{
font-size: 30px;
cursor: pointer;
}
.rightbanner .contact-top{
position:absolute;
display:block;
bottom:0;
z-index:9;
width: 42px;
text-align: center;

}
.rightbanner .contact-top a{
    color: #005DAB;
    background: #FFF;
    border: 1px solid #ccc;
    width: 42px;
    height: 42px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    display: block;
}

.rightbanner .contact-top a:hover{
    color: #fff;
    background: #005DAB;
    border: 1px solid #005DAB;
}
.rightbanner .contact-top a i{
    border: none;
    color: #005DAB;
}
.rightbanner .contact-top:hover a i{
    color: #FFF;
}

.rightbanner .fhlt{
    position: absolute;
    bottom: 50px;
}

.rightbanner .fhlt a{
    color: #005DAB;
    background: #FFF;
    border: 1px solid #ccc;
    width: 42px;
    height: 42px;
    line-height: 20px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.rightbanner .fhlt a:hover{
    color: #fff;
    background: #005DAB;
    border: 1px solid #005DAB;
}
.Navauto{
    margin: 0 auto;
    width: 80%;
    height: .4rem;
/*    display: table;*/
    display: flex;
}
.btn-group{
    display:none;
}
.hybg{
    text-align: center;
    padding-bottom: 40px;
    padding-top:36px;
}
.hybgImg{
    width: 23.2%;
    margin-top: -4px;
}
.nav{
    display: none;
}
.nav-content{
    display: none;
}
.leftTd{
    width: 9%;
}
.rightTd{
    width: 91%;
}
.lineHigh{
    line-height: 32px;
}
.downWrap{
    width:98%;
    margin: 0 auto;
    background-color:#171930;
    padding:15px;
    overflow: auto;
    height: 400px;
    color:#fff;
}
.d{
    display: none;
}
.swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .gallery-top {
      height: 80%;
      width: 100%;
    }
    .gallery-thumbs {
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      height: 1.8rem;
      opacity: 1;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    overflow: hidden;
  }
   hr {
      border: 0;
      border-bottom: 1px solid #fff;
  }
  .jssora05l { background-position: -10px -40px; }
  .jssora05r { background-position: -70px -40px; }
  .jssora05l:hover { background-position: -130px -40px; }
  .jssora05r:hover { background-position: -190px -40px; }
  .jssora05l.jssora05ldn { background-position: -250px -40px; }
  .jssora05r.jssora05rdn { background-position: -310px -40px; }
  .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
  .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
  .jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 190px;    height:120px;}.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 190px;    height: 120px;    border: #000 2px solid;    box-sizing: content-box;    _background: none;}.jssort01 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 68px;    height: 68px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}.jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 188px;    height: 118px;    border: #fff 1px solid;    background-position: 50% 50%;}.jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 188px;    height: 118px;    border: #000 2px solid;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 90px;    height /**/: 90px;}
.zddw{
  width: 100%;
  height: 110px;
  float: left;
}
.zdTitle{
  color: #fff;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
}
.zdBg{
  width: 350px;
  height: 65px;
  margin-top:10px;
  float: left;
  background-image: url("../images/hzdw1.png");
  background-size: 100% 100%;
}
.zbdw{
  width: 100%;
  height: 110px;
  float: left;
  margin-top: 20px;
}
.zbTitle{
  color: #fff;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
}
.zbBg{
  width: 350px;
  height: 65px;
  margin-top:10px;
  float: left;
  background-image: url("../images/hzdw2.png");
  background-size: 100% 100%;
}
.xbdw{
  width: 100%;
  float: left;
  margin-top: 20px;
}
.xbTitle{
  color: #fff;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
}
.xbBg{
  width: 21%;
  height: 65px;
  margin-top:25px;
  float: left;
  background-image: url("../images/hzdw3.png");
  background-size: 100% 100%;
  margin-right:5%;
}
.chjbTitle{
  height: 50px;
  line-height: 50px;
  width:23.2%;
  text-align: center;
  margin:0 auto;
  font-size: .15rem;
  color: #fff;
  margin-bottom: 30px;
  margin-top: 60px;
}
.ld{
  width: 60%;
  height: 320px;
  margin:0 auto;
}
.chld1{
  width: 47%;
  height: 2.4rem;
  margin-right:6%;
  float: left;
  background-size: 100% 100%;
  background-image: url("../images/chjb/1.jpg");
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
}
.chld2{
  width: 47%;
  height:2.4rem;
  float: left;
  background-size: 100% 100%;
  background-image: url("../images/chjb/2.jpg");
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
}

.chldTitle1{
  width: 100%;
  height: 80px;
  color: #fff;
  font-size: 14px;
  opacity: .5;
  background-color: #1c4191;
  float: left;
  text-align:center;
  position:absolute;
  bottom: -50px;
  transition: .3s;
}
.chldTitle1 p{
  width: 100%;
  float: left;
  line-height: 30px;
  height: 30px;
  text-align: center;
  font-size: .1rem;
}
.chldTitle2{
  width: 100%;
  height: 80px;
  line-height: 60px;
  color: #fff;
  font-size: 16px;
  opacity: .5;
  background-color: #1c4191;
  float: left;
  text-align:center;
  position:absolute;
  bottom: -30px;
  font-size: .1rem;
}
.chldTitle1:hover{
  cursor:pointer;
  bottom:0px;
}
.mobile{
  width: 100%;
  float: left;
  display: none;
}
.mobile-inner{
  margin-right: auto;
  margin-left: auto;
  background-color: #fafafa;
  position: relative;
}
.mobile-inner img{
  width: 100%;
  margin-bottom: 30px;
}
.mobile-inner p{
  color: #676767;
  line-height: 25px;
  font-size: 16px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
  margin:0px;
}
.mobile-inner-header{
  background-color: rgba(0,0,0,0.7);
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
line-height:50px;
text-align:center;
font-size:16px;
color:#fff;
font-weight:bold;
}
.mobile-inner-header-icon{
  color: #ffffff;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 50px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(255,255,255,0.2);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
  }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
  }
  



  
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
  }   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  }
  


@keyframes clickfirst {
  0% {
    transform: translateY(4px) rotate(0deg);
    
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
} 



@keyframes clicksecond {
  0% {
    transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
} 

.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }   
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  }

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
} 



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
  background-color: rgba(0,0,0,0.9);
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0px;
  padding-top: 30px;
  padding-bottom: 80px;
  display: none;
  z-index: 999;
}
.mobile-inner-nav a{
  display: inline-block;
  line-height: 30px;
  font-size: 12px;
  text-decoration: none;
  width: 80%;
  margin-left: 10%;
  color: #FFFFFF;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
}
.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}
.mobile-inner-nav a{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
  }
    
      
  @-webkit-keyframes returnToNormal {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes returnToNormal {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
.videoParent{
  float:left;
  width:50%;
  position: relative;
  margin-right:5%
}
.hzdwImg{
  width: 23.2%;
  margin-top: -4px;
}
.hzdwparent{
  text-align: center;padding-bottom: 40px;padding-top:36px;
}
.videoContent{
  float:left;
  width:40%;
}
/**/
@media (max-width: 768px) {
  .swiper-container{
    height: 3rem;
  }
  .videoContent{
  float:left;
  width:100%;
}
  .headMenu{
    display: none; 
  }
  .mobile{
    display: block;
    height: 50px;
    float: left;
  }
  .banner{
    float: left;
    margin-bottom:20px;
  }
  hr{
    display: none;
  }
  .hybgImg{
    display: block;
    margin:0 auto;
  }
  .hybg {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 26px;
}
.videoParent{
  float:left;
  width:100%;
  position: relative;
  height:5rem;
}
video {
    width: 100%;
    height: 5rem;
}
.videoTitle{
  text-align:center;
}
.hzdwImg{
    display: block;
    margin:0 auto;
  }
  .hzdwparent{
    text-align: center;
    padding-bottom: 10px;
    padding-top: 26px;
  }
  .hzdwbt{
      width: 18%;
      line-height: .6rem;
      text-align: left;
  }
  .hzdwmc{
    width: 100%;
    line-height: .6rem;
    text-align: left;
  }
  .Footerbottom {
    height: auto;
    background: #383849;
    color: #888888;
    text-align: center;
    margin: 0 auto;
    line-height: 30px;
    padding: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
} 
.chjbTitle{
    height: 50px;
    line-height: 50px;
    width: 23.2%;
    text-align: center;
    margin: 0 auto;
    font-size: .15rem;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
}
.ld {
    width: 60%;
     height:auto; 
    margin: 0 auto;
}
.fileDownload{
  display: none;
}
.d{
  display: block;
  float: left;
  text-align: center
}
.hid{
  display: none;
}
.chldTitle1:hover{
  cursor:pointer;
  bottom:-30px;
}
}