@charset "utf-8"; *{margin: 0;padding: 0;box-sizing: border-box;list-style: none;} body {font-family: "微软雅黑";text-align: left;} img {border: 0;} a {text-decoration: none;color: #000;} i{font-style: normal;} a:hover { text-decoration: underline; color: #0468b3; } .w { width: 1000px; margin: 0 auto; } .w1040 { width: 1040px; } .bg-fff { background-color: #fff; } .area { margin-top: 30px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .backtop { position: fixed; _position: absolute; _bottom: auto; right: 20px; bottom: 177px; z-index: 80; display: none; width: 50px; height: 50px; text-indent: -999em; border-radius: 5px; background: no-repeat center top #d6d6d6; } .backtop:hover { background-position: center bottom; background-color: #0468b3; } /* 取消导航hover效果 */ .nav .nav_r ul li a:hover{ color: #0468b3; text-decoration: none; } /* 图片缩放 */ /* common */ .clearfix:after, .area:after { display: block; height: 0; clear: both; content: ""; } .clearfix, .area { zoom: 1; } .clear { height: 0; overflow: hidden; clear: both; font-size: 0; } .fl, .left { float: left; } .fr, .right { float: right; } .po-r { position: relative; } .po-a { position: absolute; } .hide { display: none; } .hidden { display: none; } .block { display: block; } /* img-load */ .img-load .image, img.img-load, .img-load img { display: block; overflow: hidden; background-color: #f5f5f5; } .j_lazyimg { margin: 0 auto; background-color: #f5f5f5; } /* img-zoom */ .img-zoom .image { position: relative; display: block; overflow: hidden; background-color: #f5f5f5; } .img-zoom .image:hover img { -webkit-transform: scale(1.15); transform: scale(1.15); } .img-zoom .image img { display: block; width: 100%; height: 100%; transition: .5s;} /* img-view */ .img-view .image { position: relative; } .img-view .image:hover s { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); } .img-view .image:hover s { opacity: .5; filter: alpha(opacity=50); } .img-view .image i { position: absolute; top: 50%; left: -15%; z-index: 2; display: block; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background: no-repeat; } .img-view .image:hover i { left: 50%; } /* img-hover */ .img-hover:hover { opacity: .8; filter: alpha(opacity=80); } /* transition */ .trans-none, .trans-none ul { -webkit-transition: none; transition: none; } .trans-add, .trans-add ul { -webkit-transition: .5s; transition: .5s; } .boxshadow{box-shadow: 2px 2px 10px rgba(0, 0, 0, .2), -2px 2px 10px rgba(0, 0, 0, .2);} .w1180{width: 1180px;margin: 0 auto;} .w1210{width: 1210px;margin: 0 auto;} .bgf0f0f0{background-color: #f0f0f0;} .bgf3f3f3{background-color: #f3f3f3;} .bg255{background-color: #fff;} .bg1a1a1a{background-color: #1a1a1a;} .bg06569f{background-color: #06569f;} .cr255{color: #fff;} .cr0468b3{color: #0468b3 !important;} .cr999{color: #999;} .cr838383{color: #838383;} .fs14{font-size: 14px;} .fs16{font-size: 16px;} .fs18{font-size: 18px;} .tl{text-align: left;} .tc{text-align: center;} .tr{text-align: right;} .pa {position: absolute;} .pr {position: relative;} .csp{cursor: pointer;} .hm,.vm {position: absolute;} .vm {top: 50%;-webkit-transform: translatey(-50%);} .hm {left: 50%;-webkit-transform: translatex(-50%);} .dib {display: inline-block;} .hide {display: none;} .clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .nowrap{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} /* 公共头部&导航 */ .head img {width: 100%;} .nav {margin-top: 25px;} .nav .nav_l{border-bottom: 2px solid #e0edf5;padding-right: 20px;} .nav .nav_l img{height: 66px;vertical-align: bottom;} .nav .nav_r {vertical-align: top;padding-top: 37px;border-bottom: 2px solid #e0edf5;} .nav .nav_r ul li {margin-right: 20px;height: 29px;line-height: 29px;} .nav .nav_r ul li a {font-size: 20px;letter-spacing: 1px;display: inline-block;} .nav .nav_r ul li a:after{content: '';width: 0;height: 2px;background-color: #0468b3;position: absolute;top: 28px;left: 50%;transform: translatex(-50%);color: #0468b3;transition: width .5s linear;} .nav .nav_r ul li a.on:after {content: '';width: 100%;height: 2px;background-color: #0468b3;position: absolute;top: 28px;left: 50%;transform: translatex(-50%);color: #0468b3;} .nav .nav_r ul li:hover a:after{width: 100%;} /* 公共底部 */ .footer { margin-top: 60px; padding: 30px 0;line-height: 1.6;text-align: center;background-color: #eee;font-size: 14px;} .footer,.footer a {color: #888;} .footer a:hover {color: #f00;} .footer a,.footer span {margin: 0 1px;} .package img{transition: transform .3s linear;width: 100%;height: 100%;} .package:hover img{transform: scale(1.1);} .main {margin-top: 25px;} .con .con_h{height: 32px;line-height: 32px;border-bottom: 2px solid #e0edf5;margin-bottom: 25px;} .con .con_h .headline:after{content: '';width: 100%;height: 2px;background-color: #0468b3;position: absolute;top: 30px;left: 0;} .con .con_h .column{margin-left: 30px;} .con .con_h .column a{display: inline-block;margin:0 6px;color: #838383;cursor: pointer;} .con1{margin-top: 25px;} .con1 .con1_l {width: 390px;height: 256px;} .con1 .con1_l .slidebox { width: 100%; height: 100%; overflow: hidden; position: relative; margin: 0 auto; } .con1 .con1_l .slidebox .hd { width: 100%; height: 15px; overflow: hidden; position: absolute; bottom: 5px; z-index: 1; } .con1 .con1_l .slidebox .hd ul { overflow: hidden; zoom: 1; float: left; width: 100%; } .con1 .con1_l .slidebox .hd ul li { display: inline-block; width: 10px; height: 10px; border-radius: 5px; line-height: 14px; text-align: center; background: #c0c0c0; cursor: pointer; text-indent: 9999px; margin: 0 5px; } .con1 .con1_l .slidebox .hd ul li.on { background: #f00; color: #fff; } .con1 .con1_l .slidebox .bd { position: relative; height: 100%; z-index: 0; } .con1 .con1_l .slidebox .bd li { height: 256px; position: relative; zoom: 1; vertical-align: middle; } .con1 .con1_l .slidebox .bd li p { position: absolute; left: 0; bottom: 0; height: 50px; padding-top: 5px; width: 100%; color: #fff; font-size: 16px; background: rgba(0, 0, 0, .5); } .con1 .con1_l .slidebox .bd img { width: 100%; height: 100%; display: block; } /* 下面是前/后按钮代码*/ .con1 .con1_l .slidebox .prev, .con1 .con1_l .slidebox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(/uploads/image/gwqqwimg/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0; } .con1 .con1_l .slidebox:hover .prev, .con1 .con1_l .slidebox:hover .next { opacity: 1; } .con1 .con1_l .slidebox .next { left: auto; right: 3%; background-position: 8px 5px; } .con1 .con1_l .slidebox .prev:hover, .con1 .con1_l .slidebox .next:hover { filter: alpha(opacity=100); opacity: 1; } .con1 .con1_l .slidebox .prevstop { display: none; } .con1 .con1_l .slidebox .nextstop { display: none; } .con1_m { width: 390px; background: #fff; margin-left: 20px; padding: 15px 0; } .con1_m ul { width: 290px; margin: 0 auto; } .con1_m ul li { width: 290px; height: 68px; overflow: hidden; text-align: left; margin-top: 8px; } .con1_m ul li:first-child { margin-top: 6px; } .con1_m ul li h2 { height: 21px; line-height: 21px; font-size: 16px; } .con1_m ul li h2 a:hover{ color: #0468b3; text-decoration: underline; } .con1_m ul li p { text-indent: 2rem; font-size: 14px; margin-top: 8px; color: #646464; } .con1_r { width: 390px; margin-left: 20px; } .con1_r .con1_r1 ul { width: 100%; display: block; } .con1_r .con1_r1 li { display: inline-block; margin: 15px 20px; } .con1_r .con1_r1 li img { width: 105px; height: 112px; } .con1_r .con1_r1 li p { font-size: 15px } .con1_r .con1_r1 .other a{width: 105px;display: inline-block;margin: 0 20px 15px 20px;} .con1_r .con1_r1 a img { width: 100%; height: 71px; } .con1_n,.con1_w{ width: 390px; height: 256px; margin-left: 20px; } .con1_n{padding: 13px;} .con1 .con1_n li:first-child{margin-bottom: 20px;} .con1 .con1_n li .package{width: 164px;height: 105px;overflow: hidden;} .con1 .con1_n li .right{width: 185px;margin-left: 15px;} .con1 .con1_n li:hover .right{color: #0468b3;text-decoration: underline;} .con1 .con1_w ol li{height: 36px;line-height: 36px;padding:0 12px;} .con1 .con1_w ol li a{display: block;height: 36px;padding-left: 12px;background: url(/uploads/image/gwwcwvimages/news_icon.png) no-repeat 0 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .con1 .con1_w ol li a:hover{background-position: 0 -30px;transition: .5s;color: #0468b3;text-decoration: underline;} .con2 { padding-bottom: 15px; margin-top: 30px; } .con2 .con2_t .con2_b .con2_b1 { height: 20px; line-height: 20px; } .con2 .con2_t .con2_b .con2_b1 a { width: 6px; height: 20px; background: #00a0fb; display: inline-block; } .con2 .con2_t .con2_b .con2_b1 h4 { display: inline-block; vertical-align: top; font-weight: normal; font-size: 18px } .con2_c { margin-top: 25px; } .con2_c .con2_c1 { width: 390px; height: 341px; } .con2_c .con2_c1 .ul_1 li { text-align: left; margin-bottom: 9px; } .con2_c .con2_c1 .ul_1 li .package{ width: 100%; height: 230px; overflow: hidden; } .con2_c .con2_c1 .ul_1 li .package img { width: 100%; height: 230px; } .con2_c .con2_c1 .ul_1 li h4 { margin-top: 6px; margin-bottom: 13px; margin-left: 15px; } .con2_c .con2_c1 .ul_1 li h4:hover{ color: #0468b3; text-decoration: underline; } .con2_c .con2_c1 .ul_1 li a.nowrap{display: block;height: 21px;line-height: 21px;padding-left: 20px;padding-right: 10px;background: url(/uploads/image/gwwcwvimages/news_icon.png) no-repeat 8px -6px;} .con2_c .con2_c1 .ul_1 li a.nowrap:hover{background-position: 8px -36px;transition: .5s;color: #0468b3;text-decoration: underline;} .con2_c .con2_c2 { width: 390px; margin-left: 20px; } .con2_c .con2_c2 ul { width: 360px; margin: 0 auto; } .con2_c .con2_c2 ul li { width: 360px; border-top: 1px solid #e5e5e5; padding-top: 10px; padding-bottom: 13px; overflow: hidden; } .con2_c .con2_c2 ul li .package{ display: inline-block; width: 125px; height: 85px; margin-right: 13px; overflow: hidden; } .con2_c .con2_c2 ul li:first-child { border-top: 0; } .con2_c .con2_c2 ul li h5 { font-size: 16px; height: 21px; line-height: 21px; text-align: left; margin-bottom: 9px; margin-top: 5px; } .con2_c .con2_c2 ul li h5:hover { color: #0468b3; text-decoration: underline; } .con2_c .con2_c2 ul li a img { float: left; width: 125px; height: 85px; margin-right: 20px; } .con2_c .con2_c2 dd { height: 26px; line-height: 26px; text-align: left; } .con2_c .con2_c2 dd a { font-size: 15px; } .con2_c .con2_c2 dd a:hover { color: #0468b3; text-decoration: underline; } .con2_c .con2_c2 dd.nowrap{display: block;height: 26px;line-height: 26px;padding-left: 12px;padding-right: 10px;background: url(/uploads/image/gwwcwvimages/news_icon.png) no-repeat 0 -2px;} .con2_c .con2_c2 dd.nowrap:hover{background-position: 0 -32px;transition: .5s;color: #0468b3;text-decoration: underline;} .con4 { margin-top: 12px; padding-top: 18px; } .con4 .con4_t .con4_b { width: 1180px; margin: 0 auto; margin-top: 10px; } .con4 .con4_t .con4_b .con4_b1 { height: 20px; line-height: 20px; } .con4 .con4_t .con4_b .con4_b1 a { width: 6px; height: 20px; background: #fff21d; display: inline-block; } .con4 .con4_t .con4_b .con4_b1 h4 { display: inline-block; vertical-align: top; font-weight: normal; font-size: 18px } .con4 .con4_t .con4_b .con4_b3 { float: left; margin-left: 40px; } .con4 .con4_t .con4_b .con4_b3 ul li { float: left; } .con4 .con4_t .con4_b .con4_b3 ul li img { margin-left: 8px; margin-right: 5px; } .con4_c { margin-top: 25px; background-color: #fff; padding-bottom: 13px; padding-top: 13px; padding-left: 15px; } .con4_c ul{display: none;} .con4_c ul:first-child{display: block;} .con4_c ul li { width: 180px; float: left; margin-right: 20px; } .con4_c ul li:last-child { margin-right: 0px; } .con4_c ul li .package{width: 180px;height: 110px;overflow: hidden;} .con4_c ul li img { width: 180px; height: 110px; } .con4_c ul li p { width: 180px; text-align: left; } .con4_c ul li:hover p { color: #0468b3; text-decoration: underline; } /*领导直通车*/ .con6 { margin-top: 12px; padding-top: 18px; } .con6 .left { width: 595px; } .con6 .right { width: 595px; margin-left: 20px; } .con6 .con6_t .con6_b { height: 32px; line-height: 32px; border-bottom: 2px solid #e0edf5; } .con6 .con6_t .con6_b .headline:after{content: '';width: 100%;height: 2px;background-color: #0468b3;position: absolute;top: 32px;left: 0;} .con6 .con6_t .con6_b .con6_b1 { height: 20px; line-height: 20px; } .con6 .con6_t .con6_b .con6_b1 a { width: 6px; height: 20px; background: #a172fc; display: inline-block; } .con6 .con6_t .con6_b .con6_b1 h4 { display: inline-block; vertical-align: top; font-weight: normal; font-size: 18px } .con6_c {margin-top: 25px;background-color: #fff;padding: 15px 12px;} .con6_c ul li {width: 175px;float: left;margin-right: 20px;} .con6_c ul li .package{width: 180px;height: 114px;overflow: hidden;} .con6_c ul li:last-child {margin-right: 0px;} .con6_c ul li img {width: 100%;height: 110px;} .con6_c ul li p {width: 100%;height: 40px;line-height: 20px;} .con6_c ul li:hover p {color: #0468b3;text-decoration: underline;} /* 电视 */ .live{margin-top: 30px;} .live .right{width: 330px;height: 570px;} .live .right li{width: 280px;margin: 0 auto;} .live .right li .thumb{border-radius: 10px;height: 120px;line-height: 120px;margin-top: 40px;} .live .right li img{max-height: 70px;vertical-align: middle;} .live .right li p{width: 100%;line-height: 30px;} .live .right .use-m{right: 40px;bottom: 40px;cursor: pointer;} .live .right .use-m .qrcdoe{right: 70px;bottom: 0;width: 150px;display: none;} .live .right .use-m .graph{height: 26px;line-height: 26px;display: inline-flex;align-items: center;} .special{margin-top: 25px;} .special .picscroll-left{width:100%; overflow:hidden;} .special .picscroll-left .bd{width: 1080px;margin: 0 auto;} .special .picscroll-left .bd ul{ overflow:hidden; zoom:1; } .special .picscroll-left .bd ul li{ margin:0 8px;display: inline-block; overflow:hidden; text-align:center;} .special .picscroll-left .bd ul li .pic{ text-align:center;} .special .picscroll-left .bd ul li .pic img{ width:200px; height:112px; display:block;border-radius: 10px;} .special .picscroll-left .bd ul li .title{ line-height:24px;} .picscroll-left .prev{position:absolute; left: 0; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/uploads/image/gwqqwimg/slider-arrow.png) 174px 5px no-repeat;} .picscroll-left .next{ position:absolute; right: 0; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/uploads/image/gwqqwimg/slider-arrow.png) 60px 5px no-repeat;} .topbar{ height: 48px; /* background: #2184c3; */ overflow: unset; } .topbar .search { margin-top:16px } .topbar .search-box { width:auto; height:53px; right:-3px; top:-9px; z-index:99; display:none } .topbar .search-box .search-con { width:352px; height:44px; border:4px solid #ddd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; overflow: hidden; } .topbar .search-box .search-con input { width:300px; height:34px; line-height:34px; outline:0; display:block; padding-left:10px; font-size:15px } .topbar .search-box .search-con button { width:18px; height:23px; right:10px; top:7px; background: } .topbar .search { position:relative; float:right; overflow:hidden } .topbar .search .key { width:100%; height:32px; font-size:14px; line-height:32px; border:0; background-color:#eee } .topbar .search .btn { width:18px; height:23px; right:10px; top:7px; background: } .header .menu { font-size:20px; line-height:60px; text-align:center; border-bottom:1px solid #e8e8e8; background-color:#fff } .header .menu span { display:inline-block; padding-right:15px; /* background: no-repeat right */ } .header .menu span.last, .header .menu span:last-child { padding:0; background:0 } .header .menu a { display:inline-block; padding:0 10px; color:#333; border-bottom:4px solid #fff } .header .menu a:hover, .header .menu a.on { font-weight:bold; color:#333; text-decoration:none; border-color:#4da032 } .bannerimg{ width: 1000px; margin: o auto; }