@charset "utf-8";
:before,:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.index-m1{ width:100%;padding:30px 0 0 0;}
.index-m1 .m1-left{float:left;width:50%;box-sizing:border-box;padding-right:10px;}
.index-m1 .m1-right{float:right;width:50%;box-sizing:border-box;padding-left:10px;}
.index-m1 .about1{margin-bottom:20px;position: relative;}
.index-m1 .about1 img{border-radius:3px;}
.index-m1 .about1 .d1{font-size:21px;color:#0f4293; font-weight: bold;position: absolute;left:50px; top:50px;}
.index-m1 .about1 .d2{width:200px;color:#00469d;}
.index-m1 .about1 .d3{position: absolute;right:50px; bottom:50px;}
.index-m1 .about1 .d3 .icon-jiantou2{background-color:aqua;width:40px;height:40px;line-height:40px;font-size:40px;text-align:center;border-radius:50%;background-color:#fff;color:#0f4293;}
.index-m1 .about1 .d3 .icon-jiantou2:hover{background-color:#0056b3;color:#fff;padding-left:3px;}

.index-m1 .about2{margin-bottom:20px;height:360px;border-radius:3px;padding:0 20px 20px 20px;}
.index-m1 .about2 .d1{font-size:22px; font-weight: bold; margin-bottom:20px;color:#0f4293;}
.index-m1 .about2 .d1 span{ color:#0f4293;display:inline-block;border-bottom:#dddddd 2px solid;padding-bottom:5px; width: 95%;}
.index-m1 .about2 .d1 span::before{content:'';position:absolute;top:34px;width:100px;border-bottom:#0f4293 2px solid;}
.index-m1 .about2 .d2{width:100%; text-indent:30px; color:#00469d;  line-height: 28px; font-size: 15px;}

.index-m1 .about2 .d3{ padding:10px 0; float: right;}
.index-m1 .about2 .d3 a{width:120px;height:38px;line-height:38px;margin-top:10px;color:#0f4293;font-size:16px;transition:0.5s;display:flex;border:1px solid #0f4293;border-radius:5px;overflow:hidden;}
.index-m1 .about2 .d3 a:hover{background-color:#00469d;border:1px solid #00469d;transition:0.5s;color:#ffffff;}
.index-m1 .about2 .d3 a span{padding-left:25px;display:inline-block;transition:0.5s;}
.index-m1 .about2 .d3 a:hover span{padding-left:40px;transition:0.5s;}
.index-m1 .about2 .d3 a i{margin:0px 0 0 5px;}


.index-m1 .tjnews{width:100%;overflow:hidden;background:#0162b3;border-radius:3px;padding:20px 5px;}
.index-m1 .tjnews .d1{font-size:21px;margin:0px 0 15px 15px;color:#ffffff;}
.index-m1 .tjnews .d1 span{ font-size: 14px; color: #cccccc;}


.index-m1 .tjnews .d2{width:100%; padding: 0 8px; color:#ffffff;}
.index-m1 .tjnews .d2 li{float: left; width:50%; padding:0 25px; box-sizing: border-box; color:#ffffff; line-height: 28px; position: relative;}
.index-m1 .tjnews .d2 li::before {content: "";display: block;width:4px;height:4px;background-color:#eeeeee;position: absolute;left:10px;top:12px;border-radius: 50%;}
.index-m1 .tjnews .d2 li .tit{float: left; width:75%;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.index-m1 .tjnews .d2 li .time{float: right; margin-right:10px; color: #ccc;}
.index-m1 .tjnews .d2 li a{color:#ffffff;}

.index-m2{width:100%;padding-top:50px;padding-bottom:50px;overflow:hidden;}
.index-m2 h1{font-size:20px;font-weight:normal;}
.index-m2 h1 span{ color:#0f4293;display:inline-block;border-bottom:#dddddd 2px solid;padding-bottom:5px;padding-right:150px;}
.index-m2 h1 span::before{content:'';position:absolute;top:31px;width:100px;border-bottom:#0f4293 2px solid;}
.index-cp{ padding:15px 0;}
.index-cp li{float:left;width:25%; padding:8px 6px;box-sizing: border-box;}
.index-cp li .nweb{background-color:#f6f6f8;overflow: hidden;}
.index-cp li .pic{height:200px; overflow: hidden;}
.index-cp li .pic img{max-width:100%; border-radius:3px;}
.index-cp li .titles{width:100%; text-align: center; height:30px;font-size:14px;color:#3e3a39;overflow:hidden;line-height:30px;margin-top:5px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}


@media(max-width:1200px) {
.index-m1 .kyfw{height:260px;}
.index-m1 .jspt{height:260px;}
.index-m1 .tjnews{padding:15px;}
.index-m1 .tjnews .d2 li{float:none; width:100%;}
.index-m1 .tjnews .d2 li .tit{width:70%;}

.index-m1 .m1-left,.index-m2 .m2-left{float:none;width:100%;padding-right:0px;}
.index-m1 .m1-right,.index-m2 .m2-right{float:none;width:100%;padding-left:0px;}
}
@media(max-width:800px) {
.index-cp li{width:50%;}
}