body{background: url(../images/xybbody_bg.png?v=1) no-repeat center top;}
.xyb_logo{display: block;padding-top: 20px;width: 100%;}
.xyb_logo img{display: block;width: auto;}
.xybtle_box{position: relative;text-align: center;}
.xybtle_box .xybtle_img{margin: 80px;}
.main{padding: 40px 20px 30px;box-sizing: border-box;background-color: #fff;margin-bottom: 40px;box-shadow: 0px 0px 8px 4px #bad9f470;border-top: 10px solid #1d7bd3;}
.m_tout{padding: 66px 0 30px;background: url(../images/xybm_toutbg.jpg) no-repeat center 30px #fff;margin-bottom: 26px;}
.m_tout h1 a{display: block;color: #2185d7;font-weight: bold;font-size: 34px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 136px;}
.m_tout h1 a:hover{color: #2155bb;}
.m_tout p{line-height: 24px;color: #666;margin-top: 12px;overflow: hidden;text-overflow: ellipsis;position: relative;white-space: nowrap;padding: 0 100px;}
.pron{color: #e51b16;position: absolute;bottom: 0;right: 60px;}
.top{background-color: rgb(18, 63, 139,0.8);}

.focus-box{position: relative;overflow:hidden;width:49%;margin-bottom: 40px;}
.focus-box .hd{width: 100%;position: absolute;height: 50px;line-height: 50px;bottom: 0;right: 0;z-index: 1;background-color: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);}
.focus-box .hd ul{position: absolute;right: 16px;bottom: 0;max-width: 120px;}
.focus-box .hd li{display:inline-block;background-color:#fff;width:10px;height:7px;transition:all .3s;margin-left:5px;cursor:pointer}
.focus-box .hd li.on{background-color: #4c7ee0;width:25px;}
.focus-box .hd .slideFocusInfo{color:#fff;text-indent:1em;width: 100%;text-align:left;display: block;padding-right: 25%;height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}
.focus-box .hd .slideFocusInfo:hover{text-decoration: underline;}
.focus-box .bd {position: relative;z-index: 0;}
.focus-box .bd li img{display:block;width:100%;height:400px;}
.focus-box .bd li a{display: block;}

.xyblist_box{width: 49%;margin-bottom: 28px;}
.title{line-height: 44px;height: 44px;margin-bottom: 28px;background: #1d7bd3;}
.xyblist_tle{padding-left: 20px;color: #FFF;font-size: 25px;font-weight: bold;}
.xyblist_tle:hover{color: #0b4dab;}
a.more{float: right;font-size: 14px;color: #FFF;margin-right: 20px;}
a.more:hover{color: #0b4dab;}
.xyblist_box ul li{line-height: 48px;}
.xyblist_box ul li a{background: url(../images/xyblist_icon.png) no-repeat left center;padding-left: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;width: 100%;font-size: 20px;box-sizing: border-box;}
.xyblist_box ul li a:hover{color: #0b4dab;}

.hjsxyb_list{width: 100%;overflow: hidden;}
.hjsxyb_list ul li{line-height: 50px;float: left;width: 100%;padding-left: 15px;}
.hjsxyb_list ul li:nth-child(2n){float: right;}

.zcxc_box{width: 100%;position: relative;}
.zcxc_box .bd{overflow: hidden;max-height: 236px;}
.zcxc_box .bd ul li{float: left;width: 372px;max-height: 236px;overflow: hidden;margin-right: 22px;}
.zcxc_box .bd ul li:last-child{margin-right: 0;}
.zcxc_box .bd ul li a{display: block;position: relative;}
.zcxc_box .bd ul li a img{width: 100%;}
.zcxc_box .prev, .zcxc_box .next {width: 30px;height: 30px;position: absolute;top: 50%;margin-top: 24px;z-index: 99;}
.zcxc_box .prev{background: url(../images/xyb_prev.png) no-repeat center;left: -12px;}
.zcxc_box .next{background: url(../images/xyb_next.png) no-repeat center;right: -12px;}
.zcxc_box .img_tle{width: 372px;height: 44px;position: absolute;bottom: 0;line-height: 44px;text-align: center;background-color: #4567672e;}
.zcxc_box .img_tle a{color: #fff;}


.xyblist_box_zcxc{width: 49%;float: left;margin-right: 2%;}
.xyblist_box_zcxc:last-child{margin-right: 0%;}

@media screen and (max-width:768px){
    body{background: #ceefff;}
    .main{padding: 20px 10px 10px;margin-bottom: 20px;}
    .xyblist_box_zcxc {width: 100%;margin-right: 0;margin-bottom: 10px;}
    .zcxc_box .bd{max-height: initial;}
    .zcxc_box .bd ul li{width: 100%;max-height: initial;margin-bottom: 10px;}
    .xyb_head{width: 100%;}
    .xyb_logo{width: 90%;}
    .xybtle_box .xybtle_img{float: none;display: block;width: 80%;margin: 20px auto;}
    .xybtle_box .xybtle_img2{display: none;}
    .m_tout{padding: 30px 0;margin-bottom: 10px;}
    .m_tout h1 a{padding: 0 10px;font-size: 24px;}
    .m_tout p{padding: 0 10px;font-size: 16px;}
    .pron{display: none;}
    .focus-box,.focus-box .bd li img{width:100%;height:auto;margin-bottom: 10px;}
    .xyblist_box{width: 100%;margin-bottom: 10px;}
    .title{margin-bottom: 6px;}
    .xyblist_tle{font-size: 20px;}
    .xyblist_box ul li {line-height: 40px;width: 100%;}
    .xyblist_box ul li a{font-size: 16px;}
    .hjsxyb_list ul li{left: initial;width: 100%;padding-left: 0;}
    .zcxc_box .bd ul li{margin-right: 0;}
}
