@charset "utf-8";
section{ min-height: 600px; padding-bottom: 50px;}
.list{ margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.list .menu{ width: 300px;}
.list .menu>h4{ background: url(../images/menubg.png); height: 100px; line-height: 100px; font-size: 20px; color: #fff; padding-left: 20px;}
.list .menu>ul>li{background: #e6f8f8;line-height: 50px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #d5e7e7; position: relative; cursor: pointer;}
.list .menu>ul>li>a{ display:block; padding-left: 20px;}
.list .menu>ul>li:last-child>a{ border: none; display: block;}
.list .menu>ul>li>a:hover,.list .menu>ul>li>a.active{ background: #9fd9e1; border-left: 5px solid #4ca7b5;}
.list .menu>ul>li>a:hover::before,.list .menu>ul>li a.active::before{ content: '';width: 0;
    height: 0;
    border-left: 10px solid #9fd9e1;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; position: absolute; right: -10px; top: calc(50% - 10px);}
.list .menu>ul>li>dl{ padding-left:40px; font-weight:500; position:relative; }
.list .menu>ul>li>dl>a:hover,.list .menu>ul>li dl a.active{font-weight: bold;}
.list .menu>ul>li>dl>a:hover::before,.list .menu>ul>li dl a.active::before{ content: '';width: 0;
    height: 0;
    border-left: 10px solid #9fd9e1;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; position: absolute; right: 0px; top: calc(50% - 10px);}


.list .rcontent{ width: calc(100% - 330px);}
.rtitle{ background: #e6f8f8; height: 45px; line-height: 45px; font-size: 20px; color: #037286; font-weight: bold; padding-left: 20px;}
.list .rcontent>ul{ padding-top: 10px;}
.list .rcontent>ul:first-child{ display: block;}
.list .rcontent>ul li{display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 40px; position: relative; padding-left: 15px; justify-content: space-between; border-bottom: 1px solid #d5e7e7;}
.list .rcontent>ul li:last-child{ border: none;}
.list .rcontent>ul li::before{ content: ''; width: 6px; height: 6px; position: absolute; background: #d0d0d0; left: 0; top: 15px;}
.list .rcontent>ul li a{display: block; width: calc(100% - 220px); line-height: 35px; color: #333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.list .rcontent>ul li a.download{ width:100px; }
.list .rcontent>ul li span{ width: 200px; display: block; text-align: right;}

.list .download{ width: calc(100% - 330px);}
.rtitle{ background: #e6f8f8; height: 45px; line-height: 45px; font-size: 20px; color: #037286; font-weight: bold; padding-left: 20px; overflow: hidden;}
.rtitle a{ float:right; background:#00748a; display:block; width:120px; height:35px; line-height:35px; font-size:14px; font-weight:100; color:#fff; border-radius:5px; text-align:center; margin-top:5px; margin-right:20px; }
.rtitle2{border-bottom: 2px solid #00748a; padding-bottom: 10px; line-height: 45px; font-size: 20px; 
    color: #037286; font-weight: bold; display: flex; justify-content: space-between;}
.rtitle2 a{ float:right; background:#00748a; display:block; width:120px; height:40px; line-height:40px; font-size:16px; 
    font-weight:100; color:#fff; border-radius:5px; text-align:center; margin-top:5px; }

.list .download>ul{ padding-top: 10px;}
.list .download>ul:first-child{ display: block;}
.list .download>ul li{display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 40px; position: relative; padding-left: 15px; justify-content: space-between; border-bottom: 1px solid #d5e7e7;}
.list .download>ul li:last-child{ border: none;}
.list .download>ul li::before{ content: ''; width: 6px; height: 6px; position: absolute; background: #d0d0d0; left: 0; top: 15px;}
.list .download>ul li a.download{ width:100px; margin-left:50px;  color: #307dd3;}
.list .download>ul li span{ width: 200px; display: block; text-align: right;}