.container{overflow: visible !important}
.wdkbg{background: url(../images/wdk/wdk_bg.png) no-repeat; background-size:cover; width: 100%; border-bottom: 1px solid #fff;}
.wdk_ss{padding: 50px; text-align: center;}
.wdk_content{background-color: #E0F0FF; padding: 36px;}
@media (max-width:1480px){
  .wdk_content{padding: 30px;}	
}
@media (max-width:1200px){
  .wdk_content{padding: 20px;}	
}
.wdk_title{float: left; padding-left: 50px; background: url(../images/wdk/wdk_bt.png) left center no-repeat; color: #fff; font-size:2.25em; font-weight: bold;}
.wdk_search{float: right; width: 58%; margin-right: 180px; position: relative;}
.wdk_search .text{width:100%; box-sizing: border-box; font-size: 18px; padding:5px 20px; border: 1px solid #fff; background: rgba(0,0,0,0.1); color: #fff; border-radius: 25px; line-height: 40px;}
.wdk_search .text::-webkit-input-placeholder{color: #FFF;}
.wdk_search .text::-moz-placeholder{color: #FFF;}
.wdk_search .buttons{position: absolute; right: -170px; top: 0; width: 150px; height: 50px; padding-left: 30px; border-radius: 25px; background:url(../images/wdk/wdk_ss.png) 15px center no-repeat #D9A300; color: #fff; font-size: 18px; border: 0;}
@media (max-width:1200px){
  .wdk_ss{padding: 40px 0;}
  .wdk_title{float: none; width: auto; text-align: left;}
  .wdk_search{float: none; width: auto; margin-top: 20px;}	
}
@media (max-width:768px){
  .wdk_search .text{line-height: 30px;}
  .wdk_search .buttons{height: 40px; width: 136px;}	
}

@media (max-width: 480px){
  .wdk_ss{padding: 30px 0;}
  .wdk_search{width: 50%; margin-top: 16px;float: left;}
  .wdk_search .text{background: #fff;color: #666;}
  .wdk_search .buttons{right: -155px;}
}


.wdk_fl{float: left; width: 40%;}
.wdk_fl ul{margin: -30px -15px 0;}
.wdk_fl li{float: left; width: 50%; color: #015292; text-align: center;}
.wdk_fl li a{display: block; margin: 30px 15px 0; color: #015292; background: #fff; padding: .75em 0; border-radius: 10px; box-shadow:5px 5px 20px rgba(0,0,0,0.1);}
.wdk_fl li a .iconfont{font-size: 3.5em;  display: inline-block; vertical-align: middle; padding-right:0.125em;}
.wdk_fl li a span{display: inline-block; vertical-align: middle; font-weight: bold; font-size: 1.25em;}
.wdk_fl li a:hover,
.wdk_fl li.on a{color: #fff; background: #035294;}
@media (max-width:1480px){
  .wdk_fl ul{margin: -20px -10px 0;}	
  .wdk_fl li a{margin: 20px 10px 0;}	
}
@media (max-width:992px){
  .wdk_fl li a .iconfont{padding-right: 0;}
}
@media (max-width:768px){
  .wdk_fl{float: none; width: auto;}
  .wdk_fl li a .iconfont{padding-right: .2em;}
}
@media (max-width:450px){
  .wdk_fl li a{padding-bottom: 1em;}
  .wdk_fl li a .iconfont{display: block; margin: 0 auto; padding-right: 0;}
}

.wdk_fr{float: right; width: 60%; line-height: 40px; background: url(../images/wdk/wdk_pbg1.fw.png) right bottom no-repeat;}
.wdk_fr > div{margin-left: 30px;}
@media (max-width:1200px){
  .wdk_fr > div{margin-left: 20px;}	
}
@media (max-width:768px){
  .wdk_fr{float: none; width: auto;}
  .wdk_fr > div{margin-left: 0; margin-top: 20px;}
}

.listindex li{line-height:2.4; position:relative; font-size: 1em; color:#fff;}
.listindex li:after{display: block; position: absolute; content:""; top: 50%; left: 3px; width: 3px; height: 3px; background: #fff;}
.listindex li a{padding-left: 12px; color: #fff; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.listindex li span{position: absolute; right:0; top:0px;}


.wdk_flist .item{width:100%; background:rgba(0,0,0,0.6); position: relative;}
.wdk_flist .item .pic{background: #E0F0FF; height: 157px; text-align: center; overflow: hidden;}
.wdk_flist .item .pic img{width: auto!important; height: 100%; margin: auto;} 
.wdk_flist .item .title{position: absolute; top: 130px; width: 160px; left: 50%; margin-left: -80px; background: #035294; color: #fff; height: 50px; line-height: 50px; text-align: center; font-size: 1.25em; font-weight: bold;}
.wdk_flist .item .title a{color: #fff;}
.wdk_flist .item .list{padding:50px 20px 30px; height: 230px; overflow: hidden;}

.wdzsks .owl-nav{position: absolute; top: 46%; width: 100%;}
.wdzsks .owl-nav > div{position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height:50px; text-align: center; border-radius: 50%; background:rgba(255,255,255,0.2);}
.wdzsks .owl-nav > div i{font-size: 2em; font-style: normal; font-weight: bold; font-family: "瀹嬩綋"; text-align: center; color: #081A58;}
.wdzsks .owl-nav .owl-prev{left: -80px;}
.wdzsks .owl-nav .owl-next{right: -80px;}
@media (max-width:148px){
  .wdzsks .owl-nav .owl-prev{left: -60px;}
  .wdzsks .owl-nav .owl-next{right: -60px;}	
}
@media (max-width:1200px){
  .wdzsks .owl-nav .owl-prev{left: -25px;}
  .wdzsks .owl-nav .owl-next{right: -25px;}	
}
@media (max-width:768px){
  .wdzsks .owl-nav .owl-prev{left: 2%;}
  .wdzsks .owl-nav .owl-next{right: 2%;}	
}
.wdk_contentbg{background:url(../images/wdk/wdk_conbg.png) left bottom no-repeat #E0F0FF; margin-bottom: 50px; padding: 30px;}
@media (max-width:1200px){
  .wdk_contentbg{padding: 20px;}	
}
@media (max-width:768px){
  .wdk_contentbg{margin-right: -20px; margin-left: -20px;}	
}

.lm-titile{font-size: 1.375em; color: #BA2234; font-weight: bold; line-height: 2; margin-bottom: 10px;}
.lm-titile b{color:#CC0000;}
.con-title{background: #fff; border-radius: 10px; padding: 15px 30px 15px 90px; position: relative; box-shadow:5px 5px 20px rgba(0,0,0,0.1); float: left; margin: 20px 0; }
.con-title > span{display: block; position: absolute; top: 15px; left: 15px; width: 54px; height: 54px; border-radius: 50%; background: #BB2335; color: #fff; text-align: center; line-height: 54px; font-size: 1.5em; font-weight: bold;}
.con-title > div{color: #035294; font-size: 1.375em; line-height: 54px;}
.fbd{line-height: 40px; text-align: right;  color: #BA2234;}
.fbd span{display: inline-block; padding-right: 20px;}
.con-da{position: relative; background: #fff; border-radius: 10px; padding: 10px 90px 10px 30px;box-shadow:5px 5px 20px rgba(0,0,0,0.1); margin: 20px 0 20px 20%; line-height: 2; min-height: 54px; text-align: justify;}
.con-da > * :not(.da){font-size: 1.125em !important; font-family:Microsoft YaHei,Simsun,SimHei,Arial !important; line-height: 1.875em !important; }
.con-da span.da{display: block;  position: absolute; top: 10px; right: 15px; width: 54px; height: 54px; border-radius: 50%; background: #035294; color: #fff; text-align: center; line-height: 54px; font-size: 1.5em; font-weight: bold;}


/*鑰佸勾鐗堟牱寮?/
body.older .wdk_title{font-size: 1.75em; line-height: 70px; background-size: 12%;}
body.older .wdk_search{width: 50%;}
body.older .wdk_search .text{font-size: 1em;}
body.older .wdk_search .buttons{font-size: 1em; height: 70px; padding-left: 0; text-align: center; background-image: none;}
body.older .wdk_flist .item .title{font-size: 1.5em;width: 235px;left: 41%;height: 70px; line-height: 70px;}
body.older .wdk_flist .item .list{height: auto;}
body.older .listindex li{line-height: 1.6em; padding: .5em 0;}
body.older .listindex li a{padding-left: 20px;}
body.older .listindex li:after{width: 10px; height: 10px; left: 0; margin-top: -5px;}
body.older .wdzsks .owl-nav > div{height: 60px; line-height: 60px;width: 60px;}
body.older .lm-titile{font-size: 1.25em;}
body.older .con-title{padding-left: 110px; font-size: 1.25em; min-height: 80px;}
body.older .con-title > span{top: 15px; width: 80px; height: 80px; line-height: 80px; font-size: 1.5em;}
body.older .con-title > div{line-height: 80px;}
body.older .fbd{font-size: 1em; line-height: 1.875em;}
body.older .con-da{padding-right: 110px; min-height: 80px; margin-left: 10%;}
body.older .con-da span.da{width: 80px; height: 80px; line-height: 80px; font-size: 1.5em;}
body.older .wdk_content{padding: 30px;}
body.older .wdk_fl{width: 100%; float: none; margin-bottom: 0px; font-size: 1em;}
body.older .wdk_fl ul{margin: -30px -15px 0;}	
body.older .wdk_fl li a{line-height: 3em; margin: 30px 15px 0;}
body.older .wdk_fl li a .iconfont{font-size: 4em; padding-right: 0;}
body.older .wdk_fl li a span{font-size: 1.75em;}

body.older .wdk_fr{width: 100%; float: none;}
body.older .wdk_fr > div{margin-top: 30px;}

@media (max-width: 1200px){
  body.older .wdzsks .owl-nav .owl-prev{left: -30px;}
  body.older .wdzsks .owl-nav .owl-next{right: -30px;}	
  body.older .wdk_title{padding-left: 75px; font-size: 2em; line-height: 70px; background-image: url(../images/wdk/wdk_bt_older.png); background-size: auto;} 
  body.older .wdk_search{width: auto;}
}
@media (max-width: 768px){
  body.older .con-title{padding-left: 80px; padding-right: 20px; min-height: 55px;}
  body.older .con-title > span{width: 55px; height: 55px; line-height: 55px;}
  body.older .con-title > div{line-height: 55px;}
  body.older .con-da{padding-right: 70px; padding-left: 20px;}
  body.older .con-da span.da{width: 55px; height: 55px; line-height: 55px;}
}
@media (max-width: 450px){
  body.older .wdk_fl li{width: 100%;}	
  body.older .con-da{margin-left: 0 !important;}
}