.list-banner,.list-banner img{width: 100%;} .main{width: 100%;padding: 30px 0;} .main-left{width: 270px;border-bottom: 5px solid #0053a1;align-self: flex-start;} .main-right{width: calc( 100% - 300px );} .main-left .lm{width: 100%;height: 100px;background: #0053a1;display: flex;align-items: center;justify-content: center;} .main-left .lm h3{font-size: 30px;color: #ffffff;} .lm-list{width: 100%;border: 1px solid #dddddd;border-top: none;} .lm-list ul li{width: 100%;border-bottom: 1px solid #dddddd;} .lm-list ul li:last-of-type{border-bottom: none;} .lm-list ul li>a{position: relative;padding: 15px 10px 15px 20px;} .lm-list ul li p{font-size: 16px;color: #434343;line-height: 26px;max-width: calc( 100% - 60px );} .lm-list ul li:hover p{color: #0053a1;} .lm-list ul li .in{width: 40px;height: 40px;background-image: url(../img/arrow_r2.svg);background-repeat: no-repeat;background-position: center center;background-size: auto 20px;} .lm-list ul li.cur>a{background: #f3c22c;} .lm-list ul li.cur p{color: #ffffff;} .lm-list ul li.cur .in{background-image: url(../img/arrow_r2_white.svg);} .lm-sub{width: 100%;padding: 5px 20px;} .lm-sub a{display: block;width: 100%;line-height: 22px;font-size: 16px;color: #434343;margin: 10px 0;} .lm-sub a:hover,.lm-sub a.cur{color: #0053a1;} .main-title{padding-bottom: 10px;border-bottom: 1px solid #dddddd;margin-bottom: 30px;} .main-title h3{font-size: 24px;color: #0053a1;line-height: 30px;} .main-title span{font-size: 14px;color: #666666;line-height: 30px;padding-left: 24px;background: url(../img/home.svg) no-repeat left 5px;background-size: auto 16px;} .main-title span a{color: #666666;} .main-title span a:hover{color: #0053a1;} .content{width: 100%;min-height: 500px;} .content .titbox{width: 100%;border-top: 3px solid #0053a1;background: #f3f5fe;padding: 30px;margin-bottom: 20px;} .content .titbox h3.title{font-size: 20px;color: #333333;text-align: left;line-height: 30px;margin-bottom: 20px;} .content .titbox .con-intro{font-size: 14px;color: #666666;line-height: 26px;} .article{width: 100%;text-align: justify;} .article p{font-size: 16px;color: #434343;line-height: 32px;font-family: Arial, Helvetica, sans-serif;margin:10px 0;} .article img{max-width: 100%;height: auto !important;} .article table{margin:0 auto !important;max-width: 100%;min-width: 500px;} .article table p{text-indent: 0;margin: 0;} .article video{display: block;width: 100%;margin: 0 auto;height: auto;} .txt-list{width: 100%;} .txt-list ul li{width: 100%;margin-bottom: 30px;} .txt-list ul li a{padding: 30px;background: #f1f1f1;transition: 0.2s all;} .txt-list ul li .left{width: calc( 100% - 70px );} .txt-list ul li .left p{font-size: 18px;color: #333333;line-height: 30px;margin-bottom: 20px;transition: 0.2s all;} .txt-list ul li .left span{font-size: 16px;color: #999999;transition: 0.2s all;} .txt-list ul li .right{width: 70px;background-image: url(../img/arrow_r1_gray.svg);background-repeat: no-repeat;background-position: right center;background-size: auto 30px;transition: 0.2s all;} .txt-list ul li:hover a{background: #0053a1;} .txt-list ul li:hover .left p,.txt-list ul li:hover .left span{color: #ffffff;} .txt-list ul li:hover .right{background-image: url(../img/arrow_r1_yellow.svg);} .pic-list{width: 100%;} .pic-list ul{margin-left: -15px;margin-right: -15px;} .pic-list ul li{width: calc( 100% / 3 );margin-bottom: 20px;padding: 0 15px;} .pic-list ul li a{display: block;width: 100%;} .pic-list ul li .imgbox{width: 100%;height: 0;padding-bottom:60%;position: relative;overflow: hidden;} .pic-list ul li img{transition: 0.4s all;} .pic-list ul li p{width: 100%;text-align: center;line-height: 40px;color: #434343;font-size: 16px;} .pic-list ul li:hover img{transform: scale(1.05,1.05);} .pic-list ul li:hover p{color: #0053a1;}