.navbar_focus #no { right:0px; width: 100%; } .navbar_focus #no ul { width: 130px; margin: 0 auto; height: 12px; } .navbar_focus #no LI{ height:10px;width:10px; border:none;margin-left:6px; transition: 0.5s all; } #focus .bbg0,.bbg1{ background:#fff; border:1px solid #022869; } .navbar_focus #focus .bbg1{ background:#e26c59; width:40px; border-radius:12px; } .cw{position: relative;} #menubar .menuList{width:100%;}/*鎴栧垹闄ゅ熀纭€545琛?/ #header{width:100%;}/*鎴栧垹闄ゅ熀纭€2847琛寃idth:960px*/ #top{width:100%;padding:0;}/*2845鍜?71鍚堝苟鍒犻櫎瀹藉害*/ #onlineChat{display:none;} #baiduMaps{width:100%!important;} /*---------鍒嗗壊绾匡紝鍝嶅簲寮忓竷灞€涓撶敤---------------------*/ .indexPage #content{padding:0;} .indexPage .box .box_h{height:auto;line-height: inherit;border:none;text-align:center;} .indexPage .box .box_h h1{ padding: 20px 0 10px 0; display: inline-block; border-bottom: 3px solid #4392e2;font-size:32px;} .indexPage .box .box_h p{padding:10px 0;color:#aaa; border-top: 1px solid #ef6a45;} .indexPage .box .box_f{padding:10px 0;text-align:center;} .indexPage .box .box_f a{ height: 32px; width: 108px; background-color: #ef6a45; display: inline-block; line-height: 32px; display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; color:#f2f2f2; } .indexPage .box .box_f a:hover{ color:#fff; } .indexPage .box .box_f a:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #d66241; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .indexPage .box .box_f a:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0); } .indexPage #navbar{display:none;} #navbar{ padding:0; border:none; background: #fafafa; box-shadow: 0 1px 1px #eee; margin-bottom: 10px; } .gray{background-color:#fafafa; } #menubar{ display:none; } #header{background:#fdfdfd;border-top: 2px solid #2098d1;} #header .banner{width:100%;} #bannerMenuBar{width:auto;float:right;border-left: 1px solid #88cbef;} #bannerMenuBar>li{float: left; width: 130px; text-align: center;line-height:100px; border-right: 1px solid #88cbef; box-sizing: border-box; position: relative; } #bannerMenuBar>li a{ display:block; } #bannerMenuBar>li.sel a{background-color:#2098D1;} #bannerMenuBar>li a:hover{color:#fff;} #bannerMenuBar>li a:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #bannerMenuBar>li a:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } #bannerMenuBar>li a .alias{ position: absolute; bottom: 24px; display: inline-block; left: 0; line-height: initial; text-align: center; width: 100%; font-size: 12px; } #bannerMenuBar li .subMenuList{display:none;} #content{padding:10px 0;margin:0 auto;} .photo img{ transition: 1s all; } .rotateY>li:hover .photo img { transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); } .scale>li:hover .photo img{ transform: scale(1.2, 1.2); } .list3>li{width:31.33%;} .list3>li:hover {box-shadow: 0 0 20px #bbb;} .list3>li .summary{height: 42px;padding: 6px 0 48px;} .list4>li{width:25%;} .list4>li:nth-child(4n){margin-right:0px;} .list5>li{width:20%;} .palist>li{ transition: .5s all; float: left; margin:0 0px 10px 0; background: #fff; padding: 10px; box-sizing: border-box; } .palist>li:last-child{ margin-right:0; } .palist>li .photo img{width:100%;display:block;} .indexPage .list3>li .title{ height:32px; font-size:20px; } .palist>li .title{ text-align:center; padding:6px 0 0; overflow: hidden; -webkit-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; } .palist>li .summary{ color: #aaa; overflow: hidden; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; position: relative; } .palist>li .summary .viewContent a{ position: absolute; left: 50%; bottom: 10px; margin-left: -50px; width: 100px; text-align: center; height: 26px; line-height: 26px; background-color: #ef6a45; color:#fff; } .palist>li .summary .viewContent a:hover{ background-color: #d66241; } .banner_ad{margin-bottom:10px;} .banner_ad img{width:100%;display:bolck;} .col .main_wrap {margin: 0 0 0 520px;;} .col .col_sub {margin-right: -500px; width: 500px; z-index: 9;} .newsHead .photo {width:500px;height:278px;} .newsHead .photo img{width:100%;display:block;} .newsHead li.title{font-size:16px;height:32px;line-height:32px;} .newsHead li.title a{ box-sizing: border-box; overflow: hidden; -webkit-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; } .newsHead li.summary{ overflow:hidden; max-height:94px; color:#999; line-height:24px; } .newsList>li{ padding: 5px; margin-bottom: 5px; position: relative; background: #fcfcfc; border: 1px solid #fcfcfc; box-sizing:border-box; } .newsList>li:hover{ border: 1px solid #f7c5b7; } .newsList .photoItem { width: 100%; position: relative; } .newsList .photoItem::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .newsList .photoItem .photo {width:120px;height:120px;float:left;margin-right:10px;overflow:hidden;} .newsList .photoItem .photo img{height:100%;} .newsList .photoItem .title{ margin: 0; color: #333; display: -webkit-box; -webkit-box-align: start; word-break: break-all; text-overflow: ellipsis; } .newsList .photoItem .title a{ font-size: 16px; overflow: hidden; -webkit-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; } .newsList .photoItem .summary{ font-size: 12px; color: #999; overflow: hidden; -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all; height: 74px; line-height: 24px; } .newsList .photoItem .date .key{display:none;} /*----------------搴曢儴-------------------*/ #footer{ color: #fafafa; background: #222; border-top: 1px solid #222;padding:20px 0 0;} .footer_menubox { border-bottom:1px solid #5a5a5a; } .footer_textbox{ padding:10px 0; } #footerMenu{ background:none; float:left; } .footerSubMenuList>li{ height:30px;line-height:30px;overflow:hidden; } .footerMenuList li a{ color: #fff!important; } .footerMenuList li ul a{ color: #ccc!important; } .poweredBy a{color:#fff!important;} .linkList{clear:both;overflow:hidden;} .linkList li {float:left;_display:inline;padding-right: 6px;} .linkList li img {height: 52px;width: 154px;display:block;} #bottom{display:none;} /*-----------------------浜岀骇椤?------------------------------*/ .page_ad{width:100%;margin:0 auto;} .page_ad img{width:100%;margin:0 auto;} #main { width: 100%; padding-left: 240px; } #sidebar { width: 220px; box-sizing: content-box; margin-right: -220px; z-index: 99999; border: none; margin-left: 0; padding: 0!important; } .box2 .box2_h{ overflow:hidden; } .box2 .box2_h{ border:none; text-align:center; height:48px; line-height:48px; margin-bottom:6px; background-color:#f79687; color:#fff; } .box2 .box2_h b{ position: relative; padding:0; } .box2 .box2_h i{ position: absolute; right: 6px; text-indent: -999em; padding:0;height:auto; } .box2 .box2_h i:before{ content:""; content: ""; position: absolute; width:20px; height:20px; top: 14px; right: 0; } .box2 .box2_b{ padding:0; } .menult2_ico_txt{ margin:0; } .menult2_ico_txt li{ line-height:36px; background-color:#add1fa; margin: 0 0 6px 0px; position: relative; border: 1px solid #96c2f5; } .menult2_ico_txt li:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .menult2_ico_txt li:hover:before{ -webkit-transform: scaleX(1); transform: scaleX(1); } .menult2_ico_txt li:after{ content:""; display:none; position: absolute; width:28px; height:28px; bottom:0px; right:0px; } .menult2_ico_txt li:hover:after{ } .menult2_ico_txt li a{ height:36px; border:none; padding-left:0px; text-align:center; color:#fff; } .menult2_ico_txt li a:hover{ color:#333; } @media only screen and (max-width: 1920px){ .cw{width:1440px; margin: 0 auto;} .list3>li{width: 452px;margin-right:40px;} .indexPage .list4>li .photo{width:340px;height:248px;overflow:hidden;} .indexPage .list4>li .photo img{max-width:340px;max-height:248px;} .indexPage .list5>li .photo{width:268px;height:196px;overflow:hidden;} .indexPage .list5>li .photo img{max-width:268px;max-height:196px;} .list4>li .photo{width:280px;height:204px;overflow:hidden;} .list4>li .photo img{max-width:280px;max-height:204px;} } @media only screen and (max-width: 1440px){ .cw{width:1190px;} .list3>li{width: 370px;} .list3>li .summary{height:62px;} .indexPage .list4>li .photo{width:276px;height:202px;overflow:hidden;} .indexPage .list4>li .photo img{max-width:276px;max-height:202px;} .indexPage .list5>li .photo{width:218px;height:160px;overflow:hidden;} .indexPage .list5>li .photo img{max-width:218px;max-height:160px;} .list4>li .photo{width:218px;height:158px;overflow:hidden;} .list4>li .photo img{max-width:218px;max-height:158px;} .footerMenuList li{width:104px;} } @media only screen and (max-width: 1200px){ .menult2_ico_txt:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} #sidebar{width:100%;z-index:1;} #main{padding:0;} .contactArea{display:none;} #bannerMenuBar>li a .alias{display:none;} .box .box_b{padding:12px;} .box .box_h b{padding-left:10px;} .box .box_h h1{font-size:20px;} .list4>li .photo{width:276px;height:202px;overflow:hidden;} .list4>li .photo img{max-width:276px;max-height:202px;} .indexPage .list4>li .photo,.indexPage .list5>li .photo{width:100%;height:auto;overflow:hidden;} .indexPage .list4>li .photo img,.indexPage .list5>li .photo img{max-width:100%;max-height:100%;} .menult2_ico_txt li { width: 48%; float: left; box-sizing: border-box; margin: 0 1% 5px; } #header {height: 50px;} #header .banner{display:block;width:100%;} #header .logo a { width: 180px; height: 50px; line-height: 50px; margin-left: 10px; } #header .logo a img { max-width: 180px; } .menu_btn { position: absolute; top: 14px; right: 10px; width: 24px; height: 24px; background: url(rlayout/menuBtn.png) 0 0 no-repeat; background-size: 100% 100%; z-index: 999; } #bannerMenuBar{ display:none; position: absolute; top:50px; width: 100%; } #bannerMenuBar>li{ float:none; width:100%; background: rgba(113, 113, 113, 0.6); text-align: center; border-bottom: 1px solid #949494; border-top: 1px solid #fff; line-height:36px; } #bannerMenuBar>li a{ color:#fff; display:block; } #bannerMenuBar .subMenuList{ display:none; } .cw{width:100%;} #menubar{display:none;} .palist{padding:0 10px;} .list3>li{width:32%;margin-right:2%;} .list4>li,.list5>li{width:49.5%;margin-right:1%;} .list4>li:nth-child(2n),.list5>li:nth-child(2n){margin-right:0px;} .list3>li .photo,.list4>li .photo,.list5>li .photo{margin:0 auto;} .banner_ad{display:none;} #footer{display:none;} #content{margin-bottom:40px;} .linkList li{ padding: 6px; width: 20%; box-sizing: border-box;} .linkList li img{ width:100%;height:auto; } #bottom{ display: block; position: fixed; bottom: 0; width: 100%; background: #f5f5f5; height: 40px; border-top:1px solid #ddd; z-index: 9999999999; } .bottomMenuList>li{ float:left; width:25%; text-align:center; line-height:40px; } .bottomMenuList>li a{ display:block; } } @media only screen and (max-width:800px){ .box .box_h p{padding:10px;} .list3>li{width:100%;margin-right:0%;} .list4>li,.list5>li{width:100%;margin-right:0%; background: #fafafa; border: 1px solid #eee;} .list4>li .photo,.list5>li .photo{width:auto;height:auto;} .list4>li .photo img,.list5>li .photo img{width:100%;max-width: inherit; max-height: inherit;} .list5>li{width:100%;margin-right:0%;} .col .col_sub{width:100%;margin:0;} .col .main_wrap{margin:0;} .newsHead .photo{width:100%;height:auto;} .newsHead .title{ position: absolute; bottom: 0; width: 100%; height: 36px; line-height: 36px; background: rgba(0, 0, 0, 0.39); color: #fff; text-align: center;} .newsHead .title a{ color:#ccc; padding: 0 10px; } .newsHead li.summary{display:none;} .newsList{margin-top:6px} .newsList .photoItem .photo{height:60px;width:60px;} .newsList .photoItem .title a{ font-size:14px; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; padding-right:1em; } .newsList .photoItem .date, .newsList .photoItem .summary{display:none;} }