@charset "utf-8"; /*基础制作页面组件*/ /*20150716 v1.0*/ /*20160421 v1.1 商讨了默认字号,a的默认连接颜色样式等*/ html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, input, textarea, label, ul, ol, dl, li, dt, dd, .clearfix:after { margin: 0; padding: 0; } html, body { height: 100%; } body { padding: 0; margin: 0; /*font-family: 'pingfang sc', 'lantinghei sc', 'helvetica neue', 'helvetica', 'arial', 'microsoft yahei', '微软雅黑', 'stheitisc-light', 'simsun', '宋体', 'wenquanyi zen hei', 'wenquanyi micro hei', 'sans-serif' !important;*/ font-family: "pingfang sc","xhw-pzh", "lantinghei sc", "helvetica neue", helvetica, arial, "microsoft yahei", "微软雅黑", stheitisc-light, simsun, "宋体", "wenquanyi zen hei", "wenquanyi micro hei", sans-serif; } h1, h2, h3, h4 { font-weight: normal; } li { list-style-type: none; } a { text-decoration: none; outline: none; color: #333; } a:hover { text-decoration: none; color: #3773db; } table { border-collapse: collapse; border-spacing: 0; } iframe, img { border: 0; } img { vertical-align: middle; } input { outline: none } .clearfix { display: block; #zoom: 1; } .clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; } .left { float: left; } .right { float: right; } .hide { display: none; } /*lhr,cl于20211201进行视频播放器样式覆写,修改视频absolute问题*/ .player-container { overflow: hidden; } .player-container .dhy-video { position: static !important; } @media screen and (max-width: 767px) { .pagevideo { display: block; } } /*破折号字体*/ @font-face { font-family: "xhw-pzh"; src: format('woff2'), format('woff'), format('truetype'); } .kgzg { margin-top: 0px; } .listpic1 li:hover { background: none; } body { background: #fff url(/uploads/image/uyoiuouioubqeq/kjhn.png) 50% 0 no-repeat; } .part1 { margin-bottom: 40px; margin-top: 923px; } .listpic1 li .pictit a:hover { color: #012d76!important; } .tab_li { width: 100%; height: 95px; background: url(/uploads/image/fdsfwerewrw/dh.png) 50% 0 no-repeat; position: relative; } .tab_li>ul { width: 1040px; margin: 0 auto; padding: 40px 0; } .footer { background: #012d76; } .tab_li>ul>li { float: left; text-align: center; margin: 0px 12px; width: 100px; position: relative; cursor: pointer; } .title { margin: 10px auto 30px; } .p1_left .focusbox{overflow:hidden;width:700px;height: 400px;} .p1_left .focusbox .pic img{width:700px;height: 400px;} .bn_title h2 { margin-bottom: 7px; font-size: 24px; padding-top: 10px; } .bn_title p { font-size: 14px; color: #8d8d8d; line-height: 25px; font-weight: normal; /* border-bottom-width: 1px; */ height: 75px; overflow: hidden; /* margin-bottom: 15px; */ height: 50px; } .p1_right .bn_title { margin-bottom: 0; border-bottom: 1px solid #aedbcc; } .bn_title h2 a { color: #333; font-size: 18px; font-weight: bold; } .p1_right .bn_title { margin-bottom: 0; border-bottom: 1px solid #012d76; height: 106px; } .rmh_box { width: 1200px; height: 600px; margin: 0 auto; } .p1_left{overflow:hidden;width:700px;float: right;} .p1_right{overflow:hidden;margin-top:0;width:470px; padding: 10px 10px 10px 20px;float: left;} .p1_right .list ul li{padding:18px 0 12px 26px;} .p1_right .bn_title:nth-child(2){margin:35px 0 20px;} .focusbox { position: relative; width:600px; height:375px; overflow: hidden; } .focusbox .pic img { width:600px; height:375px; display: block;overflow:hidden;} .focusbox .pic li{position:relative; display:block; float:left;} .focusbox .pic li p,.p1 .p1infopic p{ position:absolute; bottom:0px; line-height:20px; padding:10px 0;left: 0px;background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;filter: alpha(opacity=70);background: #000000; width:100%; text-indent:10px; color:#fff;} .focusbox .pic li p a{ color:#fff; position:relative; font-size:16px;} .focusbox .hd{ overflow:hidden; zoom:1; position:absolute; bottom:12px; right:10px; z-index:3} .focusbox .hd li{float:left; line-height:15px; text-align:center; font-size:0px; text-indent:-999em; width:12px; height:12px;border-radius: 100%; cursor:pointer; overflow:hidden; background:#cdcdcd; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease } .focusbox .hd .on{ background:#012d76; filter:alpha(opacity=100);opacity:1; } .focusbox .prev,.focusbox .next { width:40px; height:47px; position:absolute; top:42%; z-index:3; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} .focusbox .prev { background-image:url(/uploads/image/wgpimages/slider_arrow.png); background-position:-105px 0; left:0 } .focusbox .next { background-image:url(/uploads/image/wgpimages/slider_arrow.png); background-position:-50px 0; right:0 } .focusbox .prev:hover,.focusbox .next:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 } .p1_left .focusbox .pic img { width: 666px; height: 386px; float: right; } .focusbox .pic li { position: relative; display: block; float: right; } .moreboxcon { display: block; margin: 0 auto; height: 80px; width: 260px; } .section_pm { margin: 0 auto; width: 1200px; overflow: hidden; margin-bottom: 0px; padding: 0px 0; } .moreboxcon { display: block; margin: 0 auto; height: 55px; line-height: 55px; width: 235px; text-align: center; background: linear-gradient(45deg, #ff6364 15%, #dd020a 80%); border-radius: 25px; margin-bottom: 50px; } .footer { padding: 25px 0 25px 0; text-align: center; margin-top: 10px; } .part1-right li:before { background: #012d76; } .part1-right li { font-size: 17px; color: #305798; padding-top: 12px; padding-left: 24px; padding-bottom: 20px; position: relative; line-height: auto; height: 36px; width: 95%; } .title img { margin: 0 auto; width: 1200px; display: block; height: 146px; } .jbgd .list.list-txt li { width: 553px; margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; color: #333; background: #fff; margin:0 23px 20px; height: 84px; overflow: hidden; float: left; } .jbgd { width: 1200px; margin: auto; height: auto; padding-top: 260px; margin-top: -36px; } .jbgd2 { width: 1200px; margin: auto; height: auto; } .ylzg { height: 580px; background: url(/uploads/image/cewqe/kjcx.png) 0 0 no-repeat; } .jbgd .list.list-txt li:hover { border: 0; color: #2579fb; } .jbgd .list.list-txt li:hover span { color: #2579fb } .jbgd .list.list-txt li:hover span:before { background-color: #2579fb } .jbgd .list.list-txt li:hover span a { color: #2579fb } .jbgd .list.list-txt li span { width: 100%; padding: 15px 20px 15px 30px; display: block; position: relative; } .jbgd .list.list-txt li span:before { content: ""; background-color: #2579fb; width: 6px; height: 6px; position: absolute; left: 10px; top: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .jbgd .list.list-txt li span a { color: #333; font-size: 18px; line-height: 26px; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s } .jbgd1 .list.list-txt li{box-shadow: 0 0 8px -3px rgba(125, 125, 126, 1);} .jbgd1 .list.list-txt li span:before { content: ""; background-color: #2579fb; width: 6px; height: 80%; position: absolute; left: 13px; top: 9px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .jbgd .list.list-txt li span { position: relative; } .partjb { background: #ebf2ff; height: auto; padding-bottom: 20px; padding-top: 10px; } .partjb{background: url(/uploads/image/cewqe/whly.png) 0 0 no-repeat;height:auto;padding-bottom: 100px;padding-top: 10px;} .recommend { margin-top: 34px; } .recommend .scroll { width: 1200px; margin: 0 auto; position: relative; } .recommend .scroll:hover .swiper-button-next, .recommend .scroll:hover .swiper-button-prev { display: block } .recommend .swiper-button-next, .recommend .swiper-button-prev { width: 40px; height: 40px; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100%; margin-top: -26px } .recommend .swiper-container { padding-left: 1%; padding-right: 1%; width: 98%; height: 420px } .recommend .swiper-slide { position: relative; height: 404px; overflow: hidden; box-shadow: 0 0 8px -3px rgba(125, 125, 126, 1); border-radius: 4px 4px 0 0; background: #fff; } .recommend .swiper-slide .img { background-image: none } .recommend .swiper-slide .img, .recommend .swiper-slide img { width: 364px; height: 214px; border-radius: 4px 4px 0 0; position: relative; z-index: 1 } .recommend .swiper-slide .wznr{ background: #fff; height: 190px; padding: 20px; } .recommend .swiper-slide .wznr h2{ font-size: 18px; color: #333; line-height: 28px;} .recommend .swiper-slide .wznr h2 a{ color: #333; } .recommend .swiper-slide .wznr p{ margin-top: 10px; font-size: 14px; color: #333; line-height: 25px; } .recommend .swiper-button-prev { left: -50px; background: url(/uploads/image/wz2images/left.png) 0 0 no-repeat; } .recommend .swiper-button-next { right: -50px; background: url(/uploads/image/wz2images/right.png) 0 0 no-repeat } .tfzg { } .tfzg .cont { margin-top: 30px; font-size: 0 } .tfzg .list.list-pic .tit { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; padding: 15px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.8))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.8) 100%); background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.8) 100%); background-image: linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,.8) 100%); color: #fff; font-size: 18px; text-align: center; } .tfzg .list.list-pic .tit a { color: #fff } .tfzg .list.list-txt { width: 580px; margin-top: 15px; } .tfzg .list.list-txt li { border-bottom: 1px dotted #ccc; padding: 10px 0 } .tfzg .list.list-txt li:last-child { border: 0 } .tfzg .list.list-txt .tit { color: #333; font-size: 18px; line-height: 1.556; padding-left: 20px; } .tfzg .list.list-txt .tit a { color: #333 } .tfzg .list.list-txt .abs { margin-top: 5px; font-size: 16px; color: #333; line-height: 1.5 } .tfzg .list.list-mix { height: 135px; } .tfzg .list.list-mix .tit { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 135px; font-size: 18px; line-height: 26px; color: #333; font-weight: bold; float: right; width: 324px; } .tfzg .list.list-mix .img { width:240px; height: 135px; margin-right: 16px; float: left; } .tfzg .list.list-mix .img img{ width:240px; height: 135px; } .tfzg .list.list-mix .txt { height: 135px; width: 580px; } .tfzg .list { display: inline-block; vertical-align: top;} .tfzgl{ width: 580px; float: left; height: 135px;} .tfzgr{ width: 580px; float: right; position: relative;} .tfzgr .img { position: relative; z-index: 1; width:580px; height: 326px; } .tfzgr .img img { width: 100%; height: auto } .tfzgr .tit { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; padding: 15px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%); color: #fff; font-size: 18px; text-align: center; } .tfzgr .tit a{ color: #fff; } .lib-foot { margin-top: 20px !important; background-image: -webkit-gradient(linear, left bottom, left top, from(#1442ce), to(#1442ce)) !important; background-image: -webkit-linear-gradient(bottom, #1442ce 0, #1442ce 100%) !important; background-image: -moz-linear-gradient(bottom, #1442ce 0, #1442ce 100%) !important; background-image: linear-gradient(0deg, #1442ce 0, #1442ce 100%) !important } .jbgd .list.list-txt li { width: 553px; margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; color: #333; background: #fff; margin:0 23px 20px; height: 84px; overflow: hidden; float: left; } .jbgd .list.list-txt li:hover { border: 0; color: #2579fb; } .jbgd .list.list-txt li:hover span { color: #2579fb } .jbgd .list.list-txt li:hover span:before { background-color: #2579fb } .jbgd .list.list-txt li:hover span a { color: #2579fb } .jbgd .list.list-txt li span { width: 100%; padding: 15px 20px 15px 30px; display: block; position: relative; } .jbgd .list.list-txt li span:before { content: ""; background-color: #2579fb; width: 6px; height: 6px; position: absolute; left: 10px; top: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .jbgd .list.list-txt li span a { color: #333; font-size: 18px; line-height: 26px; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s } .jbgd1 .list.list-txt li{box-shadow: 0 0 8px -3px rgba(125, 125, 126, 1);} .jbgd1 .list.list-txt li span:before { content: ""; background-color: #2579fb; width: 6px; height: 80%; position: absolute; left: 13px; top: 9px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .jbgd .list.list-txt li span { position: relative; } .jbgd2 .list.list-txt li { width: 553px; margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; color: #333; background: #fff; margin: 0 23px 20px; height: 84px; overflow: hidden; float: left; } .jbgd2 .list.list-txt li span { width: 100%; padding: 15px 20px 15px 30px; display: block; position: relative; } .jbgd2 .list.list-txt li span:before { content: ""; background-color: #2579fb; width: 6px; height: 6px; position: absolute; left: 10px; top: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% } .jbgd2 .list.list-txt li span a { color: #333; font-size: 18px; line-height: 26px; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s }