@charset "utf-8";
body {font-family: "微软雅黑","Microsoft YaHei";font-size: 16px;}
img{border: none;}
.banner{width: 100%;height: 300px;background: url(ddsh2231ibanner.jpg) no-repeat center 0;}
.mobileBanner{display: none;}
.mobileBox{display: none;}
.mainBox{width: 1200px;margin: 0 auto;}
.con1{overflow: hidden;}
.con1 .left{float: left;width: 550px;overflow: hidden;}
.con1 .left .title{float: left; position: relative; width: 524px;height: 58px;background: #4880f1;line-height: 58px;font-size: 22px;font-weight: bold;text-align: center;}
.con1 .left .title a{color: #fff;}
.con1 .left .title .img{display: block;position: absolute;left: 106px;top: 12px;}
.con1 .left .content{float: left; width: 544px;height: 372px;overflow-y: scroll;overflow-x: hidden;}
.con1 .left ul{width: 524px;height: 372px;}
.con1 .left ul li{background:#f4f4f4;border-bottom: 1px solid #dbdbdb;padding-left: 12px;}
.con1 .left ul li.active{position: relative;background: #e5f4ff;border: none;}
.con1 .left ul li .imgpos{display: block;width: 14px;height: 28px; position: absolute;right: -14px;top: 50%;margin-top: -14px;}
.con1 .left ul li .tit{line-height: 50px;}
.con1 .left ul li .titcon{display: none; text-indent: 2em;font-size: 14px;line-height: 30px;color: #666666;padding-bottom: 10px;}
.con1 .right{float: left;width: 650px;}
.con1 .right ul li{display: none;}
.con1 .right img{display: inline-block; width: 650px;height: 430px;}
/*  */
.con2{overflow: hidden;}
.con2 .left{float: left;width: 550px;overflow: hidden;}
.con2 .left .title{position: relative;float: right;margin-right: 6px; width: 524px;height: 58px;background: #4880f1;line-height: 58px;font-size: 22px;font-weight: bold;text-align: center;}
.con2 .left .title a{color: #fff;}
.con2 .left .title .img{display: block;position: absolute;left: 106px;top: 12px;}
.con2 .left .content{float: right; width: 544px;height: 372px;overflow-y: scroll;overflow-x: hidden;}
.con2 .left ul{float: right; width: 524px;height: 372px;}
.con2 .left ul li{background:#f4f4f4;border-bottom: 1px solid #dbdbdb;padding-left: 12px;}
.con2 .left ul li.active{position: relative;background: #e5f4ff;border: none;}
.con2 .left ul li .imgpos{display: block;width: 14px;height: 28px; position: absolute;left: -14px;top: 50%;margin-top: -14px;}
.con2 .left ul li .tit{line-height: 50px;}
.con2 .left ul li .titcon{display: none; text-indent: 2em;font-size: 14px;line-height: 30px;color: #666666;padding-bottom: 10px;}
.con2 .right{float: left;width: 650px;}
.con2 .right ul li{display: none;}
.con2 .right img{display: inline-block; width: 650px;height: 430px;}

/**/
.con1 .left .content::-webkit-scrollbar,.zylszb-r::-webkit-scrollbar{width:6px;height:6px;background-color:#fff;}
.con1 .left .content::-webkit-scrollbar-button:vertical,.zylszb-r::-webkit-scrollbar-button:vertical{background-color:#fff;}
.con1 .left .content::-webkit-scrollbar-track:vertical,.zylszb-r::-webkit-scrollbar-track:vertical{background-color:transparent;}
.con1 .left .content::-webkit-scrollbar-track-piece,.zylszb-r::-webkit-scrollbar-track-piece{background-color:transparent;}
.con1 .left .content::-webkit-scrollbar-thumb:vertical,.zylszb-r::-webkit-scrollbar-thumb:vertical{background-color:#f4f4f4;border-radius:6px}

.con2 .left .content::-webkit-scrollbar,.zylszb-r::-webkit-scrollbar{width:6px;height:6px;background-color:#fff;}
.con2 .left .content::-webkit-scrollbar-button:vertical,.zylszb-r::-webkit-scrollbar-button:vertical{background-color:#fff;}
.con2 .left .content::-webkit-scrollbar-track:vertical,.zylszb-r::-webkit-scrollbar-track:vertical{background-color:transparent;}
.con2 .left .content::-webkit-scrollbar-track-piece,.zylszb-r::-webkit-scrollbar-track-piece{background-color:transparent;}
.con2 .left .content::-webkit-scrollbar-thumb:vertical,.zylszb-r::-webkit-scrollbar-thumb:vertical{background-color:#f4f4f4;border-radius:6px}
/**/



@media screen and (max-width: 768px){
.hr_30{height: 5px;}
.hr_20{height: 5px;}
.banner{display: none;}
.mobileBanner{display: block;width: 100%;}
.mobileBanner img{display: block;width: 100%;height: auto;}
.mainBox{width: 100%;margin: 0 auto;}
.con1,.con2{display: none;}
.mobileBox{display: block; width: 100%;}
.mobileBox .title{position: relative; width: 100%;height: 58px;background: #4880f1;line-height: 58px;font-size: 22px;font-weight: bold;text-align: center;}
.mobileBox .title a{color: #fff;}
.mobileBox .title .img{display: block;position: absolute;left: 10%;top: 12px;}
.mobileBox ul{width: 100%;}
.mobileBox ul li{width: 100%; background:#f4f4f4;border-bottom: 1px solid #dbdbdb;}
.mobileBox ul li .tit{line-height: 50px;}
.mobileBox ul li .titcon{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666666;padding-bottom: 10px;}
.mobileBox ul li .img{width: 100%;height: auto;}
.mobileBox ul li .img img{width: 100%;height: auto;}
}