@charset "utf-8";

body{background-color:#f0f0f0;}
.header{height:364px; background:url(../images/ztzl/wgk/wgk_header_bg.jpg) no-repeat top #0191f9;}
.header .gdda_logo{padding:10px 0;}
.header .wgk_banner{text-align:center;}
.footer_text{background:#666;}

.wgk_max{padding:20px 20px 0; background-color:#fff;}
.wgk_main{margin:0 -10px; overflow:hidden;}
.wgk_main a{color:#fff;}
.wgk_main a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.wgk_left{float:left; width:66.66667%;}
.wgk_right{float:left; width:33.33333%;}

.wgk_box{float:left; width:50%;}
.wgk_common dl{margin:0 10px 20px; padding:20px; height:229px; background-repeat:no-repeat; background-position:right bottom;}
.wgk_common dl dt{margin-bottom:20px; font-size:1.125em; font-weight:bold; color:#fff;}
.wgk_common dl dd .infoList{font-size:1em;}
.wgk_common dl dd .infoList li{width:100%; padding-top:8px; padding-bottom:8px;}
.wgk_common dl dd .infoList li h4 i{border-radius:50%; background-color:#fff;}
.wgk_common dl.jcgk{background-image:url(../images/ztzl/wgk/wgk_bg1.png); background-color:#2cccac;}
.wgk_common dl.zxgk{background-image:url(../images/ztzl/wgk/wgk_bg2.png); background-color:#7ad861;}
.wgk_common dl.glgk{background-image:url(../images/ztzl/wgk/wgk_bg3.png); background-color:#fdad00;}
.wgk_common dl.fwgk{background-image:url(../images/ztzl/wgk/wgk_bg4.png); background-color:#a15ce2;}
.wgk_common dl.jggk{height:518px; background-image:url(../images/ztzl/wgk/wgk_bg5.png); background-color:#587ce1;}

.wgk_common dl.jcgk dd .infoList li,
.wgk_common dl.jggk dd .infoList li{width:50%;}
.wgk_common dl.jggk dd .infoList li.addWidth{width:100%;}

@media (max-width:991px) {
.container{margin-right:auto; margin-left:auto;}
.header{height:auto; padding-bottom:20px;}
.wgk_left{float:none; width:auto;}
.wgk_right{float:none; width:auto;}
.wgk_max{padding:15px 15px 0;}
.wgk_main{margin:0 -8px 0 -7px;}
.wgk_common dl{margin:0 8px 15px 7px; height:168px;}
.wgk_common dl dt{margin-bottom:15px;}
.wgk_common dl dd .infoList{font-size:.9375em;}
.wgk_common dl.jggk{height:auto;}
.wgk_common dl.jggk dd .infoList li.addWidth{width:50%;}
}

@media (max-width:768px) {
.wgk_common dl.jcgk dd .infoList li{width:100%;}
}

@media (max-width:640px) {
.wgk_common dl.jggk dd .infoList li.addWidth{width:100% !important;}
}

@media (max-width:480px) {
.wgk_box{float:none; width:100%;}
.wgk_common dl{height:auto;}
.wgk_common dl dd .infoList li{width:50% !important; padding-top:6px; padding-bottom:6px;}
}

@media (max-width:320px) {
.wgk_common dl dd .infoList li{width:100% !important;}
}