body{ background:"#fff"; font-family: "PingFang SC",  "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", 微软雅黑, STHeitiSC-Light, simsun, 宋体, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif;}
.main-cloum{width: 1000px;}
.banner{background: url(../image/ssdxbanner221020.jpg) no-repeat center  top; height: 200px;overflow: hidden;}
.hr_30{height: 30px;}
.hr_20{height: 20px;}
.iph-img{display: none;}

/* topBox */
.topBox{overflow: hidden;}
.topBox .l{float: left;width: 420px;height: 245px;}
.topBox .l img{display: block;width: 100%;height: 100%;}
.topBox .r{float: left;width: 560px;padding-left: 20px;}
.topBox .r .title{font-size: 22px;color: #000000;font-weight: bold;line-height: 22px;margin-top: 10px;}
.topBox .r .titcon{font-size: 18px;color: #666666;text-indent: 2em;line-height: 36px;margin-top: 10px;}
.topListBox ul{overflow: hidden;}
.topListBox ul li{
    float: left;width: 480px;overflow: hidden;font-size: 18px;color: #222222;margin-bottom: 28px;
    background: url(../image/Point.gif) left 10px no-repeat;
    padding-left: 10px;
}
.topListBox ul li a{float: left;    width:390px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.topListBox ul li span{float: right;font-size: 14px;color: #999999;}
.topListBox ul li:nth-child(2n){margin-left: 20px;}

/* 专题资料库 */
.title-zt{margin: 30px 0; height: 28px;border-left:6px solid #d00000;color:#d00000;font-size: 28px;font-weight: bold;padding-left: 15px;line-height: 28px;}
.show{display: block;}
.hidden{display: none;}
.main-title{height: 55px;background: #f9f9f9;border-top: 1px solid #e7e7e7;line-height: 55px;position: relative;}
.main-title .main-title-tit{float: left; color:#000000;font-size: 20px;margin: 0 20px 0 30px;}
.main-title .select{float: left;overflow: hidden;position:absolute;left: 200px;}
.item1,.item2{
    cursor: pointer;
    float: left;border: 1px solid #cccccc;margin-left: 60px;margin-top: 12px;
    padding: 0 58px 0 16px;line-height: 30px;
    background:#fff url(../image/ss·dx221-21select.jpg) no-repeat right 15px top 11px;
}
.item1 .list,.item2 .list{display: none;}
.item1 .list li,.item2 .list li{background: none;padding: 0;}
.tabList{overflow: hidden;}
.tabList li{float: left;background: none;padding: 0;width: 235px;margin-right: 20px;}
.tabList li:nth-child(4n){margin-right: 0px;}
.tabList li .img{width: 100%;height: 132px;}
.tabList li .img img{display: block;width: 100%;height: 100%;}
.tabList li .title{height: 70px;font-size: 18px;color: #000000;font-weight: bold;text-align: center;padding-top: 7px;}

/* box3 */
.box3{overflow: hidden;}
.box3 .box{float: left; width: 320px;margin-right: 20px;}
.box3 .box:nth-child(3n){margin-right: 0;}
.box3 .box .titles{height: 28px;border-left:6px solid #d00000;color:#d00000;font-size: 28px;font-weight: bold;padding-left: 15px;line-height: 28px;overflow: hidden;}
.box3 .box .titles .l{float: left;}
.box3 .box .titles .r a{float: right;font-size: 16px;color: #666;line-height: 28px;font-weight: normal;}
.box3 .box .titles .r a:hover{color: red;}
.box3 .box .img{margin-top: 50px; width: 100%;height: 182px;}
.box3 .box .img img{display: block;width: 100%;height: 100%;}
.box3 .box .title{height: 72px; font-size: 18px;font-weight: bold;text-align: center;color: #000000;line-height: 28px;padding-top: 15px;}
.box3 .box li{
    font-size: 18px;color: #727272;line-height: 28px;margin-bottom: 20px;padding-left: 10px;
    background: url(../image/Point.gif) left 10px no-repeat;
}
.box3 .box li a{color: #3b3b3b;}
.box3 .box li a:hover{color: red;}

@media (min-width: 1440px){
.main-cloum{width: 1400px;}
/* topBox */
.topBox{overflow: hidden;}
.topBox .l{float: left;width: 600px;height: 350px;}
.topBox .l img{display: block;width: 100%;height: 100%;}
.topBox .r{float: left;width: 732px;padding-left: 68px;}
.topBox .r .title{font-size: 22px;color: #000000;font-weight: bold;line-height: 22px;margin-top: 30px;}
.topBox .r .titcon{font-size: 18px;color: #666666;text-indent: 2em;line-height: 36px;margin-top: 20px;}
.topListBox ul{overflow: hidden;}
.topListBox ul li{
    float: left;width: 645px;overflow: hidden;font-size: 18px;color: #222222;margin-bottom: 28px;
    background: url(../image/Point.gif) left 10px no-repeat;
    padding-left: 10px;
}
.topListBox ul li a{float: left;  width: 520px;}
.topListBox ul li span{float: right;font-size: 14px;color: #999999;}
.topListBox ul li:nth-child(2n){margin-left: 90px;}

/* 专题资料库 */
.title-zt{margin: 30px 0; height: 28px;border-left:6px solid #d00000;color:#d00000;font-size: 28px;font-weight: bold;padding-left: 15px;line-height: 28px;}
.show{display: block;}
.hidden{display: none;}
.main-title{height: 55px;background: #f9f9f9;border-top: 1px solid #e7e7e7;line-height: 55px;position: relative;}
.main-title .main-title-tit{float: left; color:#000000;font-size: 20px;margin: 0 20px 0 30px;}
.main-title .select{float: left;overflow: hidden;position:absolute;left: 200px;}
.item1,.item2{
    cursor: pointer;
    float: left;border: 1px solid #cccccc;margin-left: 60px;margin-top: 12px;
    padding: 0 58px 0 16px;line-height: 30px;
    background:#fff  url(../image/ss·dx221-21select.jpg) no-repeat right 15px top 11px;
}
.item1 .list,.item2 .list{display: none;}
.item1 .list li,.item2 .list li{background: none;padding: 0;}
.tabList{overflow: hidden;}
.tabList li{float: left;background: none;padding: 0;width: 320px;margin-right: 40px;}
.tabList li:nth-child(4n){margin-right: 0px;}
.tabList li .img{width: 100%;height: 180px;}
.tabList li .img img{display: block;width: 100%;height: 100%;}
.tabList li .title{height: 62px;font-size: 18px;color: #000000;font-weight: bold;text-align: center;padding-top: 15px;}

/* box3 */
.box3{overflow: hidden;}
.box3 .box{float: left; width: 440px;margin-right: 40px;}
.box3 .box:nth-child(3n){margin-right: 0;}
.box3 .box .titles{height: 28px;border-left:6px solid #d00000;color:#d00000;font-size: 28px;font-weight: bold;padding-left: 15px;line-height: 28px;overflow: hidden;}
.box3 .box .titles .l{float: left;}
.box3 .box .titles .r a{float: right;font-size: 16px;color: #666;line-height: 28px;font-weight: normal;}
.box3 .box .titles .r a:hover{color: red;}
.box3 .box .img{margin-top: 50px; width: 100%;height: 250px;}
.box3 .box .img img{display: block;width: 100%;height: 100%;}
.box3 .box .title{height: 72px; font-size: 18px;font-weight: bold;text-align: center;color: #000000;line-height: 28px;padding-top: 15px;}
.box3 .box li{
    font-size: 18px;color: #727272;line-height: 28px;margin-bottom: 20px;padding-left: 10px;
    background: url(../image/Point.gif) left 10px no-repeat;
}
.box3 .box li a{color: #3b3b3b;}
.box3 .box li a:hover{color: red;}

}


@media (max-width:768px){
.iph-img img{width: 100%;height: auto;}
.main-cloum{width: 96%;}
.banner{display: none;}
.iph-img{display: block;}

.hr_50{height: 10px;}
.hr_30{height: 10px;}
/* topBox */
.topBox{overflow: hidden;}
.topBox .l{float: none;width: 100%;height: auto;}
.topBox .l img{display: block;width: 100%;height: auto;}
.topBox .r{float: left;width: 100%;padding-left: 0px;}
.topBox .r .title{font-size: 22px;color: #000000;font-weight: bold;line-height: 22px;margin-top: 10px;}
.topBox .r .titcon{font-size: 18px;color: #666666;text-indent: 2em;line-height: 26px;margin-top: 20px;}
.topListBox ul{overflow: hidden;}
.topListBox ul li{
    float: none;width: 100%;overflow: hidden;font-size: 18px;color: #222222;margin-bottom: 12px;
    background: url(../image/Point.gif) left 10px no-repeat;
    padding-left: 10px;
}
.topListBox ul li a{float: none;white-space: normal;width: auto;}
.topListBox ul li span{float: right;font-size: 14px;color: #999999;}
.topListBox ul li:nth-child(2n){margin-left: 0px;}

/* 专题资料库 */
.title-zt{margin: 10px 0; height: 28px;border-left:6px solid #d00000;color:#d00000;font-size: 28px;font-weight: bold;padding-left: 15px;line-height: 28px;}
.show{display: block;}
.hidden{display: none;}
.main-title{height: 165px;background: #f9f9f9;border-top: 1px solid #e7e7e7;line-height: 55px;position: relative;}
.main-title .main-title-tit{float: left; color:#000000;font-size: 20px;margin: 0 20px 0 30px;}
.main-title .select{float: left;overflow: hidden;position:absolute;left: 0px;top:55px ;}
.item1,.item2{
    cursor: pointer;
    float: left;border: 1px solid #cccccc;margin-left: 30px;margin-top: 12px;
    padding: 0 58px 0 16px;line-height: 30px;
    background:#fff url(../image/ss·dx221-21select.jpg) no-repeat right 15px top 11px;
}
.item1 .list,.item2 .list{display: none;}
.item1 .list li,.item2 .list li{background: none;padding: 0;}
.tabList{overflow: hidden;}
.tabList li{float: none;background: none;padding: 0;width: 100%;margin-right: 0px;}
.tabList li:nth-child(4n){margin-right: 0px;}
.tabList li .img{width: 100%;height: auto;}
.tabList li .img img{display: block;width: 100%;height: 100%;}
.tabList li .title{height: 62px;font-size: 18px;color: #000000;font-weight: bold;text-align: center;padding-top: 15px;}

/* box3 */
.box3{overflow: hidden;}
.box3 .box{float: none; width: 100%;margin-right: 0px;}
.box3 .box:nth-child(3n){margin-right: 0;}
.box3 .box .titles{height: 28px;border-left:6px solid #d00000;color:#d00000;font-size: 28px;font-weight: bold;padding-left: 15px;line-height: 28px;overflow: hidden;}
.box3 .box .titles .l{float: left;}
.box3 .box .titles .r a{float: right;font-size: 16px;color: #666;line-height: 28px;font-weight: normal;}
.box3 .box .titles .r a:hover{color: red;}
.box3 .box .img{margin-top: 10px; width: 100%;height: auto;}
.box3 .box .img img{display: block;width: 100%;height: 100%;}
.box3 .box .title{height: 62px; font-size: 18px;font-weight: bold;text-align: center;color: #000000;line-height: 28px;padding-top: 15px;}
.box3 .box li{
    font-size: 18px;color: #727272;line-height: 28px;margin-bottom: 10px;padding-left: 10px;
    background: url(../image/Point.gif) left 10px no-repeat;
}
.box3 .box li a{color: #3b3b3b;}
.box3 .box li a:hover{color: red;}
}