.fir .firp span{color: #ffffff;font-size: 13px;} /*2019-8-3*/ /*2019-8-9*/ html, body { -ms-overflow-style: scrollbar; } body,*,a{font-family: 微软雅黑;font-size: 16px;color: #333333;} a:hover{text-decoration: none;} p,ul{margin: 0;} .big{width: 100%;background-color: #f7f7f7;} body{background: #f7f7f7;} /*清除浮动主体*/ .first,.three,.tonul,.five,.six{overflow: hidden;} .fir .firp span{color: #ffffff;font-size: 13px;} /*主体*/ /*first*/ .zo .zoct{width: 1220px;padding-bottom: 20px;background-color: #ffffff;margin: 0 auto;padding-left: 20px;padding-right: 20px;} .zoct .first{padding-top:1.25em;width: 100%;} .zoct .first div{float: left;} .zoct .first .fir1{position: relative;width:23.7%;overflow: hidden;} .zoct .first .fir1 .fir{position: absolute; float: none;top:0;height: 100%;width: 100%;text-align: center} .zoct .first .fir1 .fir .firp1{color: #ffffff;font-size: 26px;font-weight: bold;margin-top: 10%;} .zoct .first .fir1 img{width: 100%;min-height: 143px;} .zoct .first .fir2{background-color: #e9f6fd;width: 40.8%;margin-left: 1.1%;} .zoct .first .fir2 ul li{float: left;width:33.3%;height: 4.5em;line-height:4.5em;border-right: 0.062em solid #c6e5f6;border-bottom: 0.062em solid #c6e5f6} .zoct .first .fir2 ul li img{margin: 0 2.15% 0 12.5%;} .zoct .first .fir2 ul li a{color: #1a56a8;font-weight: bold;} .zoct .first .fir2 ul .fli3,.zoct .first .fir2 ul .fli6{border-right: 0;} .zoct .first .fir2 ul .fli4, .zoct .first .fir2 ul .fli5, .zoct .first .fir2 ul .fli6{border-bottom: 0;} .zoct .first .fir3{width: 34%;float: right;} .zoct .first .fir3 a{display: inline;} .zoct .first .fir3 .firimg1{width: 41%;} .zoct .first .fir3 .firimg2, .zoct .first .fir3 .firimg3 { width:53%;} .zoct .first .fir3 .firimg3{margin-top: 3%;} .zoct .first .fir3 .firimg1{margin-left: 2%;} .zoct .first .fir3 .firimg2, .zoct .first .fir3 .firimg3{margin-left: 3%;} .zoct .first .fir3 img{float: left;} .zoct .first .fir3 img:first-child{} .zoct .first .fir3 img:first-child+img +img{margin-top: 2.5%;} /*two*/ .zoct .two{margin-top:30px;text-align: center;} .zoct .two p a{color:#0055ae;font-size: 36px;} /*three*/ .zoct .three{margin-top: 30px;} .zoct .three .thr1{width: 47.7%;float: left;} .zoct .three .thr2{width: 578px;float: right;overflow: hidden;} .zoct .three .thr2 p{height: 2.87em;line-height: 2.87em;border-bottom: 0.062em solid #efefef;text-align: center;} .zoct .three .thr2 p a{color:#ffffff;font-weight:bold;font-size:22px;background: url("sw4_xin_03.png") no-repeat top left;width: 130px; display: block; height: 3.43em;} .zoct .three .thr2 ul{margin-top: 1em;} .zoct .three .thr2 ul li{ line-height:2.25em;height:2.25em;overflow:hidden;padding-left: 10px; list-style: disc inside;color: #1369c0; } .zoct .three .thr2 ul a{line-height:2.25em;height:2.25em;overflow:hidden;} .zoct .three .thr2 ul span{float: right;color: #999999;} .zoct .three .thr2 ul li a{word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;width: 85%;display: inline-block;overflow: hidden;vertical-align: bottom;} .zoct .three .thr2 ul li:hover a {color:#0055ae;} .zoct .three .thr2 ul li img{margin-right: 0.625em;} .zoct .three .thr2 ul li span{float: right;color: #999999;} .carousel-indicators{left:90%;} /*three*/ /*轮播*/ .three .lunbo .focusBox .pic li{position: absolute; width: 580px; left: 0px; top: 0px;} .lunbo{ width: 578px; height: 385px; float: left; margin-bottom: 20px; } /* 焦点图 */ .focusBox .txt ul li a{ word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; width: 90%; display: inline-block; overflow: hidden; } .focusBox { float: left; position: relative; width: 578px; height: 385px; overflow: hidden; font-family: Arial; text-align: left; background: #fff; } .focusBox .pic img { width: 578px; height: 385px; display: block; } .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 42px; width: 100%; background: #333; filter: alpha(opacity=40); opacity: 0.8; overflow: hidden; } .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 42px; width: 100%; overflow: hidden; } .focusBox .txt li { height: 42px; line-height: 42px; position: absolute; bottom: -42px; } .focusBox .txt li a { display: block; color: white; padding: 0 0 0 10px; font-size: 16px; font-weight: bold; text-decoration: none; } .focusBox .num { position: absolute; z-index: 3; bottom: 13px; right: 8px; } .focusBox .num li { float: left; position: relative; width: 13px; height: 13px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 10px; cursor: pointer; } .focusBox .num li a, .focusBox .num li span { position: absolute; z-index: 2; display: block; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; background: url(slideoff.png) no-repeat; } .focusBox .num li span { z-index: 1; filter: alpha(opacity=50); opacity: 0.5; } .focusBox .num ul{ width: 100%; height: auto; } .focusBox .num li.on a, .focusBox .num a:hover { background: url(slideon.png) no-repeat; } .focusBox .prev { width: 40px; height: 66px; position: absolute; left: 0; top: 135px; background: url(slideprev.png) no-repeat; } .focusBox .next { width: 40px; height: 66px; position: absolute; right: 0; top: 135px; background: url(slidenext.png) no-repeat; } .focusBox .pic{ position: relative; width: 100% !important; height: 100% !important; } /*four*/ .zoct .four ul{background-color: #f0f9fe;margin: 0 auto;overflow: hidden;} .four ul li{text-align: center;} .four ul a{width: 147.5px;display: block;float: left;padding: 1em 0} .four ul li:hover a span{color: #1a56a8;} .four ul a li .span1{display: block;width: 70%; margin: 0px auto; line-height: 25px; margin-top: 10px;} /*five*/ .five .ton{float: left;} .ton{width: 49%;} .five .tonl{float: left;} .five .tonr{float: right;} .ton div{margin-top: 1em;max-height: 216px;overflow: hidden;} .ton .tonul{height: 75px;line-height: 75px;border-bottom: 0.062em solid #efefef;} .ton .tonul li{float: left;margin-right: 1.875em;} .ton .tonul li a{font-size: 22px;height:74px;} .ton .xuanul li{ line-height: 2.25em;height: 2.25em;overflow: hidden; padding-left: 10px;list-style: disc inside; color: #1369c0; } .ton .xuanul li img{margin-right: 0.625em;} .ton .xuanul li span{float: right;color: #999999;} .ton .xuanul li a{ word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; width: 85%;display: inline-block;overflow: hidden;vertical-align: bottom; } .ton .xuanul li:hover a{color:#1a56a8;} .ton .tonul .current a{font-weight: bold;color: #1a56a8;border-bottom: 3px solid #1a56a8;display: block;} /*six*/ .six div{float: left;} .six .sixl,.six .sixz{width: 28.8%;margin-right: 1.7%;} .six .sixl .sixnew,.six .sixz .sixnew2{margin-top: 20px;position: relative;} .six .sixl .sixnew .sixnew2t,.six .sixz .sixnew2 .sixnew2t{ width:100%;height:30px;position:absolute;bottom:0;background: url('sw_toum_03.png') repeat left center;} .six .sixl .sixnew .sixnew2t p,.six .sixz .sixnew2 .sixnew2t p{ padding-left: 10px; color: #ffffff;height: 30px;line-height: 30px; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 95%; } .six .sixr{width: 39%;float: right;overflow: hidden;} .six .sixr ul{margin-top: 1em;} .six .sixr ul li{line-height: 36px;height: 36px;overflow: hidden; padding-left: 10px;list-style: disc inside;color: #1369c0;} .six .sixr ul li a{ word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; width: 80%; display: inline-block; overflow: hidden;vertical-align: bottom;} .six .sixr ul li:hover a{ color: #1a56a8;} .six .sixr ul li img{margin-right: 0.625em;position: relative;top: 10px;} .six .sixr ul li span{float: right;color: #999999;} .six div .p1{height: 4.37em;line-height: 4.37em;border-bottom: 0.062em solid #efefef;} .six div p a{color: #1a56a8;font-weight: bold;border-bottom: 3px solid #1a56a8;display: inline-block;font-size: 22px;} /*seven*/ /* 左右轮播css*/ /*seven*/ /* 左右轮播css */ /*.seven{margin-bottom: 1.25em;}*/ .seven{ margin-top: 20px;overflow: hidden; } .seven .box-5 { width: 100%; height: 90px; margin-top: 20px; } .div7 .picScroll-left { width: 1180px; margin: 0 auto; overflow: hidden; position: relative; } .div7 .picScroll-left .hd { position: relative; } .div7 .picScroll-left .prev, .div7 .picScroll-left .next { position: absolute; display: block; width: 20px; height: 36px; top: 25px; overflow: hidden; cursor: pointer; z-index: 10; } .div7 .picScroll-left .next { background: url("slidenext2.png") no-repeat; right: 0px; background-size: 100%; } .div7 .picScroll-left .prev { background: url("slideprev2.png") no-repeat; left: 9px; background-size: 100%; } .div7 .picScroll-left .bd { /* padding: 10px; */ } .div7 .picScroll-left .bd ul { overflow: hidden; zoom: 1; } .div7 .picScroll-left .bd ul li { margin-left:16px; float: left; _display: inline; overflow: hidden; text-align: center; } .div7 .picScroll-left .bd ul li .pic { text-align: center; } .div7 .picScroll-left .bd ul li .pic img { width: 225px; height: 90px; display: block; } .div7 .picScroll-left .bd ul li .pic a:hover img { border-color: #999; } .div7 .picScroll-left .bd ul li .title { line-height: 24px; } .div7 .picScroll-left .tempWrap { width: 100% !important; } @media screen and (max-width:768px){ .zoct .first .fir1{height: 100px;overflow: hidden;} .zoct .first .fir1 .fir .firp1{margin-top: 1.5%;} .zoct .first .fir1 .fir .firp .firps2{display: none;} .zoct .first .fir1 img{width: 100%;} .zo .zoct{width: 100%;} .zoct .first{padding:1.25em 0 0 0;} .zoct .first .fir2{width: 100% !important;margin:0 0.625em 0 0;} .zoct .first .fir1,.zoct .first .fir3{width: 100%;} .zoct .first .fir2{margin-top: 20px;margin-bottom: 20px;} .zoct .first .fir3{height: inherit;} .zoct .two p{width: 100% !important;word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; width: 90%;overflow: hidden;} .zoct .two p a{font-size: 22px;} .zoct .three .thr2{width: 100%;} .zoct .three .thr2 ul li a, .zoct .three .thr2 ul span{top: 8px !important;} .focusBox .txt ul li a{width: 80% !important;} .three .lunbo,.focusBox .pic img,.focusBox .pic img{width: 100% !important;} .three .focusBox{width: 100% !important;} .three .lunbo{height: auto !important;width: 100% !important;} .three .lunbo .focusBox .pic li{width: 100% !important;} .four{margin-top: 20px;} .four ul li{width:100%;border-bottom: 1px solid #ffffff;} .four ul a{width:25%;} .four ul a li .span1{display: block !important;} .five .ton{width: 100%;margin-left: 0;} .six .sixl, .six .sixz{width: 100%;margin-left: 0;} .six .sixl img, .six .sixz img{width: 100%;} .six .sixr{width: 100%;margin-left: 0;} .six .sixl .sixnew, .six .sixz .sixnew2{width: 100% !important;} .sixnew img,.sixnew2 img{ height: inherit !important;} #share_right,.lg .lgg .lgrit{display: none;} .topp,.lg,.dh,.yq,.bot,.yq{min-width: 100% !important;margin: 0 auto;} /*seven*/ .box-5 { width: 100%; height: 90px; margin-top: 20px; float: left; } .div7 .picScroll-left{width: 100% !important;} } @media screen and (max-width:480px){ .zoct .three .thr2 ul li a,.ton .xuanul li a{width: 75% !important;} .zoct .first .fir2 ul li{width: 50%;} .zoct .first .fir2 ul .fli3, .zoct .first .fir2 ul .fli6{ border-right: 0.062em solid #c6e5f6;} .zoct .first .fir2 ul li{border-bottom: 0.062em solid #c6e5f6 !important;} .zoct .two p a{font-size: 19px;} .zoct .first .fir1 .fir .firp1{margin-top: 3% !important;} /*轮播*/ .box-1 {width: 100%;height: 244px;float: left;margin-bottom: 10px;} .box-1-1 {width: 100%;height: 244px;float: left;margin-bottom: 10px; } .three .lunbo,.focusBox .pic img,.focusBox .pic img{width: 100% !important;} .three .lunbo .focusBox{width: 100% !important;} .three .lunbo{height: auto !important;width: 100% !important;} .three .lunbo .focusBox .pic li{width: 100% !important;} .three .lunbo .focusBox .txt ul li a{width: 30% !important;} .three .focusBox {width: 100% !important;height: 244px !important;} .three .focusBox .pic img{height: 244px !important;width: 100% !important;} .three .focusBox .prev,.focusBox .next{top: 70px !important;} .six .sixr ul li a{;width: 75% !important;} .six .sixr ul li:hover a{#1a56a8;} } @media screen and (max-width:376px){ .zoct .first .fir1 .fir .firp1{margin-top: 3% !important;} } @media (min-width:768px) and (max-width:1220px){ .topp,.lg,.dh,.yq,.bot,.yq{min-width: 1220px;} } /*友情链接*/ .yq{border-top: 1px solid #1a56a8;background-color: #eff9fe;} .yql{width: 1220px;margin: 0 auto;padding-bottom: 20px;} .yql .yqul span{color: #1a56a8;width: 125px;height: 55px;line-height: 55px;margin-left: 20px;font-size: 16px;font-weight: bold;} .yql .yqul span img{padding: 0 10px 0 10px;} .yql .yqul li{float: left;} .yql .yqd{background-color: #ffffff;padding-bottom: 5px;} .yql .yqd ul,.yql .yqul{overflow: hidden;} .yql .yqd ul{padding-left: 1.5%;} .yql .yqd1 ul li{float: left;margin-top: 10px;width: 10%;} .yql .yqd2 ul li{float: left;margin-top: 10px;width: 20%;} .yql .yqul .current{background-color: #ffffff;} /*媒体查询友情链接*/ @media screen and (max-width:768px){ /*友情链接*/ .yq{display: none;} } @media screen and (max-width:376px){ /*友情链接*/ .yql .yqd ul{padding-left: 5.5% !important;} } @media screen and (max-width:371px){ /*友情链接*/ .yql .yqd ul{padding-left: 6.5% !important;} } @media screen and (max-width:769px){ /*友情链接*/ .yql .yqd ul{padding-left: 3.5% !important;} }