@charset "utf-8";

.zwwgk .slider .box,
.zwwgk .slider .box dl,
.zwwgk .slider .box dl dd{transition: all .3s;}
.zwwgk .slider{margin-top: -20px; margin-right: -10px; margin-left: -10px;}
.zwwgk .slider .box{float: left; width: 15%; position: relative; z-index: 99;}
.zwwgk .slider .box dl{margin: 20px 10px 0; position: relative; z-index: 10; height: 125px;}
.zwwgk .slider .box dl dt{position: absolute; top: 0; bottom: 0; left: 0; z-index: 10; width: 100%; max-width: 160px; background: #edf7ff;}
.zwwgk .slider .box dl dt a{position: absolute; top: 50%; right: 0; left: 0; margin-top: -46px; text-align: center; transition: all .3s;}
.zwwgk .slider .box dl dt a i{display: block; width: 56px; height: 56px; margin: 0 auto 6px;}
.zwwgk .slider .box dl dt a i img{display: block; width: 100%; height: 100%;}
.zwwgk .slider .box dl dt a i.none{display: none;}
.zwwgk .slider .box dl dt a span{display: inline-block; position: relative; line-height: 30px; font-size: 1.125em; font-weight: bold;}
.zwwgk .slider .box dl dt a:hover{margin-top: -50px;}
.zwwgk .slider .box dl dd{position: relative; z-index: 20; display: none; margin-left: 160px; height: 125px;}
.zwwgk .slider .box dl dd:after{position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; content: ""; background-color: #f7fbff; border: 1px solid #a1d1ff; border-left: none; border-radius: 0 3px 3px 0px;}
.zwwgk .slider .box dl dd ul{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; padding: 20px;}
.zwwgk .slider .box.active{width: 40%;}
.zwwgk .slider .box.active dl{border-radius: 3px; box-shadow: 0 0 10px rgba(75,132,219,.15);}
.zwwgk .slider .box.active dl dt{-webkit-background: linear-gradient(to right bottom, #3797db, #76cdee 70%);
-o--background: linear-gradient(to right bottom, #3797db, #76cdee 70%);
-moz-background: linear-gradient(to right bottom, #3797db, #76cdee 70%); 
background: linear-gradient(to right bottom, #3797db, #76cdee 70%); background-color: #3d9cdd;}
.zwwgk .slider .box.active dl dt a i.block{display: none;}
.zwwgk .slider .box.active dl dt a i.none{display: block;}
.zwwgk .slider .box.active dl dt a span{color: #fff;}
.zwwgk .slider .box.active dl dd{display: block;}
.zwwgk .slider .box.active dl dd ul li:nth-child(1) {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.zwwgk .slider .box.active dl dd ul li:nth-child(2) {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.zwwgk .slider .box.active dl dd ul li:nth-child(3) {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.zwwgk .slider .box.active dl dd ul li.more {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
@media (max-width:1280px){
  .zwwgk .slider .box dl{height: 150px;}
  .zwwgk .slider .box dl dt{max-width: 122px;}
  .zwwgk .slider .box dl dd{margin-left: 122px;	}
  .zwwgk .slider .box dl dt a{margin-top: -40px;}
  .zwwgk .slider .box dl dt a i{width: 45px; height: 45px;}
  .zwwgk .slider .box dl dt a:hover{margin-top: -45px;}
  .zwwgk .slider .box dl dd{height: 150px;}
  .zwwgk .slider .box dl dd ul{padding: 7px 15px 7px 20px; margin: 0;}
  .zwwgk .slider .box dl dd ul li{float: none; width: 100%; padding: .25em 0;}
}
@media (max-width:992px){
  .zwwgk .slider{margin-top: -15px; margin-right: -7px; margin-left: -8px;}
  .zwwgk .slider .box{width: 20% !important;}
  .zwwgk .slider .box dl{margin: 15px 7px 0 8px; height: 125px;}	
  .zwwgk .slider .box dl dt{max-width: 100%;}
  .zwwgk .slider .box dl dd{display: none !important;}
}
@media (max-width:640px){
  .zwwgk .slider .box{width: 33.33333% !important;}	
  .zwwgk .slider .box:nth-child(4){width: 50% !important;}
  .zwwgk .slider .box:nth-child(5){width: 50% !important;}
}
@media (max-width:414px){
  .zwwgk .slider{margin-top: -5px; margin-right: -2px; margin-left: -3px;}
  .zwwgk .slider .box{width: 50% !important;}	
  .zwwgk .slider .box:nth-child(5){width: 100% !important;}
  .zwwgk .slider .box dl{height: 100px; margin: 5px 2px 0 3px;}
  .zwwgk .slider .box dl dt a{margin-top: -35px;}
  .zwwgk .slider .box dl dt a i{width: 35px; height: 35px;}
  .zwwgk .slider .box dl dt a span{font-size: 1.125em;}	
  .zwwgk .slider .box dl dt a:hover{margin-top: -40px;}
}
.wjjs{position: relative; padding: 25px 30px 25px 0;}
.wjjs .hd{position: absolute; top: 0; bottom: 0; left: 0;}
.wjjs .hd img{height: 100%;}
.wjjs .bd{position: relative; margin-left: 22%; padding-left: 8em;}
.wjjs .bd span{position: absolute; top: 50%; left: 0; margin-top: -.5em; font-family: "NotoSerifCJKsc-Bold","微软雅黑","宋体"; font-weight: bold; font-size: 1.375em; color: #4d91c9; line-height: 1em;}
.wjjs .bd .search{position: relative; background: #fff; border: 1px solid #b3c6e2; border-radius: 3px; overflow: hidden;}
.wjjs .bd .search dd{margin-right: 60px; margin-left: 15px;}
.wjjs .bd .search dd input[type="text"]{width: 100%; height: 44px; line-height: 44px; border: none;}
.wjjs .bd .search dt{position: absolute; top: 0; right: 0; bottom: 0; width: 44px;}
.wjjs .bd .search dt img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 30px; margin: auto; cursor: pointer;}
@media (max-width:1280px){
  .wjjs{padding: 20px;}	
  .wjjs .bd{margin-left: 18%;}
}
@media (max-width:992px){
  .wjjs{padding: 15px;}
}
@media (max-width:640px){
  .wjjs .bd{padding-left: 0;}
  .wjjs .bd span{position: static;}
  .wjjs .bd .search{margin-top: 5px; margin-right: 0; margin-left: 0;}
  .wjjs .bd .search dd input[type="text"]{height: 42px; line-height: 42px;}	
}
@media (max-width:450px){
  .wjjs .bd .search dd input[type="text"]{height: 30px; line-height: 30px;}	
  .wjjs .bd .search dt{width: 30px; height: 30px;}
}

.zcwdk{padding: 25px; height: 46px; line-height: 46px;}
.zcwdk a{display: inline-block; margin-left: 15%; font-family: "NotoSerifCJKsc-Bold","微软雅黑","宋体"; font-weight: bold; font-size: 1.375em; color: #4d91c9; line-height: 1em; transition: all .3s;}
.zcwdk a:hover{margin-left: 20%;}
@media (max-width:992px){
  .zcwdk{padding: 15px;}
  .zcwdk a{margin-left: 18%;}	
  .zcwdk a:hover{margin-left: 25%;}
}

.zfxxgk > .com-headline .hd .currentname{color: #5884c4;}
.zfxxgk .menu-cards li a.item{padding-top: .75em; padding-bottom: .75em;}
.zfxxgk .menu-cards li a.item i{width: 51px; height: 51px;}
.zfxxgk .menu-cards li a.item span{width: 4.5em; max-width: none;}
.zfxxgk .menu-cards li.ysqgk{width: 100%;}
.zfxxgk .menu-cards li.ysqgk a.item{color: #fff; background: url(../images/index/zwgk_menu_on.png) no-repeat center center; background-size: 100% 100%;}
.zfxxgk .menu-cards li.ysqgk a.item span{max-width: none; width: auto;}
.zfxxgk .menu-cards li.ysqgk a.item:after{position: absolute; top: 0; bottom: 0; right: 0; content: ""; width: 15%; max-width: 80px; background:url(../images/index/zwgk_menu_ico_ysq_bg.png) no-repeat right bottom; background-size: 100% auto;}
@media (max-width:1280px) {
  .zfxxgk .menu-cards li{width: 50%;}	
  .zfxxgk .menu-cards li a.item span{width: 8.5em;}
  .zfxxgk .menu-cards li a.item span b{display: none;}
  .zfxxgk .menu-cards li.ysqgk a.item:after{width: 10%;}
}
@media (max-width:768px) {
  .zfxxgk.entire-box{padding: 15px 15px 0 !important;}
  .zfxxgk .menu-cards li{width: 50%;}	
}
@media (max-width:640px) {
  .zfxxgk .menu-cards li a.item span{width: 4.5em;}
  .zfxxgk .menu-cards li a.item span b{display: block;}
  .zfxxgk .menu-cards li.ysqgk a.item:after{width: 15%;}
}
@media (max-width:360px) {
  .zfxxgk .menu-cards{margin-top: -1px !important; margin-right: 0 !important; margin-left: -1px !important;}
  .zfxxgk .menu-cards li{width: 100%;}
  .zfxxgk .menu-cards li a.item{margin: 1px 0 0 1px !important;}
  .zfxxgk .menu-cards li a.item i{width: 40px; height: 40px;}
  .zfxxgk .menu-cards li a.item span{width: 8.5em;}
  .zfxxgk .menu-cards li a.item span b{display: none;}
}

.zfgb{position: relative; padding-bottom: 12%; z-index: 10; background: url(../images/zwgk/zfbg_bg_linear.png) repeat-x top;}
.zfgb > .hd{position: relative; z-index: 9; padding: 30px 20px 25px; color: #5884c4; text-align: center;}
.zfgb > .hd dd{display: inline-block; vertical-align: middle;}
.zfgb > .hd dd.thead{margin-right: 5%; font-family: "NotoSerifCJKsc-Bold","微软雅黑","宋体"; font-size: 1.375em; font-weight: bold;}
.zfgb > .hd dd.thead a{color: #5884c4;}
.zfgb > .hd dd.select{width: 6.25em;}
.zfgb > .hd dd.select .select-drop{border: 1px solid #ccd9ed; border-radius: 3px;}
.zfgb > .hd dd.select .select-drop .select-input{height: 32px; line-height: 32px;}
.zfgb > .hd dd.select .select-drop .select-edge{color: #5884c4;}
.zfgb > .hd dd.select .select-drop .select-list{top: 35px;}
.zfgb > .bd{position: relative; z-index: 2;}
.zfgb > .bd .swiper-slide .itm{display: block; position: relative; width: 45%; min-width: 150px; margin: 0 auto;}
.zfgb > .bd .swiper-slide .itm .place{padding-top: 131.51%;}
.zfgb > .bd .swiper-slide .itm .caption{position: absolute; right: 3%; bottom: 5%; left: 6%; z-index: 5; text-align: center;}
.zfgb > .bd .swiper-slide .itm .caption dl{display: inline-block;}
.zfgb > .bd .swiper-slide .itm .caption dl dt{color: #d68f00;}
.zfgb > .bd .swiper-slide .itm .caption dl dt.qk{margin-bottom: -5px; font-size: .875em;}
.zfgb > .bd .swiper-slide .itm .caption dl dt.qk span{font-weight: bold; margin: 0 .25em;}
.zfgb > .bd .swiper-slide .itm .caption dl dd{color: 000; border-top: 1px solid #cbcbcb;}
.zfgb > .bd .swiper-slide .itm .caption dl font{display: inline-block; font-size: 12px; -moz-transform:scale(.8); -ms-transform:scale(.8); -o-transform:scale(.8); -webkit-transform:scale(.8); transform:scale(.8);}
.zfgb > .bd .swiper-ctrl-button{width: 26px !important; height: 52px !important; margin-top: -26px;}
.zfgb > .bd .swiper-ctrl-button:after{background: #d4e9ff;}
.zfgb > .bd .swiper-ctrl-button:hover:after{background: #cbe6fe;}
.zfgb > .bd .swiper-ctrl-button.swiper-ctrl-prev i{margin-left: -5px;}
.zfgb > .bd .swiper-ctrl-button.swiper-ctrl-next i{margin-right: -5px;}
.zfgb .bg{position: absolute; right: 0; bottom: 0; left: 0; overflow: hidden;}
.zfgb .bg img{display: block; width: 100%;}
@media (max-width:1500px) {
  .zfgb > .hd li.thead{font-size: 1.25em;}	
}
@media (max-width:1280px) {
  .zfgb{padding-bottom: 10%;}	
}
@media (max-width:992px) {
  .zfgb{padding-bottom: 9%;}
  .zfgb > .hd dd.thead{font-size: 1.125em;}	
}
@media (max-width:450px) {
  .zfgb{padding-bottom: 12%;}
}

.xxgkml .menu-cards li a.item{height: 4.25em; line-height: 4.25em;}
.xxgkml .menu-cards li a.item i{width: 35px; height: 35px;}
.xxgkml .menu-cards li a.item span{max-width: 5.25em; width: 5.25em;}
.xxgkml .menu-cards li.last{width: 100%;}
.xxgkml .menu-cards li.last a.item span{max-width: 50%; width: auto;}
@media (max-width:1500px) {
  .xxgkml .menu-cards li a.item{height: 4em; line-height: 4em;}
}
@media (max-width:1280px) {
  .xxgkml .menu-cards li{width: 33.33333%;}
  .xxgkml .menu-cards li a.item i{width: 30px; height: 30px;}
  .xxgkml .menu-cards li a.item span{max-width: 60%; width: 60%;}
  .xxgkml .menu-cards li:nth-child(4) a.item span b{display: none;}
}
@media (max-width:640px) {
  .xxgkml .menu-cards li{width: 50%;}
}

.zdly .tbody{background: url(../images/zwgk/zdly_bd_bg.png) repeat-x top #fff; border-radius: 6px 6px 0 0;}
.zdly .tbody > .hd{padding: 20px 0 10px 20px;}
.zdly .tbody > .hd li{margin-top: .5em; padding-bottom: .625em; font-size: 1.1625em;}
.zdly .tbody > .hd li:before{position: absolute; left: 50%; bottom: -15px; z-index: 1; border: transparent solid 10px; border-top-color: #1663c7;}
.zdly .tbody > .hd li:after{position: absolute; left: 50%; bottom: -10px; z-index: 2; border: transparent solid 10px; border-top-color: #6397db; opacity: .35;}
.zdly .tbody > .hd li.on:before{content: "";}
.zdly .tbody > .hd li.on:after{content: "";}
.zdly .tbody .menu-cards li a.item{line-height: 3.5em; height: 3.5em;}
.zdly .tbody .menu-cards li a.item span{line-height: 1.25em; max-width: 90%; text-align: center;}
@media (max-width:1500px){
  .zdly .tbody > .hd li{margin-right: 1.625em; font-size: 1.25em;}
}
@media (max-width:1280px){
  .zdly .tbody > .hd li:before{bottom: -12px;}
  .zdly .tbody > .hd li:after{bottom: -7px;}	
}
@media (max-width:992px){
  .zdly .tbody > .hd{padding-left: 15px;}
  .zdly .tbody > .hd li{margin-right: 1.25em; font-size: 1.0625em;}
}
@media (max-width:414px){
  .zdly .tbody > .hd li{margin-right: 1em;}
}


.zdly .slider .box,
.zdly .slider .box dl,
.zdly .slider .box dl dd{transition: all .3s;}
.zdly .slider{margin-top: -20px; margin-right: -10px; margin-left: -10px;}
.zdly .slider .box{float: left; width: 20%; position: relative; z-index: 99;}
.zdly .slider .box dl{margin: 20px 10px 0; position: relative; z-index: 10; height: 145px; border: 1px solid transparent; border-radius: 6px; overflow: hidden;}
.zdly .slider .box dl dt{position: absolute; top: 0; bottom: 0; left: 0; z-index: 10; width: 100%; max-width: 224px; background: #fff;}
.zdly .slider .box dl dt a{position: absolute; top: 50%; right: 0; left: 0; margin-top: -48px; text-align: center; transition: all .3s;}
.zdly .slider .box dl dt a i{display: block; width: 60px; height: 60px; margin: 0 auto 6px;}
.zdly .slider .box dl dt a i img{display: block; width: 100%; height: 100%;}
.zdly .slider .box dl dt a i.none{display: none;}
.zdly .slider .box dl dt a span{display: inline-block; position: relative; line-height: 30px; font-size: 1.125em;}
.zdly .slider .box dl dt a:hover{margin-top: -50px;}
.zdly .slider .box dl dd{position: relative; z-index: 20; display: none; margin-left: 224px; height: 145px;}
.zdly .slider .box dl dd:after{position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; content: ""; background-color: #fff;}
.zdly .slider .box dl dd ul{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; padding: 32px 20px;}
.zdly .slider .box dl dd ul li a.item{height: 5em; line-height: 5em;}
.zdly .slider .box.active{width: 60%;}
.zdly .slider .box.active dl{border-color: #dce0e8; box-shadow: 0 0 10px rgba(75,132,219,.15);}
.zdly .slider .box.active dl dt a i.block{display: none;}
.zdly .slider .box.active dl dt a i.none{display: block;}
.zdly .slider .box.active dl dd{display: block;}
.zdly .slider .box.active dl dd ul li:nth-child(1) {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.zdly .slider .box.active dl dd ul li:nth-child(2) {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.zdly .slider .box.active dl dd ul li.more {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
@media (max-width:1280px){
  .zdly .slider .box dl{height: 122px;}
  .zdly .slider .box dl dt{max-width: 170px;}
  .zdly .slider .box dl dd{margin-left: 170px;}
  .zdly .slider .box dl dt a{margin-top: -40px;}
  .zdly .slider .box dl dt a i{width: 45px; height: 45px;}
  .zdly .slider .box dl dt a span{font-size: 1.0625em;}
  .zdly .slider .box dl dt a:hover{margin-top: -45px;}
  .zdly .slider .box dl dd{height: 122px;}
  .zdly .slider .box dl dd ul{padding: 20px 15px; margin: 0;}
}
@media (max-width:992px){
  .zdly .slider{margin-top: -15px; margin-right: -7px; margin-left: -8px;}
  .zdly .slider .box{width: 33.33333% !important;}
  .zdly .slider .box dl{margin: 15px 7px 0 8px; height: 125px; border-color: #dce0e8; box-shadow: none !important;}	
  .zdly .slider .box dl dt{max-width: 100%;}
  .zdly .slider .box dl dd{display: none !important;}
}
@media (max-width:500px){
  .zdly .slider{margin-top: -5px; margin-right: -2px; margin-left: -3px;}
  .zdly .slider .box dl{height: 130px; margin: 5px 2px 0 3px;}
  .zdly .slider .box dl dt a i{width: 35px; height: 35px;}
  .zdly .slider .box dl dt a span{padding: 0 .5em; font-size: 1em; height: 2.75em; line-height: 1.25em}	
  .zdly .slider .box dl dt a:hover{margin-top: -40px;}
  .zdly .slider .box.box1 dl dt a span{width: 4.5em;}
}

.zdly .slider .box.box1 dl dt{-webkit-background: linear-gradient(to right bottom, #dee6ff, #fdfdff 70%);
-o--background: linear-gradient(to right bottom, #dee6ff, #fdfdff 70%);
-moz-background: linear-gradient(to right bottom, #dee6ff, #fdfdff 70%); 
background: linear-gradient(to right bottom, #dee6ff, #fdfdff 70%); background-color: #dee6ff;}

.zdly .slider .box.box2 dl dt{-webkit-background: linear-gradient(to right bottom, #ddf1ff, #fcfeff 70%);
-o--background: linear-gradient(to right bottom, #ddf1ff, #fcfeff 70%);
-moz-background: linear-gradient(to right bottom, #ddf1ff, #fcfeff 70%); 
background: linear-gradient(to right bottom, #ddf1ff, #fcfeff 70%); background-color: #ddf1ff;}

.zdly .slider .box.box3 dl dt{-webkit-background: linear-gradient(to right bottom, #defbdc, #fcfffc 70%);
-o--background: linear-gradient(to right bottom, #defbdc, #fcfffc 70%);
-moz-background: linear-gradient(to right bottom, #defbdc, #fcfffc 70%); 
background: linear-gradient(to right bottom, #defbdc, #fcfffc 70%); background-color: #defbdc;}
