.top-banner{position: relative;overflow: hidden;} .top-banner,.top-banner img{height: 275px;transition: all linear .3s} .top-banner img:hover{transform: scale(1.1);} .top-banner .hd{position: absolute; left:50%; bottom: 22px;transform: translatex(-50%);} .top-banner .hd ul li{float: left; margin-left: 10px; width: 30px; height: 8px; background: #fff;opacity: 0.34;} .top-banner .hd ul li.on{background: #fff;opacity: 1} .is-title-one{margin-top:40px;font-size: 32px;height: 32px;line-height:32px;text-align: center; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} .is-title-one a{color: #eb1717;} .is-title-two{color:#999;text-align: center;} .is-row{width:100%} .is-col-md-1{width:650px} .is-col-md-2{width:720px} .f-pl-30{padding-left:30px} .f-mb20{margin-bottom:20px} .f-mr15{margin-right:15px} .f-mr20{margin-right:20px} .f-mt20{margin-top:20px} .f-mt30{margin-top:30px} .f-mt40{margin-top:40px} /* 轮播 */ .m-flash{position: relative;} .g-flash,.g-flash .owl-item,.g-flash img{height: 430px;} .g-flash img{display: block; width: 100%;transition: all linear .3s } .g-flash img:hover{transform: scale(1.1);} .g-flash li,.g-flash li a{position: relative;} .g-flash li a{display: block;} .g-flash li p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 108px 0 18px; line-height: 56px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; font-size: 18px;color: #fff;background: url(/uploads/image/atcipage/bg-op50.png) repeat;} .m-flash .hd{position: absolute; right: 20px; bottom: 22px;} .m-flash .hd ul li{float: left; margin-left: 10px; width: 10px; height: 10px; background: #76706c;border-radius:2px} .m-flash .hd ul li.on{background: #fff;} /* 标题 */ .is-title-1{overflow: hidden;text-align: center;line-height: 45px;background-color: #efefef;} .is-title-1 li{float: left;position: relative;width:20%} .is-title-1 li a{display:block;font-size: 22px;font-weight: bold;} .is-title-1 li i.bg{ position:absolute; left:50%; top:0px; height:4px; background:#eb1717; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .is-title-1 li.u-active a{background:#fff;color:#1152a4;} .is-title-1 li.u-active .bg{ width:100%; left:0} .is-title-1 .is-more{float: right;font-size:18px;color:#999;margin-right: 15px} .is-title-1 .is-more:hover{color:#0061a5} .is-title-2{background: #f5f5f5} .is-title-2 li{float: left;width:33.33%;line-height: 52px;text-align: center;} .is-title-2 li a{display:block;font-size: 24px;color:#bc1818;font-weight: bold} .gwgz{background: 120px center no-repeat;} .szdt{background: 120px center no-repeat;} .tzgg{background: 120px center no-repeat;} .is-title-2 li.u-active .gwgz{background: #bc1818 120px center no-repeat;color:#fff} .is-title-2 li.u-active .szdt{background: #bc1818 120px center no-repeat;color:#fff} .is-title-2 li.u-active .tzgg{background: #bc1818 120px center no-repeat;color:#fff} /* 列表 */ .m-liststylecom{margin-top:5px} .m-liststylecom li{height: 48px; line-height: 48px;position: relative;background: url(/uploads/image/atcipublic/icon-li1.png) left center no-repeat;} .m-liststylecom li a{display: block;font-size:18px; padding-left: 14px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .m-liststylecom li span{float: right; color: #999; font-size: 18px;} .m-liststylecom li img{margin-left: 10px; vertical-align: middle;} .ligh1 ul{height:380px;overflow: hidden;} .m-liststylecom-1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .m-liststylecom-1 li{width:49%;} /* 重要转载列表 */ .g-reprint{padding-left:60px;position: relative;margin-top:16px} .g-reprint .u-zzbtn{top:10px;left:0;} .g-reprint .u-zzbtn a{display:block;width:46px;line-height: 1.4;background:#dbebff;font-size:18px;padding: 26px 15px;} .g-reprint .u-zzbtn .dzy{margin-bottom:15px;} .g-reprint .u-nrtj a{display:block;width: 337px;height: 60px;line-height: 60px;text-align: center;border:1px solid #dbebff;} .g-reprint .u-nrtj:last-child a:first-child {position: absolute;left: 0;bottom:-82px} .g-reprint .u-nrtj:last-child a:last-child {position: absolute;right: 0;bottom:-82px} /* 专题专栏 */ .m-hotland{position: relative;width:1117px;overflow: hidden;} .m-hotland .bd,.m-hotland .bd li,.m-hotland .bd li img{height: 100px;} .m-hotland .bd li{margin-right:20px;width:264px;overflow: hidden;} .m-hotland .bd li a,.m-hotland .bd li img{display: block;width: 100%;transition: all .3s linear;} .m-hotland .bd li img:hover{transform: scale(1.1);} .m-hotland .hd a{display:block;position: absolute;width: 18px;text-align: center; height: 38px;z-index: 99;top: 50%;margin-top:-19px} .m-hotland .hd .prev{left: 0;background: url(/uploads/image/atci/prev.png) center center no-repeat;} .m-hotland .hd .next{right: 0;background: url(/uploads/image/atci/next.png) center center no-repeat;} .m-rdtsright a,.m-rdtsright img{display: block;width: 264px;height: 100px;} /* 标题 */ .m-opennesscont{padding-top:10px} .in-tabstyle{width: 100%;height: 80px;background-color: #efefef;} .in-tabstyle ul{width:1400px;margin:auto;position: relative;padding:0 20px} .in-tabstyle ul li{float:left;width:33.33%;text-align: center;} .in-tabstyle ul li a{font-size: 24px;color: #999;font-weight: bold;display: block;width:246px;height: 90px;margin:-10px auto 0;line-height: 100px} .in-tabstyle ul .tit1.u-active a{background: url(/uploads/image/atci/titlebg1.png) center center no-repeat;color:#fff} .in-tabstyle ul .tit2.u-active a{background: url(/uploads/image/atci/titlebg2.png) center center no-repeat;color:#fff} .in-tabstyle ul .tit3.u-active a{background: url(/uploads/image/atci/titlebg3.png) center center no-repeat;color:#fff} .com-bgf{padding:20px;box-shadow:0px 0px 7px 0px rgba(38, 116, 218, 0.12);margin-top:20px} /* 政府信息公开 */ .m-opennessleft{width:300px} .m-opennesscenter{width:720px;margin-left:35px} .m-leader{margin-bottom: 15px} .m-leader a{width: 142px;height: 58px;line-height: 58px;background-color: #e7f2ff;text-align: center;} .m-leader a img{vertical-align: middle;margin-top:-3px} .m-leader a span{color: #1152a4;margin-left:10px} .zfxxgk-links li{margin-top:10px;background: url(/uploads/image/atci/line.png) 77px center no-repeat;} .zfxxgk-links li a{ display: block;height: 58px;line-height: 58px;position: relative;border: solid 1px #d2dff4;overflow: hidden;} .zfxxgk-links li img{margin: -4px 40px 0 30px;vertical-align: middle;} .zfxxgk-links li span{display: inline-block;vertical-align: middle;line-height: 1.3;font-size: 18px} .zfxxgk-links li b{display: block;} .zfxxgk-links li a:hover .icon:before{top:-100%;} .liststyle-gl a{font-size: 18px} .m-opennessright{width: 268px;background-color: #e7f2ff;text-align: center;padding:20px 20px 30px 20px} .m-opennessright h2 a{color: #215db9;font-size: 22px;line-height: 30px} .m-opennessright div a{display: block;height: 40px;background-color: #ffffff;margin-top:15px;line-height: 40px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} /*政务服务 */ .m-servicecont li{float: left;width: 215px;height: 92px;margin: 0 14px 14px 0} .m-servicecont li span{max-width:130px} .m-servicecont li:nth-child(6n){margin-right: 0} .m-servicecont li a{display: flex;height:100%;background: #e7f2ff;justify-content: center;align-items: center;} .m-servicecont li a img{margin-right: 20px;transition: all .3s linear;} .m-servicecont li:hover img{transform: translate3d(10px, 0px, 0px);} /*互动交流 */ .xmt-tableheader{background-color: #fafafa} .xmt-tableheader p{height:46px;line-height: 46px;text-align: center;} .xmt-tablebody p{height:48px;line-height: 48px;} .xmt-table p{float:left;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} .xmt-tablebody li{overflow: hidden;} .u_span1{width:60%} .u_span2{width:20%} .xmt-tablebody p{text-align: center;} .xmt-tableheader p.u_span1{text-align: left;padding-left:55px} .xmt-tablebody p.u_span1{text-align: left;padding-left:15px;font-size: 18px;} .m-write{padding:0 16px;height: 35px;background-color: #3058b3;border-radius: 4px;line-height: 35px;color:#fff;margin-top:15px} .m-write:hover{color:#fff} .m-interact{padding-top:0} .m-interactleft{width: 710px} .m-interactright{width: 620px} .m-interactright .m-leader{margin-top:10px;margin-bottom: 0} .m-interactright .m-leader a{width: 300px;height: 70px;line-height: 70px} .m-interactright .m-leader span{font-weight: bold;font-size: 18px} @media screen and (max-width: 1200px){ } @media screen and (max-width: 991px){ .is-col-md-1,.is-col-md-2,.m-rdtsright,.in-tabstyle ul,.m-opennessleft, .m-opennesscenter,.m-opennessright,.m-interactleft,.m-interactright{width:100%} .f-pl-30{padding-left:0;margin-top:20px} .f-mt20{margin-top:10px} .f-mt40{margin-top:20px} .top-banner, .top-banner img{height: 100px} .top-banner .hd{bottom:12px} .g-flash, .g-flash img{height:250px} .g-flash img{object-fit: cover;} .g-flash li p{font-size: 16px} .is-title-one{height:40px;line-height: 40px;font-size: 20px;margin-top:10px} .is-title-1 li a,.is-title-2 li a{font-size: 18px} .is-title-1 li{margin:0;width:33.33%} .m-liststylecom-1 li{width:100%} .m-liststylecom li a,.m-liststylecom li span{font-size: 14px} .m-liststylecom li{height:36px;line-height: 36px} .ligh1 ul{height:auto} .m-rdtsleft{float:none} .m-hotland,.m-rdtsright a, .m-rdtsright img{width: 264px;margin:auto;margin-top:10px} .g-reprint .u-zzbtn a{padding:7px 15px} .g-reprint .u-nrtj:last-child a:first-child,.g-reprint .u-nrtj:last-child a:last-child{bottom:0} .g-reprint .u-nrtj a{width:150px;height:40px;line-height: 40px} .g-reprint{height:260px} .in-tabstyle ul li a{width: 100%;height: 70px;line-height: 80px;font-size: 18px} .in-tabstyle ul{padding:0} .in-tabstyle{height: 60px} .m-opennesscenter{margin-left:0} .m-tabstyle1 li{margin-right:10px} .m-tabstyle1 li a{font-size: 18px} .liststyle-gl a,.zfxxgk-links li span{font-size: 16px} .m-servicecont li{width:48%;margin:1%} .m-servicecont li br{display: none} .m-servicecont li a{padding:0 10px} .xmt-tablebody p.u_span1{font-size: 14px} .m-interactright .m-leader a{width: 48%} .m-servicecont li span{max-width:110px} .m-servicecont li a img{margin-right:5px} } @media screen and (max-width: 767px){ }