﻿.list-banner{width: 100%;}
.list-banner img{width: 100%;}

.main{width: 100%;padding:30px 0;}
.main .w12{align-items: flex-start;}
.main-left{width: 250px;position:relative;}
.main-left h3{color: #ffffff;font-size: 24px;text-align:center;display: block;width: 100%;height: 70px;background: #004098;line-height: 70px;}
.main-left>ul{background:#fff;background: #efefef;border-left: 3px solid #004098;box-sizing: border-box;}
.main-left>ul>li{line-height:55px;border-bottom:1px solid #ddd;position:relative}
.main-left>ul>li:last-child{border-bottom:none;}
.main-left li a{font-size:16px;color:#333;display:block;padding:0 5px;padding-left:30px}
.li_xlz{position:absolute;right:0px;top:0px;cursor:pointer;background: url(../img/right_gray.svg) no-repeat center center;background-size: 15px 15px;width: 55px;height: 55px;}
.navContent{display:none;background: #efefef;}
.navContent li{line-height: 45px;}
.navContent li a{font-size: 15px;color: #333333;padding-left:40px;}
.li_xlz.on{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);background: url(../img/right_blue.svg) no-repeat center center;background-size: 15px 15px;}
.main-left>ul>li.cur{background: #ffffff;}
.main-left>ul>li.cur>a,.navContent li.cur a{color:#004098;background: #ffffff;}
.main-left>ul>li:hover>a,.navContent li:hover a{color:#004098;background: #ffffff;}
.main-left li.cur .navContent{display:block;}
.main-left li.cur .li_xlz{background: url(../img/right_blue.svg) no-repeat center center;background-size: 15px 15px;}
.main-right{width: 920px;min-height: 500px;background: #ffffff;padding: 0 0px 40px;box-sizing: border-box;}
.main-right .main-title{line-height: 56px;border-bottom: 2px solid rgba(19,49,122,.13);margin-bottom: 10px;}
.main-right .main-title h2{font-size: 20px;color:#004098;}
.main-right .main-title span{font-size: 16px;color: #666666;padding-left: 24px;background: url(../img/local.svg) no-repeat left center;background-size: 20px 20px;}
.main-right .main-title span a{color: #666666;}
.main-right .main-title span a:hover{color: #004098;}

.content-title{margin:20px 0;}
.content-title h3{font-size: 24px;color: #333;text-align: center;}
.content-infor{border-bottom:1px solid #eeeeee;text-align: center;padding-bottom:10px;margin-bottom: 10px;}
.content-infor span{margin:0 10px;font-size: 14px;color: #666666;}
.article p{font-size: 16px;color: #434343;line-height: 30px;}
.article img{max-width: 100%;margin: 0px auto;height: auto !important;}
.article table{width: 100%;margin: 0px auto;height: auto;}
.article video{margin: 0px auto;height: auto;display: block;}

.content .lm_list {margin-bottom:20px;}
.content .lm_list li{line-height: 60px;font-size: 16px;border-bottom:1px dashed #eee;}
.content .lm_list li a{color: #434343;position: relative;max-width: calc( 100% - 90px );}
.content .lm_list li span{color: #666666;flex-shrink: 0;margin-left: 20px;}
.content .lm_list li a:hover{color: #004098;}

.content .pic_list{margin-top: 15px;}
.content .pic_list li{margin-bottom: 15px;margin-right: 30px;width: calc( ( 100% - 60px )/3 );}
.content .pic_list li:nth-child(3n){margin-right: 0;}
.content .pic_list li a{display: block;}
.content .pic_list li .pic-img{width: 100%;height: 180px;overflow: hidden;}
.content .pic_list li .pic-img img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s all;}
.content .pic_list li p{font-size: 16px;color: #434343;line-height: 40px;text-align: center;padding: 0 10px;}
.content .pic_list li:hover .pic-img img{transform: scale(1.1,1.1);}
.content .pic_list li:hover p{color: #004098}