@charset "utf-8";

a:hover{color: #0090dc;}
.footer{background-color: #2e8ed6;}
.footer-div{color: #fff;}
.footer-div a{color: #fff;}
.footer-div a:hover{color: #fff !important; opacity: .85;}
.ztzl-header{background-image: url(../images/header_bg.png);}

.qwfb .hd{background-color: #eeeeee;}
.qwfb .hd .current-name{float: left; padding-right: 70px; padding-left: 50px; background: url(../images/title_bg.png) no-repeat right center;}
.qwfb .hd .current-name a{font-weight: bold; font-size: 1.375em; color: #fff; letter-spacing: 2px; line-height: 42px;}
.qwfb .news-tpxw{float: left; width: 50%;}
.qwfb .news-tpxw .owl-carousel .item{padding-bottom: 35px;}
.qwfb .news-tpxw .owl-carousel .item dl{position: absolute; right: 0; left: 20%; bottom: 0; padding: 20px 25px; color: #fff; background-color: #2c8cd5; background-image: linear-gradient(#2c8cd5 -10%, #72b8ec); z-index: 10;}
.qwfb .news-tpxw .owl-carousel .item dl dt{margin-bottom: 10px; font-size: 1.25em; font-weight: bold;}
.qwfb .news-tpxw .owl-carousel .owl-nav > div{margin-top: -55px;}
.qwfb .news-news{float: left; width: 50%;}
.qwfb .news-news .news-list{margin-top: -25px; margin-left: 20px;}
.qwfb .news-news .news-list dl{padding-top: 25px; padding-bottom: 25px; border-bottom: 1px dashed #707070;}
.qwfb .news-news .news-list dl dt{font-size: 1.125em; font-weight: bold; line-height: 1.5em;}
.qwfb .news-news .news-list dl dd{margin-top: .3125em;}
.qwfb .news-news .news-list dl dd .desc{font-size: .875em; color: #999; line-height: 1.5em; max-height: 3em;}

.xcxx-box{padding: 35px; background-color: #f9f9f9; background-image: linear-gradient(#f9f9f9 10%, #fefefe);}
.xcxx-tab{position: relative;}
.xcxx-tab .hd{position: absolute; top: 0; bottom: 0; left: 0; width: 32.65%; margin-top: -30px;}
.xcxx-tab .hd li{position: relative; width: 100%; height: 50%;}
.xcxx-tab .hd li a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-top: 30px; background-color: #d3d3d3;}
.xcxx-tab .hd li a font{position: absolute; top: 50%; right: 0; left: 0; margin-top: -.5em; font-weight: bold; font-size: 2em; line-height: 1em; text-align: center; color: #999; letter-spacing: .05em;}
.xcxx-tab .hd li.on a{background-color: #0090dc;}
.xcxx-tab .hd li.on a font{color: #fff;}
.xcxx-tab .bd{margin-left: 32.65%; padding-left: 30px;}
.xcxx-tab .bd ul li + li{margin-top: 15px;}
.xcxx-tab .bd ul li a{position: relative; display: block; padding: 20px 9em 20px 30px; background-color: #eee;}
.xcxx-tab .bd ul li a h4{font-size: 1.25em; line-height: 1.6em;}
.xcxx-tab .bd ul li a .time{position: absolute; top: 50%; right: 1.5em; line-height: 1.6em; margin-top: -.8em; font-size: 1.125em; color: #666;}
.xcxx-tab .bd ul li a:hover{background-color: #f1f1f1;}
.xcxx-tab .bd ul li a:hover .time{color: #0090dc;}

.bmfw ul{margin: -16px -8px 0; overflow: hidden;}
.bmfw ul li{float: left; width: 16.28571%;}
.bmfw ul li a{display: block; margin: 16px 8px 0; background-color: #fff; border: 1px solid #2e8ed6; border-radius: 5px;}
.bmfw ul li a .icon{background-color: #2e8ed6;}
.bmfw ul li a .icon i{display: block; width: 50px; height: 50px; margin: 0 auto;}
.bmfw ul li a .icon i img{display: block; width: 100%; height: 100%;}
.bmfw ul li a .caption{position: relative; padding: 5px 0; text-align: center; border-top: 1px solid #2e8ed6;}
.bmfw ul li a .caption font{display: inline-block; width: 95%; text-align: center; vertical-align: middle; max-height: 50px; line-height: 1.2em; color: #2e8ed6;}
.bmfw ul li a .caption:before{display: inline-block; vertical-align: middle; content: ""; width: 1px; height: 50px;}
.bmfw ul li a .caption:after{position: absolute; top: 0; right: -1px; left: -1px; height: 1px; content: ""; background-color: #fff; opacity: 0; transition: all .3s ease;}
.bmfw ul li a:hover{background-color: #2e8ed6;}
.bmfw ul li a:hover .caption:after{opacity: .25;}
.bmfw ul li a:hover .caption font{color: #fff;}

@media (max-width: 1199px){
  .qwfb .news-news .news-list dl{padding-top: 20px; padding-bottom: 20px;}
  .qwfb .news-news .news-list dl dd{margin-top: 0;}
  .xcxx-box{padding: 0; margin-bottom: 20px; background: none !important;}
  .xcxx-tab .hd{margin-top: -20px;}
  .xcxx-tab .hd li a{margin-top: 20px;}
  .xcxx-tab .bd{padding-left: 20px;}
  .xcxx-tab .bd ul li a{padding-top: 15px; padding-bottom: 15px; padding-left: 20px;}
  .xcxx-tab .bd ul li a h4{font-size: 1.125em;}
  .bmfw ul li a .caption font{font-size: 15px;}
}

@media (max-width: 1023px){
  .qwfb .news-tpxw .owl-carousel .item dl{left: 10%;}
  .qwfb .news-tpxw{float: none; width: auto;}
  .qwfb .news-news{float: none; width: auto;}
  .qwfb .news-news .news-list{margin-top: -20px; margin-left: 0;}
  .xcxx-tab .hd li a font{font-size: 1.5em;}
  .bmfw ul li{width: 25%;}
}

@media (max-width: 768px){
  .qwfb .news-tpxw .owl-carousel .owl-nav > div{margin-top: -46px;}
  .xcxx-tab .hd{position: static; width: auto; margin-top: 0; margin-bottom: 20px;}
  .xcxx-tab .hd li{position: relative; float: left;  text-align: center; background-color: #d3d3d3;}
  .xcxx-tab .hd li:first-child{width: 45%;}
  .xcxx-tab .hd li:last-child{width: 55%;}
  .xcxx-tab .hd li a{position: static; text-align: center; background-color: transparent !important;}
  .xcxx-tab .hd li a font{position: static; margin-top: 0; font-size: 1.25em; line-height: 3em;}
  .xcxx-tab .hd li.on{background-color: #0090dc;}
  .xcxx-tab .bd{margin-left: 0; padding-left: 0;}
  .xcxx-tab .bd ul li a h4{font-size: 1.125em;}
  .bmfw ul li{width: 33.33333%;}	
  .bmfw ul{margin: -10px -5px 0;}
  .bmfw ul li a{margin: 10px 5px 0;}
}

@media (max-width: 500px){
  .qwfb .news-tpxw .owl-carousel .item dl{padding: 15px 20px;}
  .qwfb .news-tpxw .owl-carousel .item{padding-bottom: 0;}
  .qwfb .news-tpxw .owl-carousel .item dl{left: 0; padding: 10px; background: none !important;}
  .qwfb .news-tpxw .owl-carousel .item dl:after{position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; content: ""; background-color: #000; opacity: .35;}
  .qwfb .news-tpxw .owl-carousel .item dl dt{position: relative; z-index: 2; margin-bottom: 0; font-size: 1em;}
  .qwfb .news-tpxw .owl-carousel .item dl dd{display: none;}
  .bmfw ul li{width: 50%;}	
  .bmfw ul li:last-child{width: 100%;}
  .xcxx-tab .bd ul li a{padding: 15px 20px;}
  .xcxx-tab .bd ul li a h4{white-space: normal; display: block; margin-bottom: 10px;}
  .xcxx-tab .bd ul li a .time{position: static; display: block; margin-top: 0;}
}