/***** *婀栧崡纾佹诞闆嗗洟闂ㄦ埛缃戠珯鍏叡鏍峰紡鏂囦欢 *@crtime:2019骞?1鏈?9鏃?0:51 *@Company:婀栧崡寰薄绉戞妧鏈夐檺鍏徃 www.microxiang.com *@Author:寮犳兜 *@modifyLog: what when who * */ /*椤堕儴banner閮ㄥ垎*/ .main-top{position: relative;/* margin-bottom: 3.33rem; */} .main-top .bd{z-index: 1;overflow: hidden;height:300px;} .main-top .bd li{height:300px;} .main-top .bd a{display: block;position: absolute;left: 50%;margin-left: -960px;} .main-top .bd a img{display: block;} .main-top .hd{z-index: 2;} .main-top .hd{position: absolute;bottom:1.5rem;text-align: center;left: 50%;transform: translateX(-50%);} .main-top .hd li{display:inline-block;background-color:#fff;width:1rem;height:4px;transition:all .3s;margin-left:.4rem;cursor:pointer;border-radius:.4rem;} .main-top .hd li.on{width:2rem;} /*鏂伴椈涓績閮ㄥ垎*/ .main-xwzx{margin-bottom: 3.33rem;} .main-xwzx .bd{overflow: hidden;} .news-menu{width:100%;} /*鍒楄〃閮ㄥ垎*/ .text-list ul{margin:0 -2%;} .text-list ul li{width:33.33%;padding:0 2%;float: left;} .text-list ul li a{display: block;} .text-list ul li h4{font-size:1rem;padding: 1rem 0;color:#626161;} .text-list ul li h4:hover{color:#142b87;} .text-list ul li p{font-size:0.8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-height: 1.67rem;text-align: left;color:#999;-webkit-box-orient: vertical;} .text-list ul li a img{width:100%;height:220px;border-radius: 5px;} /*main搴曢儴*/ .main-bottom{padding-top: 3.33rem;background:url(../images/bottomBG.png);} .main-db{margin: 5rem 0;} /*妯箙*/ .hengf{overflow: hidden;position: relative;height:198px;} .hengf a{position: absolute;left:50%;margin-left:-960px;} .hengf a,.hengf img{display: block;} /*椤圭洰寮€鍙戦儴鍒?/ .main-xmkf{margin-top:3rem;position: relative;} .main-xmkf .hd ul li{display: inline-block;padding: 0 1rem;} .main-xmkf li a{font-size: 1.2rem;color:#929191;} .main-xmkf li.on a{color:#0d2472;} .main-xmkf .hd{position: relative;background:url(../images/titleBg.png) no-repeat center center;height:45px;padding: 0 5rem;margin-bottom:3rem;} .main-xmkf .hd{} .main-xmkf .hd ul{display:block;width:100%;height:100%;position: relative;} .main-xmkf .hd li{display:inline-block;padding: 4px .5rem;border-bottom: 2px solid transparent;margin: 0 .5rem;} .main-xmkf .hd li.on{border-bottom-color:#0d2472;} .main-xmkf .hd ul.xmkf-title>li{position:absolute;} .main-xmkf .hd ul.xmkf-title>li:first-child{top:-15px;left:0;} .main-xmkf .hd ul.xmkf-title>li:nth-child(2){top:-15px;left:102px;} .main-xmkf .hd ul.xmkf-title>li:nth-child(3){top:-15px;left:204px;} .main-xmkf .hd ul.xmkf-title>li:nth-child(4){top:-15px;left:306px;} .main-xmkf .hd ul.xmkf-title>li:nth-child(5){bottom:0;right:0px;} .main-xmkf .hd ul.xmkf-title>li:nth-child(6){bottom:0;right:102px;} .main-xmkf .hd ul.xmkf-title>li:nth-child(7){bottom:0;right:204px;} .main-xmkf .bd{overflow: hidden;} .main-xmkf .bd ul{margin: 0 -1%;} .main-xmkf .bd ul li{float: left;padding: 0 1%;width: 25%;} .main-xmkf .bd ul a{display: block;background-color:#f7f7f7;height: 10rem;border-radius: 5px;padding:1.67rem;position: relative;} .main-xmkf .bd ul a h4{font-size:1.1rem;color: #666;padding-bottom: 1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .main-xmkf .bd ul a h4::after{content: "";position: absolute;top: 0;left: 50%;width: 14%;height: 38%;border-bottom: 3px #0d2472 solid;transition: .1s all linear;z-index: 1;margin-left: -8%;} .main-xmkf .bd ul a p{font-size: 0.9rem;color: #666;line-height: 1.67rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;padding-top: 1rem;-webkit-box-orient: vertical;text-align: left;} .main-xmkf .bd ul a:hover{background-color:#0d2472;} .main-xmkf .bd ul a:hover h4{color: #FFF;} .main-xmkf .bd ul a:hover h4::after{width: 50%;height: 38%;border-bottom: 3px red solid;transition: .1s all linear;z-index: 1;margin-left: -25%;} .main-xmkf .bd ul a:hover p{color: #e0dcdc;} /*鎷涙爣鎶曟爣閮ㄥ垎*/ .main-zbtb{padding:1.67rem;width:690px;display: inline-block;background: #f7f7f7;border-radius: 0.67rem;height:340px;} .zbtb-t a{position: relative;display: block;} .z-l{text-align: left;font-size: 1.2rem;color: #312f2f;} .z-r{text-align: right;font-size: 0.93rem;color: #0d2472;padding: 1rem 0;} .xx{position: absolute;top: 10px;left: 80px;color: red;font-size: 1.2rem;} .zbtb-t ul.zbtb-title{padding-top: 1.67rem;width:162px;} .fgx {color: red;font-size: 1.2rem;} .zbtb-t ul li{margin-bottom: 10px;} .zbtb-t ul li a{height: 3.33rem;line-height: 3.33rem; display: block;width: 10.33rem;background-color: #f3f1f1;border-radius: 5px;font-size: 1.2rem;} .zbtb-t ul li a:hover,.zbtb-t ul li.on a{background: #0d2472;color: #FFF;} .zbtb-l{width: 460px;background: #FFF;padding: 1rem;border-radius: 0.67rem;} .zbtb-l ul{margin-top: -0.67rem;} .zbtb-l ul li a{display: block;} .zbtb-l ul li a h4{text-align: left;padding: 0.67rem 0;background:url(../images/dian.png) 10px center no-repeat;padding-left: 1.67rem;} .zbtb-l ul li span{text-align: left;display: block;line-height: 1.67rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;padding-left: 1.67rem;font-size:0.8rem;color: #666;-webkit-box-orient: vertical;} /*搴曢儴鍥剧墖鏂伴椈閮ㄥ垎*/ .main-zbtw{width: 410px;display: inline-block;position:relative;background-color: #f7f7f7;} .main-zbtw .channel-link{position:absolute;top:0;right:0;z-index:2;width:93px;height:75px;background: url(../images/djbtn_09.png);} .main-zbtw a{display: block;} .main-zbtw a h4{padding: 1.67rem 1.67rem 0 1.67rem;display: block;text-align: left;} .main-zbtw .zbtw-info p{padding: 0.67rem 1.67rem 3rem 1.67rem;height: 2rem;color: #666666;font-size: 0.8rem;} .main-zbtw a img{width:100%;height: 240px;display: block;} /*鐒︾偣鍥網AP鐗?/ .mainwapdom .main-top .bd,.mainwapdom .main-top .bd li{height:auto;} .mainwapdom .main-top .bd li{overflow: hidden;} .mainwapdom .main-top .bd a{position: static;left:0;margin-left:0;} .mainwapdom .main-top .hd{bottom:.5rem;} .mainwapdom .hengf{height:auto;} .mainwapdom .hengf a{position:static;margin-left:0;left:0;} .mainwapdom .news-menu{padding:1rem 0;width:auto;} .mainwapdom .text-list ul{margin-right:0;} .mainwapdom .text-list ul li{width:33.33%;margin-right:0;padding:0 1rem;} .mainwapdom .text-list ul li a img{width:100%;height:20rem;} .mainwapdom .news-menu ul{padding:0 1rem;} .mainwapdom .news-menu ul li{width:auto;margin:0;padding:0 1%;} .mainwapdom .news-menu ul li a{} .mainwapdom .main-xmkf .bd ul{margin:0;padding:0 1rem;} .mainwapdom .main-xmkf .bd ul li{width:25%;margin:0;padding:0 1%;} .djlb-list{display:none;margin-bottom:0;padding:1rem .5rem;} .news-title{font-weight:bold;line-height:4rem;} .djlb-list li{border:none;padding:0 1rem;} .djlb-list .dj-text .dj-bt{color:#333;max-width:100%;} .dj-title{padding:0;} /*棣栭〉婕傛诞骞垮憡*/ .sypf{opacity:.9;filter:alpha(opacity=90);position:absolute;z-index:9999;border-radius:4px;overflow:hidden;max-width:450px;} .sypf:hover{opacity:1;filter:alpha(opacity=100);} .sypf>a,.sypf>a img{width:100%;height:100%;display:block;} .close{font-size:18px;color:#fff;position:absolute;right:10px;top:0;cursor: pointer;} @media screen and (max-width:1120px){ .main-zbtb{padding:1rem;width:650px;border-radius:0;} .zbtb-l{padding:1rem .5rem;width:450px;} .mainwapdom .text-list ul li a img{height:13rem;} } @media screen and (max-width:1080px){ .mainwapdom .main-top .bd a img,.mainwapdom .hengf a img{width:140%;margin-left:-20%;} .mainwapdom .text-list ul li a img{height:12rem;} .main-xmkf{margin-top:2rem;} .main-bottom{padding-top:1rem;} .news-menu{padding:0;} .main-xmkf .hd{right:.5rem;} .main-xmkf .hd ul.xmkf-title{left:.5rem;} .main-xmkf li a{font-size:1rem;} .main-zbtb{width:60%;padding: 0;background: #f7f7f7;} .main-zbtw{width:40%;} .main-zbtb .hd{float:inherit;display: block;width:100%;} .zbtb-t a{position:static;display:block;text-align:center;} .zbtb-t a p{display:inline-block;} .zbtb-t a .xx{position:static;} .zbtb-t ul.zbtb-title{width:100%;padding-top:0;text-align: center;margin:.6rem 0;} .zbtb-t ul li,.news-menu ul li{display: inline-block; padding: 4px .5rem; border-bottom: 2px solid transparent; margin: 0 .5rem;} .news-menu ul li{margin:0;padding:0 .2rem;} .zbtb-t ul li a,.news-menu ul li a{width:100%;border-radius: 0;background-color:inherit;line-height: 2rem;height:2rem;} .zbtb-t ul li.on,.news-menu ul li.on{border-bottom-color: #0d2472;} .zbtb-t ul li.on a,.news-menu ul li.on a{color:#0d2472;background-color:inherit;} .zbtb-l{width:100%;background-color:#f7f7f7;} .zbtb-l ul li span{-webkit-line-clamp:1;} .news-menu,.main-db{margin:1rem 0;} .main-db{background-color:#f7f7f7} .zbtb-l ul li a h4{margin-top:.5rem;padding-top:.4rem;padding-bottom:.4rem} } @media screen and (max-width:850px){ .main-xmkf .hd ul li{padding: 0 0rem;margin: 0 0rem;} } @media screen and (max-width:800px){ .mainwapdom .text-list ul li a img{height:10rem;} .mainwapdom .news-menu ul li{border-bottom:2px solid transparent;} .mainwapdom .news-menu ul li.on{border-bottom-color: #0d2472;} .news-menu ul li.on a{color:#0d2472;background-color:inherit;} .main-xmkf .hd{background:none;height: 4rem;line-height:2rem;margin-bottom:0;position:static;padding:0;} .main-xmkf .hd ul.xmkf-title{position:static;} .main-xmkf .hd ul.xmkf-title>li{position: static;} .main-xmkf .hd{position:static;margin: 1rem 0;} .main-xmkf{margin-top:1rem;} .main-xmkf .hd ul li{padding:0 .5rem;} } @media screen and (max-width:768px){ .text-list ul li h4,.main-xmkf .bd ul a h4,.zbtb-l ul li a h4,.djlb-list .dj-text .dj-bt{color:#333;padding:.5rem 0;padding-left:1rem;margin-top:.5rem;background:url(../images/point2.png) left center no-repeat;font-size:1rem;} .mainwapdom .text-list ul li,.mainwapdom .main-xmkf .bd ul li{float:inherit;width:100%;text-align:left;} .mainwapdom .main-top .bd a img,.mainwapdom .hengf a img{width:180%;margin-left:-60%;} .main-xmkf .hd ul li{padding:0 .5rem;} .mainwapdom .text-list ul li a img,.zbtw-top{display:none;} .main-xwzx{margin-bottom:1rem;} .main-bottom{padding-top:0;} .main-xmkf .bd ul a{background: none;height:auto;padding:0;position:static;} .main-xmkf .bd ul a h4::after{border-bottom:none;} .main-xmkf .bd ul a:hover{background-color:inherit;} .main-xmkf .bd ul a:hover h4::after{width: 50%;height: 38%;border-bottom: 3px transparent solid;} .text-list ul li p,.main-xmkf .bd ul a p,.zbtb-l ul li span,.dj-text p{line-height: 2rem;padding:0;padding-left:1rem;font-size:.9rem;} .main-zbtb,.main-zbtw{width:100%;float:inherit;} .zbtb-t ul.zbtb-title{margin:1rem 0} .main-zbtb{padding:0;height: auto;padding-bottom:1rem;} .mainwapdom .news-menu{padding:0;} .mainwapdom .main-xmkf .bd ul{padding:0;} .mainwapdom .main-xmkf .bd ul li{padding:0 .5rem;} .zbtb-l ul li{padding:0 .5rem;} .zbtb-l{float:inherit;display:block;} .main-xmkf .bd ul a:hover h4,.main-xmkf .bd ul a:hover p{color:#666} .djlb-list{display:block;background-color:#fff;} .zbtb-l ul li span,.dj-text p{-webkit-line-clamp:2;} .djlb-list{margin:0;padding:1rem 0;} } @media screen and (max-width:600px){ .heng-x{display: none;} .news-title h2{width:100%;padding:0;} .mainwapdom .text-list ul li{padding:0 .5rem;} .mainwapdom .news-menu{padding-top:0;} .mainwapdom .news-menu ul{padding:0;} .mainwapdom .news-menu ul li.on a{background-color:#fff;color:#152f8f;font-weight:bold;} .mainwapdom .news-menu ul li a{width:auto;font-size:1rem;} .main-xmkf .bd ul a p{color:#999;} } @media screen and (max-width:500px){ .zbtb-t ul li, .news-menu ul li{margin:0;} .xmkf-title font{display:none;} .main-xmkf .hd li a,.zbtb-t ul li a, .news-menu ul li a{font-size:1rem;} .main-xmkf .hd{height:auto;} }