@charset "utf-8";

.top2fr .top2 .search .search-bar button.citiaobtn{width: 166px;}
.top2fr .top2 .search .search-bar input{width: 454px;}



.bktop{background: url(../images/banner4.jpg) no-repeat center;}




.picScroll-left{ /*width:816px;*/  overflow:hidden; position:relative;}
/*.picScroll-left .hd{ overflow:hidden;  height:30px;  padding:0 10px;  }

.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle2.png) 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }*/

.picScroll-left .hd{/* position:absolute;*/ z-index:1; bottom:0; left:30px; height:40px; line-height:40px; text-align:center;}
.picScroll-left .hd ul{ text-align:center;}
.picScroll-left .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:5px;
 background:url(../images/icoCircle2.png) no-repeat 0 -11px; overflow:hidden; line-height:9999px; }
.picScroll-left .hd ul .on{ background-position:0 0; }			
		
.picScroll-left .bd{ padding-top: 33px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width: 250px;  margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; background: #fff;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; height:240px; display:block;  }
.picScroll-left .bd ul li .title{padding: 0 13px 10px; text-align: left;  }
.picScroll-left .bd ul li .title h2{line-height: 35px; font-size: 18px; color: #333; font-weight: bold;}
.picScroll-left .bd ul li .title p{line-height: 20px; font-size: 12px; color: #888;}

.bktop .box2{padding-top: 80px; color: #014689;font-size: 18px; text-align: center;}
.bktop .box2 .tit{font-size: 42px;}
.bktop .box2 span{font-size: 26px;}
.bktop .box2 .t1{padding-right: 30px; background: url(../images/bk1.png) no-repeat right center;}
.bktop .box2 .t2{padding-left: 50px; background: url(../images/bk2.png) no-repeat 30px center;}
.bktop .box2 .t3{padding-left: 50px; background: url(../images/bk3.png) no-repeat 30px center;}
.bktop .box2 .t4{padding-left: 50px; background: url(../images/bk4.png) no-repeat 30px center;}

.bktop .box2 .t1,.bktop .box2 .t2,.bktop .box2 .t3,.bktop .box2 .t4{ margin-top: 20px;}
.bktop .box2 .btn{width: 215px;margin: 20px auto 0; line-height: 40px; background: #014689; font-size: 18px; color: #fff;}


.bk1_sec{padding-top: 40px;}
.bk1_sec .pic{ display: block;float: left; width: 385px; border: 1px solid #ccc; padding: 5px; margin-right: 40px;}
.bk1_sec .t{ }
.bk1_sec .t img{display: block; margin: 30px 0; }
.bk1_sec .t1{font-size: 30px; color: #333; }

.bk1_sec .bk1p{/*height: 140px;overflow-y:hidden;*/ font-size: 15px; color: #333;line-height: 28px; }
.bk1_sec .youshi{margin-top: 5px; font-size: 16px; color: #e77918;}

.bk2_sec{margin-top: 50px;}
.bk2tit{padding-bottom: 14px; font-size: 20px; color: #e77918; font-weight: bold; background: url(../images/bktbg2.png) no-repeat bottom center;}
.more{font-size: 14px; color: #555555; font-weight: normal;}
.bk2boxs{width: 406px; float: left; margin-right: 60px;}
.bk2boxs .main{}
.bk2boxs .main ul li{padding-left: 15px; font-size: 14px;color: #666;line-height: 44px; border-bottom: 1px dotted #ccc; background: url(../images/ico27.png) no-repeat left center;}
.bk2boxs .main ul li span{float: right;}
.bk2boxs .main ul li:after{clear: both;}
.bk2boxs .main2{}
.bk2boxs .main2 ul li{margin-top: 18px;}
.bk2boxs .main2 ul li img{width: 198px; height: 115px; display: block; float: left;}
.bk2boxs .main2 ul li .t{width: 185px; float: right;}
.bk2boxs .main2 ul li .t1{font-size: 16px; color: #333;}
.bk2boxs .main2 ul li .t2{font-size: 13px; color: #707070;}

.bk22boxs{width: 265px; float: right;}
.bk22tit{padding-bottom: 14px; font-size: 20px; color: #e77918; font-weight: bold; background: url(../images/bktbg3.png) no-repeat bottom center;}

.bk22boxs .main{}
.bk22boxs .main ul li{text-align: center; font-size: 14px; color: #86858e; line-height: 40px;}
.bk22boxs .main ul li img{display: block; width: 262px; height: 150px; margin: 0 auto;}
.bk22boxs .main ul li:first-child{margin-bottom: 40px; }

.bk3_sec{margin-top: 30px;}

.bk3boxs{width: 406px; float: left; margin-right: 60px;}
.bk3tit{height: 37px;line-height: 35px;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.bk3tit .t{width: 120px;text-align: center; font-size: 20px; color: #fff;font-weight: bold; background: #014689 url(../images/img28.jpg) no-repeat right center;}
.bk3tit .more{font-size: 12px; color: #555555; font-weight: normal;}
.bk3boxs .list{font-size: 14px;}
.bk3boxs .list a{font-size: 14px;}
.bk3boxs .list ul li{margin-top: 10px;}
.bk3boxs .list .sp{padding: 1px 5px; background: #F95B1A; color: #fff; margin-right: 10px;}
.bk3boxs .list .sptime{float: right;}
.bk3boxs .list ul li:after{clear: both;}

.bk3boxs .main{}
.bk3boxs .main ul li{margin-top: 21px;}
.bk3boxs .main ul li img{display: block; width: 67px; height: 59px; float: left;}
.bk3boxs .main ul li .t{width: 329px; float: left; margin-left: 10px;line-height: 21px;}
.bk3boxs .main ul li .t1{font-size: 16px; color: #333;}
.bk3boxs .main ul li .t2{font-size: 13px; color: #707070;}

.bk33boxs{width: 266px; float: right;}
.bk33boxs .main{}
.bk33boxs .main a{display: block;margin-top: 5px;text-align: center; font-size: 14px;line-height: 26px; color: 666666;}
.bk33boxs .main a:hover{background: #f0f0f0;}


.bk4_sec{margin-top: 30px;}
.bk4boxs{border-top: 3px solid #aaaaaa; padding: 30px 0;}
.bk4boxs ul li{padding-left: 30px; width: 20%; float: left; border-left: 1px solid #ccc;}
.bk4boxs ul li:first-child{border-left: none;}
.bk4boxs ul li dd{float: left;width: 50%; font-size: 12px; color: #555555;}
.bk4boxs ul li dt{font-size: 18px; color: #333333;}
.bk4box{border-top: 3px solid #ebebeb;}



/*知识*/
.kontit{margin: 50px 0 20px; font-size: 18px; color: #333333;}
.kontit span{margin-left: 30px; font-size: 14px; color: #989898;}
.kontit a{padding: 0 10px;}
.kontit a.on{color: #014689;}
.kontit .more{float: right;}
.knosboxs{width: 400px;margin-right: 40px; float: left;}
.knosboxs .main{border: 1px solid #ccc; font-size: 20px; color: #333;}
.knosboxs .main .km1{background: #cde6fe; border-bottom: 1px solid #ccc;}
.knosboxs .main .km2{background: #e6f3ff;}
.knosboxs .main .km3{width: 50%;float: left; border-bottom: 1px solid #ccc; background: #f5f6f7;}
.knosboxs .main .km4{background: #fcfcfc!important; border-left: 1px solid #ccc!important;}
.knosboxs .main .km5{width: 50%;float: left; border-bottom: 1px solid #ccc; background: #f5f6f7;}
.knosboxs .main .km6{background: #FCFCFC!important;}
.knosboxs .main .km7{ border-left: 1px solid #ccc!important;}
.knosboxs .main .km8{ border-bottom: none!important;}
.knosboxs .main ul li{padding: 21px 0;}
.knosboxs .main ul li .tit{padding: 0 10px 0 20px;}
.knosboxs .main ul li .tit img{float: right;}
.knosboxs .main ul li p{padding: 0 20px; font-size: 12px; color: #666;}

.knosboxs .list{}
.knosboxs .list ul li{}
.knosboxs .list ul li .tit{margin: 20px 0; font-size: 20px; color: #333;}
.knosboxs .list ul li .tit span{margin-right: 5px; background: #356a9f;padding: 0 5px; font-size: 14px; color: #fff;}
.knosboxs .list ul li img{display: block; float: left;width: 133px; height: 100px;}
.knosboxs .list ul li p{width: 232px;line-height: 20px; float: right; font-size: 12px; color: #666666;}

.knosbox1{float: right; width: 300px;}
.knosbox1 .main{padding-bottom: 25px; border-bottom: 1px solid #ccc;}

.container::after {content: '';display: table;clear: both;}
#timeline {background: #fff; position: relative;}
#timeline::before {
  content: '';
  position: absolute;
  /*top: 10px;*/
  /*left: 50%;*/
  margin-left:18px;
  height: 100%;
  width: 1px;
  background: #ccc;
}
.timeline-block {position: relative;margin: 20px 0; /*width: 100%;margin: 0 auto;*/}
.timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.timeline-block:last-child{margin: 0;}
.timeline-img {
  position: absolute;
  /*top: 10px;*/
 background: url(../images/kno2.png);
  width: 37px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  /*left: 50%;*/
 font-size: 12px;
 color: #333;
  /*margin-left: -18px;*/
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  
}
.timeline-content {
	/*width: 50%;*/
  position: relative;
  font-size: 14px;
  color: #333;
  border-radius: 0.25em;
  line-height: 37px;
  padding-left: 50px;
}
.timeline-content span{color: #014689;}
.timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.knosbox1 .main2{font-size: 12px; color: #666;}
.knosbox1 .main2 .t1{margin: 10px 0; font-size: 18px; color: #333;}
.knosbox1 .main2 .t2{ padding-right: 30px;}
.knosbox1 .main2 .con{margin-top: 10;}
.knosbox1 .main2 .con a{margin: 10px 3px; padding-left: 50px; width: 144px;line-height: 45px; display: block; float: left;font-size: 16px;color: #333;background-color: #fdfdfd; border: 1px solid #ccc;-webkit-border-radius:2px; -moz-border-radius:2px;border-radius: 2px; cursor: pointer;position: relative;z-index: 2; behavior: url(PIE.htc);}
.knosbox1 .main2 .con .a1{background: url(../images/kn1.jpg) no-repeat 30px center;}
.knosbox1 .main2 .con .a2{background: url(../images/kn2.jpg) no-repeat 30px center;}
.knosbox1 .main2 .con .a3{background: url(../images/kn3.jpg) no-repeat 30px center;}
.knosbox1 .main2 .con .a4{background: url(../images/kn4.jpg) no-repeat 30px center;}




/*2018/5/4 PCY 新加百科知识页*/
.bk5_sec{margin-top: 30px;}
.bk5_sec .bk2tit{background-image: url(../images/intit.png);}
.zsmainlist{}
.zsmainlist ul li{float: left; width: 32%; margin-left: 2%;}
.zsmainlist ul li:nth-child(3n+1){margin-left: 0;}
.zsmainlist ul li {
    padding-left: 15px;
    font-size: 14px;
    color: #666;
    line-height: 44px;
    border-bottom: 1px dotted #ccc;
    background: url(../images/ico27.png) no-repeat left center;
}
#ppbox{
line-height: 32px;
    padding: 10px 15px;
    font-size: 18px;
    color: #333;
    
    }